毕业设计|基于springboot校园心声墙小程序+论文ppt源码
3系统总体设计
3.1 系统开发架构的选择
小程序可以通过浏览器来规避很多问题，依靠浏览器让项目的开发变得简单，不再担心项目的版本跟新带来的数据传输等一系列的问题。值得注意的是B/S架构的项目，浏览器与服务器的数据的交互是通过http协议进行的，同样，服务器与数据库的数据交互也是通过http协议，统一的格式让信息的交互更加的简便与快捷。下图是具体的b/s架构图：
图3-1 系统B/S结构
3.1系统功能模块设计
校园心声墙小程序的整体架构确定以后，再来看校园心声墙小程序的主要功能模块图。整体的功能模块包括用户端和管理端，用户端只要实现用户注册登录，主要的页面，包括首页，心声墙、热门话题等页面。管理端的模块主要实现了管理员用户，有网站管理、人员管理、内容管理等。确定了模块以后，再设计各个模块的功能特点，方便抽取出各个模块的公共部分来。
图3.1校园心声墙小程序功能模块图
3.1.1 用户端页面设计
本校园心声墙小程序的用户端页面所有的页面设计主要是上中下的结构，这样的好处是让所有的页面更加的整洁。主题的页面颜色采用淡色为主，为突出页面的美观。主页面上分为导航栏，导航栏的每个导航项目设计为一张jsp页面，除此之外，还有就是用户中心页面，管理端的页面了。管理端页面已简单的上下结构为主。
3.1.2 用户模块设计
（1）用户模块结构图
本网站的用户包括管理员，注册用户两模块。两种用户模块的功能基本是相同的，用户模块比管理员多了一个注册功能，所以以用户模块的结构图为例进行分析，如下图：
图3.2用户模块结构图
（2）各个结构的具体业务逻辑
a.查询用户信息：设计最基础的查询功能，主要就是根据用户id查询用户信息。该功能主要体现在管理员用户信息查询和用户自己查询信息的时候。
b.修改用户信息：用户可以根据情况，对自己的基本信息进行修改，包括名字修改、密码修改、头像修改等操作。
c.增加用户：用户可以通过注册来获得账号
d.删除用户信息：管理员没有权利进行删除信息的删除，最多把用户加入到黑名单中，禁止用户进行登录操作。
3.1.3 评论管理模块设计
（1）评论模块结构图
校园心声墙小程序是一个交流性质的公开网站，用户和用户之间可以对网站上的内容，比如心声墙、热门话题等进行点评，增加用户之间的互动性。但是同时也为了更好的规范评论的内容，给予管理员删除不合适的言论的功能，所以需要专门设计一个评论管理模块，具体的结构图如下：
图3-4评论模块结构图
（2）各个结构的具体业务逻辑
a.查询评论：设计最基础的查询功能，主要就是根据用户id查询该用户下的所有评论信息。
b.发布评论：用户可以根据情况，发布自己评论信息到网站上。
c.删除评论：管理员没有权限修改用户的评论信息，但是可以删除用户的整条评论。
3.1.4热门话题模块设计
校园心声墙小程序重要的一个功能就是热门话题，其模块功能结构，具体的结构图如下：
图3.4订单模块结构图
（2）各个结构的具体业务逻辑
a.添加话题：管理员可以对话题进行添加。
b.修改话题：管理员可以对话题进行修改。
c.删除话题：管理员可以对话题进行删除。
d.热门话题分类：管理员可以对热门话题进行分类管理。
3.2数据库设计
3.2.1数据库概要设计
校园心声墙小程序根据上面的E-R实体图，就再找到实体与实体之间的关系来，制作总的E-R图，实体之间的关系一共有4种，也就是一对一，多对一，一对多和多对多，总的E-R图是设计数据库表格的依据，如下图是网站的总E-R图。
图3.5系统总体E-R图
3.2.2数据库逻辑设计
4系统详细实现
校园心声墙小程序的详细设计与实现主要是根据前面的校园心声墙小程序的需求分析和校园心声墙小程序的总体设计来设计页面并实现业务逻辑。主要从校园心声墙小程序界面实现、业务逻辑实现这两部分进行介绍。
4.1用户端功能实现
4.1.1 用户端主页功能实现
用户进入首页之后会显示如下的一个窗口。系统以上中下的布局进行展示，首先映入眼帘的是系统的导航栏，下面是网站公告，再往下是各种各样的资讯，其主界面展示如下图4.1所示。
如下图：
图4.1校园心声墙小程序主界面
由于该项目只是用来测试，用户登录首页展示的图片等数据有的是从项目本地拿到的，有的则是从数据库中获取的。页面中的搜索部分，页头部分等都是属于公共样式，可以进行公告样式的抽取，然后再引入到jsp页面中。
4.1.2用户注册登录功能实现
不是校园心声墙小程序中正式用户的是可以在线进行注册的，当用户点击右上角的“注册”的时候，，当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号+选择身份登信息后，后再点击“注册”按钮后将会先验证输入的有没有空数据，再次验证密码和确认密码是否是一样的，最后验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可注册成功。用户注册界面展示如下图4.2所示。
图4.2校园心声墙小程序用户注册界面
系统用户注册关键代码如下。
/**
* 注册
* @param user
* @return
*/
@PostMapping(\"register\")
public Map signUp(@RequestBody User user) {
// 查询用户
Map query = new HashMap();
query.put(\"username\",user.getUsername());
List list = service.select(query, new HashMap()).getResultList();
if (list.size()>0){
return error(30000, \"用户已存在\");
}
user.setUserId(null);
user.setPassword(service.encryption(user.getPassword()));
service.save(user);
return success(1);
}
/**
* 用户ID：[0,8388607]用户获取其他与用户相关的数据
*/
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
@Column(name = \"user_id\")
private Integer userId;
/**
* 账户状态：[0,10](1可用|2异常|3已冻结|4已注销)
*/
@Basic
@Column(name = \"state\")
private Integer state;
/**
* 所在用户组：[0,32767]决定用户身份和权限
*/
@Basic
@Column(name = \"user_group\")
private String userGroup;
/**
* 上次登录时间：
*/
@Basic
@Column(name = \"login_time\")
private Timestamp loginTime;
/**
* 手机号码：[0,11]用户的手机号码，用于找回密码时或登录时
*/
@Basic
@Column(name = \"phone\")
private String phone;
/**
* 手机认证：[0,1](0未认证|1审核中|2已认证)
*/
@Basic
@Column(name = \"phone_state\")
private Integer phoneState;
/**
* 用户名：[0,16]用户登录时所用的账户名称
*/
@Basic
@Column(name = \"username\")
private String username;
/**
* 昵称：[0,16]
*/
@Basic
@Column(name = \"nickname\")
private String nickname;
/**
* 密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成
*/
@Basic
@Column(name = \"password\")
private String password;
/**
* 邮箱：[0,64]用户的邮箱，用于找回密码时或登录时
*/
@Basic
@Column(name = \"email\")
private String email;
/**
* 邮箱认证：[0,1](0未认证|1审核中|2已认证)
*/
@Basic
@Column(name = \"email_state\")
private Integer emailState;
/**
* 头像地址：[0,255]
*/
@Basic
@Column(name = \"avatar\")
private String avatar;
/**
* 创建时间：
*/
@Basic
@Column(name = \"create_time\")
@JsonFormat(pattern = \"yyyy-MM-dd HH:mm:ss\")
private Timestamp createTime;
@Basic
@Transient
private String code;
}
4.2.3 登录功能实现
校园心声墙小程序中的用户端上注册后的用户是可以通过自己的账户名和密码进行登录的，当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到校园心声墙小程序的首页中；否则将会提示相应错误信息，用户登录界面如下图4.3所示。
图4.3校园心声墙小程序登录界面
登录关键代码如下。
/**
* 登录
* @param data
* @param httpServletRequest
* @return
*/
@PostMapping(\"login\")
public Map login(@RequestBody Map data, 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 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 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.2.4心声墙功能实现
当用户点击“心声墙”后，用户可以搜索查看心声墙所有帖子，对喜欢的帖子进行收藏、点赞评，也可发布帖子；如图4.4所示：
图4.4心声墙界面
心声墙关键代码如下所示。
@PostMapping(\"/add\")
@Transactional
public Map add(HttpServletRequest request) throws IOException {
service.insert(service.readBody(request.getReader()));
return success(1);
}
@Transactional
public Map addMap(Map map){
service.insert(map);
return success(1);
}
public Map readBody(BufferedReader reader){
BufferedReader br = null;
StringBuilder sb = new StringBuilder(\"\");
try{
br = reader;
String str;
while ((str = br.readLine()) != null){
sb.append(str);
}
br.close();
String json = sb.toString();
return JSONObject.parseObject(json, Map.class);
}catch (IOException e){
e.printStackTrace();
}finally{
if (null != br){
try{
br.close();
}catch (IOException e){
e.printStackTrace();
}
}
}
return null;
}
public void insert(Map body){
StringBuffer sql = new StringBuffer(\"INSERT INTO \");
sql.append(\"`\").append(table).append(\"`\").append(\" (\");
for (Map.Entry entry:body.entrySet()){
sql.append(\"`\"+humpToLine(entry.getKey())+\"`\").append(\",\");
}
sql.deleteCharAt(sql.length()-1);
sql.append(\") VALUES (\");
for (Map.Entry entry:body.entrySet()){
Object value = entry.getValue();
if (value instanceof String){
sql.append(\"\'\").append(entry.getValue()).append(\"\'\").append(\",\");
}else {
sql.append(entry.getValue()).append(\",\");
}
}
sql.deleteCharAt(sql.length() - 1);
sql.append(\")\");
log.info(\"[{}] - 插入操作：{}\",table,sql);
Query query = runCountSql(sql.toString());
query.executeUpdate();
}
4.2.5热门话题功能实现
当用户点击“热门话题”后，是可以对热门话题进行查看、点赞、收藏、评论等操作；具体的实现界面如下图4.5所示：
图4.5热门话题界面
热门话题关键代码如下所示。
@PostMapping(\"/upload\")
public Map upload(@RequestParam(\"file\") MultipartFile file) {
log.info(\"进入方法\");
if (file.isEmpty()) {
return error(30000, \"没有选择文件\");
}
try {
//判断有没路径，没有则创建
String filePath = System.getProperty(\"user.dir\") + \"\\\\target\\\\classes\\\\static\\\\upload\\\\\";
File targetDir = new File(filePath);
if (!targetDir.exists() && !targetDir.isDirectory()) {
if (targetDir.mkdirs()) {
log.info(\"创建目录成功\");
} else {
log.error(\"创建目录失败\");
}
}
String fileName = file.getOriginalFilename();
File dest = new File(filePath + fileName);
log.info(\"文件路径:{}\", dest.getPath());
log.info(\"文件名:{}\", dest.getName());
file.transferTo(dest);
JSONObject jsonObject = new JSONObject();
jsonObject.put(\"url\", \"/api/upload/\" + fileName);
return success(jsonObject);
} catch (IOException e) {
log.info(\"上传失败：{}\", e.getMessage());
}
return error(30000, \"上传失败\");
}
4.2.6我的功能实现
从基于微信小程序校园心声墙小程序用户端底部的“我的”菜单进入后选择“基本信息”后可以对头像、昵称、密码等信息进行修书，界面如下图4.6所示。
图4.6我的界面
我的关键代码如下所示。
@RequestMapping(\"/get_list\")
public Map getList(HttpServletRequest request) {
Map map = service.selectToPage(service.readQuery(request), service.readConfig(request));
return success(map);
4.2 管理端功能实现
4.2.1管理端管理员登录功能实现
校园心声墙小程序中的管理端的管理员是可以通过自己的账户名和密码进行登录的，当管理员输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到校园心声墙小程序的首页中；否则将会提示相应错误信息，管理员登录界面如下图4.8所示。
图4.8管理端管理员登录界面
4.2.2人员管理功能实现
管理员在人员管理模块，可以对用户信息进行管理，人员管理模块由管理员，学生用户两部分组成，这里以学生用户管理为例，具体的实现界面如下图4.9所示：
图4.9人员管理界面
4.2.3网站管理功能实现
校园心声墙小程序中的管理人员在“网站管理”这一菜单中是可以对用户端显示的轮播图以及公告信息进行管控。界面如下图4.10所示：
图4.10网站管理界面
网站管理关键代码如下所示。
@RequestMapping(\"/get_obj\")
public Map obj(HttpServletRequest request) {
Query select = service.select(service.readQuery(request), service.readConfig(request));
List resultList = select.getResultList();
if (resultList.size() > 0) {
JSONObject jsonObject = new JSONObject();
jsonObject.put(\"obj\",resultList.get(0));
return success(jsonObject);
} else {
return success(null);
}
}
public Query select(Map query,Map config){
StringBuffer sql = new StringBuffer(\"select \");
sql.append(config.get(FindConfig.FIELD) == null || \"\".equals(config.get(FindConfig.FIELD)) ? \"*\" : config.get(FindConfig.FIELD)).append(\" \");
sql.append(\"from \").append(\"`\").append(table).append(\"`\").append(toWhereSql(query, \"0\".equals(config.get(FindConfig.LIKE))));
if (config.get(FindConfig.GROUP_BY) != null && !\"\".equals(config.get(FindConfig.GROUP_BY))){
sql.append(\"group by \").append(config.get(FindConfig.GROUP_BY)).append(\" \");
}
if (config.get(FindConfig.ORDER_BY) != null && !\"\".equals(config.get(FindConfig.ORDER_BY))){
sql.append(\"order by \").append(config.get(FindConfig.ORDER_BY)).append(\" \");
}
if (config.get(FindConfig.PAGE) != null && !\"\".equals(config.get(FindConfig.PAGE))){
int page = config.get(FindConfig.PAGE) != null && !\"\".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;
int limit = config.get(FindConfig.SIZE) != null && !\"\".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;
sql.append(\" limit \").append( (page-1)*limit ).append(\" , \").append(limit);
}
log.info(\"[{}] - 查询操作，sql: {}\",table,sql);
return runEntitySql(sql.toString());
}
4.2.4轮播图管理界面
管理人员在“轮播图管理”这一菜单中是可以对前台显示的轮播图进行增删改查，具体的实现界面如下图4.11所示：
图4.11轮播图管理界面
轮播图管理关键代码如下所示。
@RequestMapping(value = {\"/count_group\", \"/count\"})
public Map count(HttpServletRequest request) {
Query count = service.count(service.readQuery(request), service.readConfig(request));
return success(count.getResultList());
}
4.2.5公告消息界面
管理系统中的管理人员在“公告消息”这一菜单中是可以对校园心声墙小程序内的公告消息可以进行增删改查操作，具体的实现界面如下图4.12所示：
图4.12公告消息界面
公告消息管理关键代码如下所示。
@RequestMapping(value = {\"/avg_group\", \"/avg\"})
public Map avg(HttpServletRequest request) {
Query count = service.avg(service.readQuery(request), service.readConfig(request));
return success(count.getResultList());
}
4.2.6内容管理功能实现
管理人员在“内容管理”这一菜单下是可以对心声墙、心声分类、热门话题、话题分类，这四个子菜单，管理员能够对这四个模块进行管控的，具体的实现界面如下图4.13所示：
图4.13内容管理界面
