ssm+vue665基于Java的壁纸网站设计与实现

博主介绍：专注于Java（springboot ssm 等开发框架） vue .net php phython node.js uniapp 微信小程序等诸多技术领域和毕业项目实战、企业信息化系统建设，从业十五余年开发设计教学工作
☆☆☆ 精彩专栏推荐订阅☆☆☆☆☆不然下次找不到哟
我的博客空间发布了1500+毕设题目方便大家学习使用
感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人
更多项目地址介绍翰文编程CSDN博客翰文编程-CSDN博客
文末下方有源码获取地址

1. 系统结构设计

系统结构设计就像一个树状结构一样，一个树干有很多分支，大任务相当于树干，小任务相当于树枝，只有需求分析信息弄清楚之后，才能保证每个小任务都能实现目标，对初步设计好的系统再进行不断优化，最终得到一个具体现实的系统结构。

管理员功能模块和用户功能模块是该壁纸网站的两大部分，系统结构如图4-2所示。

图4-2 系统结构图

4.3 数据库设计

开发一个系统也需要提前设计数据库。这里的数据库是相关数据的集合，存储在一起的这些数据也是按照一定的组织方式进行的。目前，数据库能够服务于多种应用程序，则是源于它存储方式最佳，具备数据冗余率低的优势。虽然数据库为程序提供信息存储服务，但它与程序之间也可以保持较高的独立性。总而言之，数据库经历了很长一段时间的发展，从最初的不为人知，到现在的人尽皆知，其相关技术也越发成熟，同时也拥有着坚实的理论基础。

4.3.1 数据库概念设计

这部分内容需要借助数据库关系图来完成，也需要使用专门绘制数据库关系图的工具，比如Visio工具就可以设计E-R图（数据库关系图）。设计数据库，也需要按照设计的流程进行，首先还是要根据需求完成实体的确定，分析实体具有的特征，还有对实体间的关联关系进行确定。最后才是使用E-R模型的表示方法，绘制本系统的E-R图。不管是使用亿图软件，还是Visio工具，对于E-R模型的表示符号都一样，通常矩形代表实体，实体间存在的关系用菱形符号表示，实体的属性也就是实体的特征用符号椭圆表示。最后使用直线将矩形，菱形和椭圆等符号连接起来。接下来就开始对本系统的E-R图进行绘制。

（1）下图是壁纸收藏实体和其具备的属性。

图4.1 壁纸收藏实体属性图

（2）下图是论坛实体和其具备的属性。

图4.2 论坛实体属性图

（3）下图是用户实体和其具备的属性。

图4.3 用户实体属性图

（4）下图是公告信息实体和其具备的属性。

图4.4 公告信息实体属性图

（5）下图是字典表实体和其具备的属性。

图4.5 字典表实体属性图

（6）下图是壁纸信息实体和其具备的属性。

图4.6 壁纸信息实体属性图

（7）下图是壁纸留言实体和其具备的属性。

图4.7 壁纸留言实体属性图

（8）下图是用户表实体和其具备的属性。

图4.8 用户表实体属性图

1. 1. 数据库表设计

采用MYSQL数据库对该壁纸网站的数据进行存储，数据库中所包括的各个数据库表的详细信息如下所示：

表4.1壁纸信息表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	bizhi_name	String	壁纸名称	是
3	bizhi_types	Integer	壁纸类型	是
4	bizhi_photo	String	壁纸	是
5	bizhi_dnumber	Integer	下载数量	是
6	bizhi_content	String	壁纸详情	是
7	bizhi_delete	Integer	逻辑删除	是
8	create_time	Date	创建时间	是

表4.2壁纸收藏表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	bizhi_id	Integer	壁纸	是
3	yonghu_id	Integer	用户	是
4	bizhi_collection_types	Integer	类型	是
5	insert_time	Date	收藏时间	是
6	create_time	Date	创建时间	是

表4.3壁纸留言表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	bizhi_id	Integer	壁纸	是
3	yonghu_id	Integer	用户	是
4	bizhi_liuyan_text	String	留言内容	是
5	insert_time	Date	留言时间	是
6	reply_text	String	回复内容	是
7	update_time	Date	回复时间	是
8	create_time	Date	创建时间	是

表4.4字典表表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	dic_code	String	字段	是
3	dic_name	String	字段名	是
4	code_index	Integer	编码	是
5	index_name	String	编码名字	是
6	super_id	Integer	父字段id	是
7	beizhu	String	备注	是
8	create_time	Date	创建时间	是

表4.5论坛表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	forum_name	String	帖子标题	是
3	yonghu_id	Integer	用户	是
4	users_id	Integer	管理员	是
5	forum_content	String	发布内容	是
6	super_ids	Integer	父id	是
7	forum_state_types	Integer	帖子状态	是
8	insert_time	Date	发帖时间	是
9	update_time	Date	修改时间	是
10	create_time	Date	创建时间	是

表4.6公告信息表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	news_name	String	公告标题	是
3	news_types	Integer	公告类型	是
4	news_photo	String	公告图片	是
5	insert_time	Date	添加时间	是
6	news_content	String	公告详情	是
7	create_time	Date	创建时间	是

表4.7用户表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	yonghu_name	String	用户姓名	是
3	yonghu_photo	String	头像	是
4	yonghu_phone	String	联系方式	是
5	yonghu_email	String	邮箱	是
6	yonghu_delete	Integer	假删	是
7	create_time	Date	创建时间	是

表4.8用户表表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	username	String	用户名	是
3	password	String	密码	是
4	role	String	角色	是
5	addtime	Date	新增时间	是

系统的实现
1. 功能模块的实现

5.1用户信息管理

如图5.1显示的就是用户信息管理页面，此页面提供给管理员的功能有：用户信息的查询管理，可以删除用户信息、修改用户信息、新增用户信息，

还进行了对用户名称的模糊查询的条件

图5.1 用户信息管理页面

5.2 壁纸信息管理

如图5.2显示的就是壁纸信息管理页面，此页面提供给管理员的功能有：查看已发布的壁纸信息数据，修改壁纸信息，壁纸信息作废，即可删除，还进行了对壁纸信息名称的模糊查询壁纸信息信息的类型查询等等一些条件。

图5.2 壁纸信息管理页面

主要代码

   /*** 后端列表*/@RequestMapping("/page")public R page(@RequestParam Map<String, Object> params, HttpServletRequest request){logger.debug("page方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params));String role = String.valueOf(request.getSession().getAttribute("role"));if(false)return R.error(511,"永不会进入");else if("用户".equals(role))params.put("yonghuId",request.getSession().getAttribute("userId"));params.put("bizhiDeleteStart",1);params.put("bizhiDeleteEnd",1);if(params.get("orderBy")==null || params.get("orderBy")==""){params.put("orderBy","id");}PageUtils page = bizhiService.queryPage(params);//字典表数据转换List<BizhiView> list =(List<BizhiView>)page.getList();for(BizhiView c:list){//修改对应字典表字段dictionaryService.dictionaryConvert(c, request);}return R.ok().put("data", page);}/*** 后端详情*/@RequestMapping("/info/{id}")public R info(@PathVariable("id") Long id, HttpServletRequest request){logger.debug("info方法:,,Controller:{},,id:{}",this.getClass().getName(),id);BizhiEntity bizhi = bizhiService.selectById(id);if(bizhi !=null){//entity转viewBizhiView view = new BizhiView();BeanUtils.copyProperties( bizhi , view );//把实体数据重构到view中//修改对应字典表字段dictionaryService.dictionaryConvert(view, request);return R.ok().put("data", view);}else {return R.error(511,"查不到数据");}}/*** 后端保存*/@RequestMapping("/save")public R save(@RequestBody BizhiEntity bizhi, HttpServletRequest request){logger.debug("save方法:,,Controller:{},,bizhi:{}",this.getClass().getName(),bizhi.toString());String role = String.valueOf(request.getSession().getAttribute("role"));if(false)return R.error(511,"永远不会进入");Wrapper<BizhiEntity> queryWrapper = new EntityWrapper<BizhiEntity>().eq("bizhi_name", bizhi.getBizhiName()).eq("bizhi_types", bizhi.getBizhiTypes()).eq("bizhi_dnumber", bizhi.getBizhiDnumber()).eq("bizhi_delete", bizhi.getBizhiDelete());logger.info("sql语句:"+queryWrapper.getSqlSegment());BizhiEntity bizhiEntity = bizhiService.selectOne(queryWrapper);if(bizhiEntity==null){bizhi.setBizhiDelete(1);bizhi.setCreateTime(new Date());bizhiService.insert(bizhi);return R.ok();}else {return R.error(511,"表中有相同数据");}}/*** 后端修改*/@RequestMapping("/update")public R update(@RequestBody BizhiEntity bizhi, HttpServletRequest request){logger.debug("update方法:,,Controller:{},,bizhi:{}",this.getClass().getName(),bizhi.toString());String role = String.valueOf(request.getSession().getAttribute("role"));
//        if(false)
//            return R.error(511,"永远不会进入");//根据字段查询是否有相同数据Wrapper<BizhiEntity> queryWrapper = new EntityWrapper<BizhiEntity>().notIn("id",bizhi.getId()).andNew().eq("bizhi_name", bizhi.getBizhiName()).eq("bizhi_types", bizhi.getBizhiTypes()).eq("bizhi_dnumber", bizhi.getBizhiDnumber()).eq("bizhi_delete", bizhi.getBizhiDelete());logger.info("sql语句:"+queryWrapper.getSqlSegment());BizhiEntity bizhiEntity = bizhiService.selectOne(queryWrapper);if("".equals(bizhi.getBizhiPhoto()) || "null".equals(bizhi.getBizhiPhoto())){bizhi.setBizhiPhoto(null);}if(bizhiEntity==null){bizhiService.updateById(bizhi);//根据id更新return R.ok();}else {return R.error(511,"表中有相同数据");}}/*** 删除*/@RequestMapping("/delete")public R delete(@RequestBody Integer[] ids){logger.debug("delete:,,Controller:{},,ids:{}",this.getClass().getName(),ids.toString());ArrayList<BizhiEntity> list = new ArrayList<>();for(Integer id:ids){BizhiEntity bizhiEntity = new BizhiEntity();bizhiEntity.setId(id);bizhiEntity.setBizhiDelete(2);list.add(bizhiEntity);}if(list != null && list.size() >0){bizhiService.updateBatchById(list);}return R.ok();}