springboot校园心声墙小程序(文档+源码)_kaic

4系统详细实现校园心声墙小程序的详细设计与实现主要是根据前面的校园心声墙小程序的需求分析和校园心声墙小程序的总体设计来设计页面并实现业务逻辑。主要从校园心声墙小程序界面实现、业务逻辑实现这两部分进行介绍。4.1用户端功能实现4.1.1 用户端主页功能实现用户进入首页之后会显示如下的一个窗口。系统以上中下的布局进行展示首先映入眼帘的是系统的导航栏下面是网站公告再往下是各种各样的资讯其主界面展示如下图4.1所示。如下图图4.1校园心声墙小程序主界面由于该项目只是用来测试用户登录首页展示的图片等数据有的是从项目本地拿到的有的则是从数据库中获取的。页面中的搜索部分页头部分等都是属于公共样式可以进行公告样式的抽取然后再引入到jsp页面中。4.1.2用户注册登录功能实现不是校园心声墙小程序中正式用户的是可以在线进行注册的当用户点击右上角的“注册”的时候当填写上自己的账号密码确认密码昵称邮箱手机号选择身份登信息后后再点击“注册”按钮后将会先验证输入的有没有空数据再次验证密码和确认密码是否是一样的最后验证输入的账户名和数据库表中已经注册的账户名是否重复只有都验证没问题后即可注册成功。用户注册界面展示如下图4.2所示。图4.2校园心声墙小程序用户注册界面系统用户注册关键代码如下。/*** 注册* param user* return*/PostMapping(register)public MapString, Object signUp(RequestBody User user) {// 查询用户MapString, String 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]用户获取其他与用户相关的数据*/IdGeneratedValue(strategy GenerationType.IDENTITY)Column(name user_id)private Integer userId;/*** 账户状态[0,10](1可用|2异常|3已冻结|4已注销)*/BasicColumn(name state)private Integer state;/*** 所在用户组[0,32767]决定用户身份和权限*/BasicColumn(name user_group)private String userGroup;/*** 上次登录时间*/BasicColumn(name login_time)private Timestamp loginTime;/*** 手机号码[0,11]用户的手机号码用于找回密码时或登录时*/BasicColumn(name phone)private String phone;/*** 手机认证[0,1](0未认证|1审核中|2已认证)*/BasicColumn(name phone_state)private Integer phoneState;/*** 用户名[0,16]用户登录时所用的账户名称*/BasicColumn(name username)private String username;/*** 昵称[0,16]*/BasicColumn(name nickname)private String nickname;/*** 密码[0,32]用户登录所需的密码由6-16位数字或英文组成*/BasicColumn(name password)private String password;/*** 邮箱[0,64]用户的邮箱用于找回密码时或登录时*/BasicColumn(name email)private String email;/*** 邮箱认证[0,1](0未认证|1审核中|2已认证)*/BasicColumn(name email_state)private Integer emailState;/*** 头像地址[0,255]*/BasicColumn(name avatar)private String avatar;/*** 创建时间*/BasicColumn(name create_time)JsonFormat(pattern yyyy-MM-dd HH:mm:ss)private Timestamp createTime;BasicTransientprivate String code;}4.2.3 登录功能实现校园心声墙小程序中的用户端上注册后的用户是可以通过自己的账户名和密码进行登录的当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后将会首先验证输入的有没有空数据再次验证输入的账户名密码和数据库中当前保存的用户信息是否一致只有在一致后将会登录成功并自动跳转到校园心声墙小程序的首页中否则将会提示相应错误信息用户登录界面如下图4.3所示。图4.3校园心声墙小程序登录界面2 系统需求分析2.1可行性分析通过以下的网站总体需求分析进而分析是否拥有达成需求的技术、资金和开发人员等条件。那么就从以下几点进行简单的说明2.1.1 技术可行性分析校园心声墙小程序存储所使用的mysql数据库以及开发中所使用的IDEA、Tomcat这些开发工具的使用能够给我们的编写工作带来许多的便利。系统使用springboot框架进行开发使系统的可扩展性和维护性更佳减少java配置代码简化编程代码目前springboot框架也是很多企业选择的框架之一。2.1.2 操作可行性分析在日常生活中随着小程序的快速推广和使用越来越多人掌握小程序的使用方法基于微信小程序校园心声墙小程序在这种条件背景下是很容易被人们所接受和熟悉的所以在操作上没任何问题。2.1.3 经济可行性分析在开发校园心声墙小程序中所使用的开发软件像IDEA开发工具、Tomcat8.0服务器、MySQL5.7数据库、Photoshop图片处理软件等这些都是开源免费的并且校园心声墙小程序是自己设计并编码实现的数据库是使用流行mysql进行数据的存储开源的mysql等技术的使用减少系统开发费用。2.2功能需求分析校园心声墙小程序中的web管理端管理端采用了IntelliJ IDEA 2019.3.4 开发工具配合了java开发语言中springboot开发框架以及tomcat8.0服务器、jdk1.8用户端采用了微信开发者工具稳定版1.05.2111300页面使用wxss和wxml进行布局用户端和web管理端管理端采用json接口通信。校园心声墙小程序中的管理端管理员角色主要负责了如下功能操作。1网站管理功能需求网站管理包括了轮播图、公告信息两部分管理员可以对这两部分进行添加修改删除和查询等。2人员管理功能需求人员管理部分包括了管理员学生用户两个角色管理员可以对这两个角色进行添加修改删除以及查询等。3内容管理功能需求内容管理主要实现了心声墙、心声分类、热门话题、话题分类的功能管理员可以进行维护管理操作。图2-1管理员角色用例图校园心声墙小程序中的用户端用户角色主负责了如下功能操作。1用户查看系统信息功能需求用户可以通过系统首页查看校园心声墙小程序信息包括首页心声墙、热门话题、我的等模块。2用户登录与注册功能需求用户可以通过注册获取帐户。3首页可查看管理员发布所有公告消息4心声墙可搜索查看心声墙所有帖子对喜欢的帖子进行收藏、点赞评也可发布帖子5热门话题用户登录用户端以后是可以对资讯信息进行查看、点赞、收藏、评论等操作6我的用户可对个人信息、头像、密码、昵称进行修改等操作。图2-2 用户端用户角色用例图3系统总体设计3.1 系统开发架构的选择小程序可以通过浏览器来规避很多问题依靠浏览器让项目的开发变得简单不再担心项目的版本跟新带来的数据传输等一系列的问题。值得注意的是B/S架构的项目浏览器与服务器的数据的交互是通过http协议进行的同样服务器与数据库的数据交互也是通过http协议统一的格式让信息的交互更加的简便与快捷。下图是具体的b/s架构图图3-1 系统B/S结构