本电子信息学院学生成果展示系统的架构设计主要分为可以3层，主要有Web层，业务层，Model层。其中web层还包括View层和Controller层，Model层包括元数据扩展层和数据访问层。
系统架构如下图所示。
图4-1 系统架构
电子信息学院学生成果展示系统总体分为前台用户模块和后台管理员模块。
两个模块表现上是分别独立存在，但是访问的数据库是一样的。每一个模块的功能都是根据先前完成的需求分析，并查阅相关资料后整理制作的。
综上所述，系统功能结构图如下图所示。
图4-2 系统功能结构图
根据前面的数据流程图，结合系统的功能模块设计，设计出符合系统的各信息实体。
系统ER图如下图所示。
图4-3 系统ER图
电子信息学院学生成果展示系统所拥有的数据表有以下：用户信息表，成果展示信息表，展示中心表，成果展览信息表，留言表，评论表。
由于数据表较多，只展示系统主要数据表，如下表所示。
| article_type | |||||
| 字段名称 | 类型 | 长度 | 不是null | 主键 | 字段说明 |
| type_id | smallint | 5 | 是 | 主键 | 分类ID |
| display | smallint | 4 | 是 | 显示顺序 | |
| name | varchar | 16 | 是 | 分类名称 | |
| father_id | smallint | 5 | 是 | 上级分类 | |
| description | varchar | 255 | 否 | 描述 | |
| icon | text | 0 | 否 | 分类图标 | |
| url | varchar | 255 | 否 | 外链地址 | |
| create_time | timestamp | 0 | 是 | 创建时间 | |
| update_time | timestamp | 0 | 是 | 更新时间 | |
| auth | |||||
| 字段名称 | 类型 | 长度 | 不是null | 主键 | 字段说明 |
| auth_id | int | 11 | 是 | 主键 | 授权ID |
| user_group | varchar | 64 | 否 | 用户组 | |
| mod_name | varchar | 64 | 否 | 模块名 | |
| table_name | varchar | 64 | 否 | 表名 | |
| page_title | varchar | 255 | 否 | 页面标题 | |
| path | varchar | 255 | 否 | 路由路径 | |
| position | varchar | 32 | 否 | 位置 | |
| mode | varchar | 32 | 是 | 跳转方式 | |
| add | tinyint | 1 | 是 | 是否可增加 | |
| del | tinyint | 1 | 是 | 是否可删除 | |
| set | tinyint | 1 | 是 | 是否可修改 | |
| get | tinyint | 1 | 是 | 是否可查看 | |
| field_add | varchar | 500 | 否 | 添加字段 | |
| field_set | varchar | 500 | 否 | 修改字段 | |
| field_get | varchar | 500 | 否 | 查询字段 | |
| table_nav_name | varchar | 500 | 否 | 跨表导航名称 | |
| table_nav | varchar | 500 | 否 | 跨表导航 | |
| option | text | 0 | 否 | 配置 | |
| create_time | timestamp | 0 | 是 | 创建时间 | |
| update_time | timestamp | 0 | 是 | 更新时间 | |
| collect | |||||
| 字段名称 | 类型 | 长度 | 不是null | 主键 | 字段说明 |
| collect_id | int | 10 | 是 | 主键 | 收藏ID |
| user_id | int | 10 | 是 | 收藏人ID | |
| source_table | varchar | 255 | 否 | 来源表 | |
| source_field | varchar | 255 | 否 | 来源字段 | |
| source_id | int | 10 | 是 | 来源ID | |
| title | varchar | 255 | 否 | 标题 | |
| img | varchar | 255 | 否 | 封面 | |
| create_time | timestamp | 0 | 是 | 创建时间 | |
| update_time | timestamp | 0 | 是 | 更新时间 | |
| exhibition_center | |||||
| 字段名称 | 类型 | 长度 | 不是null | 主键 | 字段说明 |
| exhibition_center_id | int | 11 | 是 | 主键 | 展示中心ID |
| serial_no | varchar | 64 | 是 | 序号 | |
| title_of_achievements | varchar | 64 | 否 | 成果标题 | |
| picture | varchar | 255 | 否 | 图片 | |
| classification | varchar | 64 | 否 | 分类 | |
| user_no | int | 11 | 否 | 用户编号 | |
| user_name | varchar | 64 | 否 | 用户姓名 | |
| enclosure | varchar | 255 | 否 | 附件 | |
| upload_date | date | 0 | 否 | 上传日期 | |
| hot_spot | varchar | 255 | 否 | 链接点 | |
| praise_len | int | 11 | 是 | 点赞数 | |
| recommend | int | 11 | 是 | 智能推荐 | |
| timer_title | varchar | 64 | 否 | 计时器标题 | |
| timing_start_time | datetime | 0 | 否 | 计时开始时间 | |
| timing_end_time | datetime | 0 | 否 | 计时结束时间 | |
| create_time | datetime | 0 | 是 | 创建时间 | |
| update_time | timestamp | 0 | 是 | 更新时间 | |
| forum | |||||
| 字段名称 | 类型 | 长度 | 不是null | 主键 | 字段说明 |
| forum_id | mediumint | 8 | 是 | 主键 | 论坛id |
| display | smallint | 5 | 是 | 排序 | |
| user_id | mediumint | 8 | 是 | 用户ID | |
| nickname | varchar | 16 | 否 | 昵称 | |
| praise_len | int | 10 | 否 | 点赞数 | |
| hits | int | 10 | 是 | 访问数 | |
| title | varchar | 125 | 是 | 标题 | |
| keywords | varchar | 125 | 否 | 关键词 | |
| description | varchar | 255 | 否 | 描述 | |
| url | varchar | 255 | 否 | 来源地址 | |
| tag | varchar | 255 | 否 | 标签 | |
| img | text | 0 | 否 | 封面图 | |
| content | longtext | 0 | 否 | 正文 | |
| create_time | timestamp | 0 | 是 | 创建时间 | |
| update_time | timestamp | 0 | 是 | 更新时间 | |
| avatar | varchar | 255 | 否 | 发帖人头像 | |
| type | varchar | 64 | 是 | 论坛分类 | |
| forum_type | |||||
| 字段名称 | 类型 | 长度 | 不是null | 主键 | 字段说明 |
| type_id | smallint | 5 | 是 | 主键 | 分类ID |
| name | varchar | 16 | 是 | 分类名称 | |
| description | varchar | 255 | 否 | 描述 | |
| url | varchar | 255 | 否 | 外链地址 | |
| father_id | smallint | 5 | 是 | 上级分类ID | |
| icon | varchar | 255 | 否 | 分类图标 | |
| create_time | timestamp | 0 | 是 | 创建时间 | |
| update_time | timestamp | 0 | 是 | 更新时间 | |
| slides | |||||
| 字段名称 | 类型 | 长度 | 不是null | 主键 | 字段说明 |
| slides_id | int | 10 | 是 | 主键 | 轮播图ID |
| title | varchar | 64 | 否 | 标题 | |
| content | varchar | 255 | 否 | 内容 | |
| url | varchar | 255 | 否 | 链接 | |
| img | varchar | 255 | 否 | 轮播图 | |
| hits | int | 10 | 是 | 点击量 | |
| create_time | timestamp | 0 | 是 | 创建时间 | |
| update_time | timestamp | 0 | 是 | 更新时间 | |
| system_user | |||||
| 字段名称 | 类型 | 长度 | 不是null | 主键 | 字段说明 |
| system_user_id | int | 11 | 是 | 主键 | 系统用户ID |
| user_no | varchar | 64 | 否 | 用户编号 | |
| user_name | varchar | 64 | 否 | 用户姓名 | |
| gender | varchar | 64 | 否 | 性别 | |
| examine_state | varchar | 16 | 是 | 审核状态 | |
| recommend | int | 11 | 是 | 智能推荐 | |
| user_id | int | 11 | 是 | 用户ID | |
| create_time | datetime | 0 | 是 | 创建时间 | |
| update_time | timestamp | 0 | 是 | 更新时间 | |
该系统是通过jdbc和MySQL达成连接的，新建一个jdbc.properties文件来填写与数据库连接所需要的驱动和参数。
@RequestMapping(value = "/del")
@Transactional
public Map<String, Object> del(HttpServletRequest request) {
service.delete(service.readQuery(request), service.readConfig(request));
return success(1);
}
第一个参数代表MySQL数据库的驱动，第二个参数代表要连接的数据库，第三个和第四个参数代表数据库连接名和密码。
后台与数据库访问主要是通过HQL语句来进行查询的，查询语句中的表名是表格的实体类名，在这种查询语句中*是不允许使用的，除非适合聚合函数一起使用才可以。
用户在填写数据的时候必须与注册页面上的验证相匹配否则会注册失败，注册页面的表单验证是通过JavaScript进行验证的，用户名的长度必须在6到18之间，邮箱必须带有@符号，密码和密码确认必须相同，你输入的密码，系统会根据你输入密码的强度给出指定的值，电话号码和身份证号码必须要求输入格式与生活相符合，当你前台验证通过的时候你点击注册，表单会将你输入的值通过name值传递给后台并保存到数据库中。
用户注册流程图如下图所示。
图5-1用户注册流程图
用户注册界面如下图所示。
图5-2用户注册界面
用户注册的关键代码如下。
* 注册
* @return
*/
@PostMapping("register")
public Map<String, Object> signUp(HttpServletRequest request) throws IOException {
// 查询用户
Map<String, String> query = new HashMap<>();
Map<String,Object> map = service.readBody(request.getReader());
query.put("username",String.valueOf(map.get("username")));
List list = service.selectBaseList(service.select(query, new HashMap<>()));
if (list.size()>0){
return error(30000, "用户已存在");
}
map.put("password",service.encryption(String.valueOf(map.get("password"))));
service.insert(map);
return success(1);
}
public Map<String,Object> 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<String,Object> body){
E entity = JSON.parseObject(JSON.toJSONString(body),eClass);
baseMapper.insert(entity);
log.info("[{}] - 插入操作：{}",entity);
}
主要由两部分组成，登录前的登录界面以及登录后的用户功能界面。登录界面，要求用户输入用户名和密码，当用户名和密码其中一个输入为空时，给出提示“用户名，密码不能为空”。获取用户名和密码后到数据库中查找，如果用户名存在，以及对应的密码正确，则登录成功，否则登录失败。登录失败后给出提示，并把焦点停在文本框中。登录成功后将该次会话的全局变量username设置为用户名。登录成功后进入会员的功能模块，主要有会员基本信息修改，已经发布成果展示信息管理，发布信息，和退出功能。退出功能是清除全局变量username的值，并跳回到首页。
登录流程图如下图所示。
图5-4登录流程图
用户登录界面如下图所示。
图5-5用户登录界面
用户登录的关键代码如下。
* 登录
* @param data
* @param httpServletRequest
* @return
*/
@PostMapping("login")
public Map<String, Object> login(@RequestBody Map<String, String> 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;
QueryWrapper wrapper = new QueryWrapper<User>();
Map<String, String> map = new HashMap<>();
if(username != null && "".equals(username) == false){
map.put("username", username);
resultList = service.selectBaseList(service.select(map, new HashMap<>()));
}
else if(email != null && "".equals(email) == false){
map.put("email", email);
resultList = service.selectBaseList(service.select(map, new HashMap<>()));
}
else if(phone != null && "".equals(phone) == false){
map.put("phone", phone);
resultList = service.selectBaseList(service.select(map, new HashMap<>()));
}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> groupMap = new HashMap<>();
groupMap.put("name",byUsername.getUserGroup());
List groupList = userGroupService.selectBaseList(userGroupService.select(groupMap, new HashMap<>()));
if (groupList.size()<1){
return error(30000,"用户组不存在");
}
UserGroup userGroup = (UserGroup) groupList.get(0);
//查询用户审核状态
if (!StringUtils.isEmpty(userGroup.getSourceTable())){
String res = service.selectExamineState(userGroup.getSourceTable(),byUsername.getUserId());
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, "账号或密码不正确");
}
}
public String select(Map<String,String> query,Map<String,String> 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 sql.toString();
}
public List selectBaseList(String select) {
List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);
List<E> list = new ArrayList<>();
for (Map<String,Object> map:mapList) {
list.add(JSON.parseObject(JSON.toJSONString(map),eClass));
}
return list;
}
用户登录/注册成功之后可以修改自己的基本信息。修改页面的表单中每一个input的name值都要与实体类中的参数相匹配，在用户点击修改页面的时候，如果改后用户名与数据库里面重复了，页面会提示该用户名已经存在了，否则通过Id来查询用户，并将用户的信息修改为表单提交的数据。
如果新闻数据的信息需要修改，管理员可以通过查询新闻数据的基本信息来查询新闻数据，查询新闻数据是通过ajax技术来进行查询的，需要传递新闻数据的标题、编号等参数然后在返回到该页面中,可以选中要修改或删除的那条信息，如果选中了超过一条数据，页面会挑一个窗口提醒只能选择一条数，如果没有选中数据会挑一个窗口题型必须选择一条数据。当选择确认修改的时候，后台会根据传过来的id到数据库查询，并将结果返回到修改页面中，可以在修改页面中修改刚刚选中的信息当点击确认的时候from表单会将修改的数据提交到后台并保存到数据库中，就是说如果提交的数据数据库中存在就修改，否则就保存。
新闻数据展示界面如下图所示。
图5-6新闻数据展示界面
新闻数据管理界面如下图所示。
图5-7新闻数据管理界面
新闻数据发布的关键代码如下。
public Map<String, Object> success(Object o) {
Map<String, Object> map = new HashMap<>();
if (o == null) {
map.put("result", null);
return map;
}
if (o instanceof List) {
if (((List) o).size() == 1) {
o = ((List) o).get(0);
map.put("result", o);
}else {
String jsonString = JSONObject.toJSONString(o);
JSONArray objects = service.covertArray(JSONObject.parseArray(jsonString));
map.put("result", objects);
}
} else if (o instanceof Integer || o instanceof String) {
map.put("result", o);
} else {
String jsonString = JSONObject.toJSONString(o);
JSONObject jsonObject = JSONObject.parseObject(jsonString);
JSONObject j = service.covertObject(jsonObject);
map.put("result", j);
}
return map;
}
展示中心功能需要考虑高并发，防止出现成果展示重复、成果展示状态显示出错等情况，特对成果展示这一共享数据增加锁机制。在乐观锁、悲观锁以及线程锁中，综合考虑性能效率和错误的可接受性选择了乐观锁机制。乐观锁的实现方式是使用版本标识来确定读到的数据与提交时的数据是否一致，提交后修改版本标识，不一致时可以采取丢弃和再次尝试的策略。在数据库成果展示表（对应成果展示实体）设计中增加了version字段，每次数据提交时（更改成果展示状态）会判断version是否匹配，若不匹配停止本次提交，若匹配则提交成功并增加version的值。
展示中心功能整体流程：用户浏览成果展示信息时，同时会显示成果展示的状态，系统会在其显示详细信息的页面时便会判断成果展示的状态，若成果展示状态为可展示，则会显示展示的链接按钮。在用户点击展示按钮时，会先通过拦截器判断用户是否登录，若未登录，会跳转至登录页面，提示用户先登录，若为登录用户就会跳转至填写展示信息的页面，填写好展示信息之后，点击提交按钮，展示成功之后返回提示信息，告知用户展示成功。
展示中心流程图如下图所示。
图5-8展示中心流程图
展示中心界面如下图所示。
图5-9展示中心界面
展示管理界面如下图所示。
图5-10展示管理界面
展示中心关键代码如下。
public Map<String, Object> error(Integer code, String message) {
Map<String, Object> map = new HashMap<>();
map.put("error", new HashMap<String, Object>(4) {{
put("code", code);
put("message", message);
}});
return map;
}
此页面的关键是编写上传中心信息，包括上传编号，名称，详情等。单击提交按钮以完成信息的添加。如果未写入完整的上传信息，例如，如果未写入上传编号，系统将给出相应的错误提示，并且无法成功输入。数据以概念的形式以onsubmit =“return checkForm（）”的形式写入以进行检查，checkForm（）函数是一种用于写入数据的不同类型的校对方法，是不是为空也是经过form表单中的οnsubmit=”return checkForm()来检查。
管理员点击左侧菜单“上传中心”，页面跳转到上传中心管理外观，调用后台上传中心查询所有上传信息。并将信息密封到数据集合List，绑定到请求对象，然后页面跳转到相应的jsp，显示出上传信息，单击删除按钮完成上传信息的删除。
上传中心管理流程图如下图所示。
图5-11上传中心管理流程图
上传中心添加界面如下图所示。
图5-12上传中心添加界面
上传中心管理界面如下图所示。
图5-13上传中心管理界面
上传中心的关键代码如下。
@Transactional
public Map<String, Object> set(HttpServletRequest request) throws IOException {
service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));
return success(1);
}
">