基于Springboot+vue实现的Cosplay论坛系统
基于springboot+vue实现的Cosplay论坛系统 （源码+L文+ppt）4-066
2.3 系统功能分析
Cosplay论坛系统中采用了Java的springboot框架进行开发，在数据库上选择MYSQL，在功能上Cosplay论坛系统我划分为了普通用户管理模块和管理员模块这两大部分。
普通用户管理模块：
（1）用户注册登录：游客可以随时进入到系统中，对系统中的信息浏览，但是想要实现商品信息的收藏评论等，就必须有这个系统的账号，如果没有账号的话，可以注册成会员用户进行相关的操作，同时用户还可以对个人信息以及操作的信息进行管控。
（2）查看Cosplay论坛系统的首页信息：Cosplay论坛系统的首页信息包含了首页、帖子信息、通知公告、留言反馈。
（3）通知公告：用户点击“通知公告”菜单显示管理员在后台发布的所有的通知公告信息，可以查看通知公告详情。
（4）留言反馈：在此界面用户可以收藏、点赞和评论。
（6）个人中心：用户点击“我的账户”可以对个人资料以及密码进行更新。
（7）购物车：用户可以将感兴趣的商品加入购物车，方便后续的批量购买。用户可以在购物车中查看已添加的商品，修改商品数量、删除商品，预览订单总价等。
（8）在线客服用户可以通过在线客服功能与系统管理员或客服人员进行实时的沟通和交流。用户可以提出问题、咨询商品信息、提交退换货申请等。管理员或客服人员可以即时回复用户的消息。
（9）商品信息：用户可以浏览、搜索并查看商品的详细信息，包括商品名称、价格、库存、描述、评价等。用户可以按照商品分类进行筛选和排序，方便浏览和购买。
管理员模块：
（1）登录：管理员在后台可以输入用户名+密码进行登录，管理员的用户名和密码是在数据库中直接设定好的。
（2）系统管理：管理员点击“系统管理”菜单可以对首页展示的轮播图以及敏感词进行增删改查。
（3）通知公告：管理员点击“通知公告”菜单可以查看到系统中的所有通知公告信息，对已经存在的通知公告，管理员可以修改，也可以添加新的通知公告或者删除通知公告。
（4）资源管理：管理员点击“资源管理”菜单能够对其下子菜单帖子信息和帖子信息的分类进行增删改查。
（5）系统用户：管理员点击“系统用户”菜单可以对系统中存在的用户进行管理，包含了管理员用户和普通用户。
（6）帖子分类：管理员可以管理帖子的分类，包括添加、编辑、删除帖子分类。可以设定每个分类的名称、描述、图标等信息，以方便用户浏览和分类帖子。
（7）帖子信息：赞情况等。可以审核帖子、删除违规内容或标记帖子为置顶、精华等特殊属性。
（8）商品分类：管理员可以管理商品的分类，包括添加、编辑、删除商品分类。可以设定每个分类的名称、描述、图标等信息，以方便用户浏览和分类商品。
（9）商品信息：管理员可以查看商品的详细信息、库存、价格等。可以上架、下架商品，编辑商品信息，处理用户的订单。
（10）留言反馈：管理员可以查看用户的留言反馈，包括问题、建议、投诉等。可以回复用户的反馈并进行管理。
(11)订单信息：管理员可以查看用户的订单信息，包括订单状态、付款情况等。可以处理用户的退款、发货等操作。
（12）用户签到：管理员可以查看用户的签到情况，包括历史签到记录、连续签到天数等。可以补签、重置签到信息等。
3 Cosplay论坛系统总体设计
本章主要讨论的内容包括Cosplay论坛系统的功能模块设计、数据库系统设计。
3.1 系统功能模块设计
3.1.1整体功能模块设计
本Cosplay论坛系统是一个集信息查询、发布、管理为一体的平台，在功能上实现了前台和后台两部分的功能，根据第三章的系统功能分析，得出本Cosplay论坛系统的功能模块图，如图3-1所示。
图3-1 Cosplay论坛系统功能模块图
3.1.2用户管理模块设计
本Cosplay论坛系统是一个通过浏览器自主查询、交流的平台，用户想要参与进来，必须有账号和密码，登录后方可交流，管理员则实现对用户的管控，如下图：
3.2 数据库设计
3.2.1 数据库概念结构设计
在数据库概念模型设计的时候，一般都采用E-R实体图进行展示，在实体图中可以展示出数据库表中的所有字段名称，本Cosplay论坛系统中的主要的数据库E-R模型图如下图所示。
图3-5普通用户E-R关系图
图3-6 cosplay论坛信息E-R关系图
图3-7 帖子资讯信息E-R关系图
图3-8 公告信息E-R关系图
3.2.2 数据库逻辑结构设计
通过上一小节中Cosplay论坛系统中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。
表名：cart
功能：购物车表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| tablename | varchar | 200 | 商品表名 |
| shangpinxinxi |
| userid | bigint |
| 用户id |
|
|
| goodid | bigint |
| 商品id |
|
|
| goodname | varchar | 200 | 商品名称 |
|
|
| picture | longtext | 4294967295 | 图片 |
|
|
| buynumber | int |
| 购买数量 |
|
|
| price | double |
| 单价 |
|
|
| goodtype | varchar | 200 | 商品类型 |
|
|
表名：shangpinxinxi
功能：商品信息
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| shangpinbianhao | varchar | 200 | 商品编号 |
|
|
| shangpinmingcheng | varchar | 200 | 商品名称 |
|
|
| shangpinfenlei | varchar | 200 | 商品分类 |
|
|
| pinpai | varchar | 200 | 品牌 |
|
|
| guige | varchar | 200 | 规格 |
|
|
| shangpinxiangqing | longtext | 4294967295 | 商品详情 |
|
|
| tupian | longtext | 4294967295 | 图片 |
|
|
| onelimittimes | int |
| 单限 |
|
|
| alllimittimes | int |
| 库存 |
|
|
| thumbsupnum | int |
| 赞 |
| 0 |
| crazilynum | int |
| 踩 |
| 0 |
| clicktime | datetime |
| 最近点击时间 |
|
|
| discussnum | int |
| 评论数 |
| 0 |
| price | double |
| 价格 |
|
|
| storeupnum | int |
| 收藏数 |
| 0 |
表名：systemintro
功能：关于我们
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| title | varchar | 200 | 标题 |
|
|
| subtitle | varchar | 200 | 副标题 |
|
|
| content | longtext | 4294967295 | 内容 |
|
|
| picture1 | longtext | 4294967295 | 图片1 |
|
|
| picture2 | longtext | 4294967295 | 图片2 |
|
|
| picture3 | longtext | 4294967295 | 图片3 |
|
|
表名：address
功能：地址
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| userid | bigint |
| 用户id |
|
|
| address | varchar | 200 | 地址 |
|
|
| name | varchar | 200 | 收货人 |
|
|
| phone | varchar | 200 | 电话 |
|
|
| isdefault | varchar | 200 | 是否默认地址[是/否] |
|
|
表名：shangpinfenlei
功能：商品分类
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| shangpinfenlei | varchar | 200 | 商品分类 |
|
|
| image | longtext | 4294967295 | 图片 |
|
|
表名：aboutus
功能：关于我们
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| title | varchar | 200 | 标题 |
|
|
| subtitle | varchar | 200 | 副标题 |
|
|
| content | longtext | 4294967295 | 内容 |
|
|
| picture1 | longtext | 4294967295 | 图片1 |
|
|
| picture2 | longtext | 4294967295 | 图片2 |
|
|
| picture3 | longtext | 4294967295 | 图片3 |
|
|
表名：orders
功能：订单
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| orderid | varchar | 200 | 订单编号 |
|
|
| tablename | varchar | 200 | 商品表名 |
| shangpinxinxi |
| userid | bigint |
| 用户id |
|
|
| goodid | bigint |
| 商品id |
|
|
| goodname | varchar | 200 | 商品名称 |
|
|
| picture | longtext | 4294967295 | 商品图片 |
|
|
| buynumber | int |
| 购买数量 |
|
|
| price | double |
| 价格 |
| 0 |
| total | double |
| 总价格 |
| 0 |
| type | int |
| 支付类型 |
| 1 |
| status | varchar | 200 | 状态 |
|
|
| address | varchar | 200 | 地址 |
|
|
| tel | varchar | 200 | 电话 |
|
|
| consignee | varchar | 200 | 收货人 |
|
|
| logistics | longtext | 4294967295 | 物流 |
|
|
| remark | varchar | 200 | 备注 |
|
|
| goodtype | varchar | 200 | 商品类型 |
|
|
| sfsh | varchar | 200 | 是否审核 |
|
|
| shhf | longtext | 4294967295 | 审核回复 |
|
|
| role | varchar | 200 | 用户角色 |
|
|
表名：newstype
功能：通知公告分类
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| typename | varchar | 200 | 分类名称 |
|
|
表名：news
功能：通知公告
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| title | varchar | 200 | 标题 |
|
|
| introduction | longtext | 4294967295 | 简介 |
|
|
| typename | varchar | 200 | 分类名称 |
|
|
| name | varchar | 200 | 发布人 |
|
|
| headportrait | longtext | 4294967295 | 头像 |
|
|
| clicknum | int |
| 点击次数 |
| 0 |
| clicktime | datetime |
| 最近点击时间 |
|
|
| thumbsupnum | int |
| 赞 |
| 0 |
| crazilynum | int |
| 踩 |
| 0 |
| storeupnum | int |
| 收藏数 |
| 0 |
| picture | longtext | 4294967295 | 图片 |
|
|
| content | longtext | 4294967295 | 内容 |
|
|
表名：messages
功能：留言反馈
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| userid | bigint |
| 留言人id |
|
|
| username | varchar | 200 | 用户名 |
|
|
| avatarurl | longtext | 4294967295 | 头像 |
|
|
| content | longtext | 4294967295 | 留言内容 |
|
|
| cpicture | longtext | 4294967295 | 留言图片 |
|
|
| reply | longtext | 4294967295 | 回复内容 |
|
|
| rpicture | longtext | 4294967295 | 回复图片 |
|
|
表名：yonghu
功能：用户
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| yonghuzhanghao | varchar | 200 | 用户账号 |
|
|
| mima | varchar | 200 | 密码 |
|
|
| yonghuxingming | varchar | 200 | 用户姓名 |
|
|
| touxiang | longtext | 4294967295 | 头像 |
|
|
| xingbie | varchar | 200 | 性别 |
|
|
| nianling | int |
| 年龄 |
|
|
| shouji | varchar | 200 | 手机 |
|
|
| money | double |
| 余额 |
| 0 |
表名：discusstiezixinxi
功能：帖子信息评论表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| refid | bigint |
| 关联表id |
|
|
| userid | bigint |
| 用户id |
|
|
| avatarurl | longtext | 4294967295 | 头像 |
|
|
| nickname | varchar | 200 | 用户名 |
|
|
| content | longtext | 4294967295 | 评论内容 |
|
|
| reply | longtext | 4294967295 | 回复内容 |
|
|
表名：users
功能：用户表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| username | varchar | 100 | 用户名 |
|
|
| password | varchar | 100 | 密码 |
|
|
| image | varchar | 200 | 头像 |
|
|
| role | varchar | 100 | 角色 |
| 管理员 |
| addtime | timestamp |
| 新增时间 |
| CURRENT_TIMESTAMP |
表名：discussshangpinxinxi
功能：商品信息评论表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| refid | bigint |
| 关联表id |
|
|
| userid | bigint |
| 用户id |
|
|
| avatarurl | longtext | 4294967295 | 头像 |
|
|
| nickname | varchar | 200 | 用户名 |
|
|
| content | longtext | 4294967295 | 评论内容 |
|
|
| reply | longtext | 4294967295 | 回复内容 |
|
|
表名：token
功能：token表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| userid | bigint |
| 用户id |
|
|
| username | varchar | 100 | 用户名 |
|
|
| tablename | varchar | 100 | 表名 |
|
|
| role | varchar | 100 | 角色 |
|
|
| token | varchar | 200 | 密码 |
|
|
| addtime | timestamp |
| 新增时间 |
| CURRENT_TIMESTAMP |
| expiratedtime | timestamp |
| 过期时间 |
| CURRENT_TIMESTAMP |
表名：config
功能：配置文件
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| name | varchar | 100 | 配置参数名称 |
|
|
| value | varchar | 100 | 配置参数值 |
|
|
| url | varchar | 500 | url |
|
|
表名：tiezixinxi
功能：帖子信息
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| zhuti | varchar | 200 | 主题 |
|
|
| jianjie | varchar | 200 | 简介 |
|
|
| tiezifenlei | varchar | 200 | 帖子分类 |
|
|
| neirong | longtext | 4294967295 | 内容 |
|
|
| fengmian | longtext | 4294967295 | 封面 |
|
|
| yonghuzhanghao | varchar | 200 | 用户账号 |
|
|
| yonghuxingming | varchar | 200 | 用户姓名 |
|
|
| faburiqi | date |
| 发布日期 |
|
|
| beizhu | varchar | 200 | 备注 |
|
|
| sfsh | varchar | 200 | 是否审核 |
| 待审核 |
| shhf | longtext | 4294967295 | 审核回复 |
|
|
| thumbsupnum | int |
| 赞 |
| 0 |
| crazilynum | int |
| 踩 |
| 0 |
| clicktime | datetime |
| 最近点击时间 |
|
|
| clicknum | int |
| 点击次数 |
| 0 |
| discussnum | int |
| 评论数 |
| 0 |
表名：chat
功能：在线客服
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| userid | bigint |
| 用户id |
|
|
| adminid | bigint |
| 管理员id |
|
|
| ask | longtext | 4294967295 | 提问 |
|
|
| reply | longtext | 4294967295 | 回复 |
|
|
| isreply | int |
| 是否回复 |
|
|
表名：tiezifenlei
功能：帖子分类
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| tiezifenlei | varchar | 200 | 帖子分类 |
|
|
| image | longtext | 4294967295 | 图片 |
|
|
表名：storeup
功能：收藏表
| 字段名称 | 类型 | 长度 | 字段说明 | 主键 | 默认值 |
| id | bigint |
| 主键 | 主键 |
|
| addtime | timestamp |
| 创建时间 |
| CURRENT_TIMESTAMP |
| userid | bigint |
| 用户id |
|
|
| refid | bigint |
| 商品id |
|
|
| tablename | varchar | 200 | 表名 |
|
|
| name | varchar | 200 | 名称 |
|
|
| picture | longtext | 4294967295 | 图片 |
|
|
| type | varchar | 200 | 类型(1:收藏,21:赞,22:踩,31:竞拍参与,41:关注) |
| 1 |
| inteltype | varchar | 200 | 推荐类型 |
|
|
| remark | varchar | 200 | 备注 |
|
|
4 Cosplay论坛系统主要详细设计与实现
4.1用户功能模块
4.1.1 前台首页界面
当进入Cosplay论坛系统的时候，可以看到系统中的导航栏，搜索框，轮播图等信息，其主界面展示如下图4-1所示。
图4-1 首页界面图
/**
4.1.2登录界面
当注册完成后就可以登录了，输入用户名+密码，通过滑动图片验证后，点击“登录”按钮进行登录，登录界面如下图4-2所示。
图4-2管理员登录界面图
登录关键代码如下：
/**
* 登录
* @param data
* @param httpServletRequest
* @return
*/
@PostMapping("login")
public Maplogin(@RequestBody Mapdata, HttpServletRequest httpServletRequest) {
log.info("[执行登录接口]");
String username = data.get("username");
String email = data.get("email");
String phone = data.get("phone");
String password = data.get("password");
List resultList = null;
Map <String, </String,String> map = new HashMap<>();
if(username != null && "".equals(username) == false){
map.put("username", username);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(email != null && "".equals(email) == false){
map.put("email", email);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(phone != null && "".equals(phone) == false){
map.put("phone", phone);
resultList = service.select(map, new HashMap<>()).getResultList();
}else{
return error(30000, "账号或密码不能为空");
}
if (resultList == null || password == null) {
return error(30000, "账号或密码不能为空");
}
//判断是否有这个用户
if (resultList.size()<=0){
return error(30000,"用户不存在");
}
User byUsername = (User) resultList.get(0);
Map <String, </String,String> groupMap = new HashMap<>();
groupMap.put("name",byUsername.getUserGroup());
List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();
if (groupList.size()<1){
return error(30000,"用户组不存在");
}
UserGroup userGroup = (UserGroup) groupList.get(0);
//查询用户审核状态
if (!StringUtils.isEmpty(userGroup.getSourceTable())){
String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();
String res = String.valueOf(service.runCountSql(sql).getSingleResult());
if (res==null){
return error(30000,"用户不存在");
}
if (!res.equals("已通过")){
return error(30000,"该用户审核未通过");
}
}
//查询用户状态
if (byUsername.getState()!=1){
return error(30000,"用户非可用状态，不能登录");
}
String md5password = service.encryption(password);
if (byUsername.getPassword().equals(md5password)) {
// 存储Token到数据库
AccessToken accessToken = new AccessToken();
accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));
accessToken.setUser_id(byUsername.getUserId());
tokenService.save(accessToken);
// 返回用户信息
JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));
user.put("token", accessToken.getToken());
JSONObject ret = new JSONObject();
ret.put("obj",user);
return success(ret);
} else {
return error(30000, "账号或密码不正确");
}
}
4.1.3通知公告界面
用户点击“通知公告”菜单显示管理员在后台发布的所有的通知公告信息，可以查看通知公告详情。界面如下图4-3所示。
图4-3通知公告界面图
4.1.4帖子信息界面
用户可以发布帖子、评论其他用户的帖子、点赞、收藏等。用户可以参与讨论、分享心得、展示自己的Cosplay作品。用户可以关注其他用户，查看他们的动态和帖子。在此界面用户可以收藏、点赞和评论。界面如下图4-5所示。
图4-4帖子信息界面图
4.2管理员功能模块
4.2.1通知公告管理界面
管理员点击“通知公告管理”菜单可以查看到系统中的所有通知公告信息，对已经存在的通知公告，管理员可以修改，也可以添加新的通知公告或者删除通知公告。界面如下图4-5所示。
图4-5通知公告管理界面图
通知公告管理关键代码如下：
@RequestMapping("/get_obj")
public Mapobj(HttpServletRequest request) {
List resultList = service.selectBaseList(service.select(service.readQuery(request), service.readConfig(request)));
if (resultList.size() > 0) {
JSONObject jsonObject = new JSONObject();
jsonObject.put("obj",resultList.get(0));
return success(jsonObject);
} else {
return success(null);
}
}
4.2.2 用户签到管理界面
管理员可以查看用户的签到情况，包括历史签到记录、连续签到天数等。可以补签、重置签到信息等。界面如下图4-6所示。
图4-6用户签到管理界面图
4.2.3商品信息管理界面
管理员可以查看商品的详细信息、库存、价格等。可以上架、下架商品，编辑商品信息，处理用户的订单。界面如下图4-10所示。
图4-7商品信息管理界面图