• SpringBoot+Vue实现前后端分离教学评价系统

    文末获取源码

    开发语言：Java

    框架：springboot+vue

    Node：node.js

    JDK版本：JDK1.8

    服务器：tomcat7

    数据库：mysql 5.7/8.0

    数据库工具：Navicat11

    开发软件：eclipse/idea,Visual 

    Maven包：Maven3.3.9

    浏览器：谷歌浏览器

    目录

    一、前言介绍 

    二、系统需求分析

    三、管理员功能模块

    3.1后台登录模块

    3.2首页模块

    ​3.3管理员模块

    3.4课程信息模块

    3.5学生评分模块

    3.6测评结果模块

    四、学生功能模块

    4.1课程信息模块

    4.2个人中心模块

    五、教师功能模块

    5.1测评信息模块

    六、部分核心代码

    6.1教务人员关键代码

    6.2用户登录关键代码

    6.3用户注册关键代码

    一、前言介绍 

    教学评价系统主要功能模块包括登录、首页、用户管理（管理员、教师、学生、教务人员）更多管理（课程信息、学生评分、测评结果、通知公告、测评信息）账号维护，采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取MySQL作为后台数据的主要存储单元，采用java技术、Ajax技术进行业务系统的编码及其开发，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对教学评价系统的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现教学评价系统和部署运行使用它。

    二、系统需求分析

    教学评价系统需要满足的需求有以下几个：

    1.信息获取方便，用户可在网页上快速浏览到新的信息

    2.查看在线详情，单独查看某一个在线的详细信息。

    3.注册登录，教学评价系统需要吸引用户，即通过注册来提高用户的存留率。

    4.历史记录，用户可以查看自己购买过的订单信息以及其他操作。

    5.修改用户信息，可以修改用户密码或者用户名等一些个性化操作。

    6.管理员功能，管理员可以对用户或者在线进行管理。

    7.系统安全，操作简便，不过于复杂。

    8.系统可以稳定运行，不存在卡顿等问题造成用户反感。

    三、管理员功能模块

    3.1后台登录模块

    管理员登录，通过填写注册时输入的用户名、密码、角色、验证码进行登录，如图 

    3.2首页模块

    管理员登录进入教学评价系统可以查看管理员：首页、用户管理（管理员、教师、学生、教务人员）更多管理（课程信息、学生评分、测评结果、通知公告、测评信息）等信息

    3.3管理员模块

    3.4课程信息模块

    课程信息管理，在课程信息管理页面中可以查看索引、课程编号、课程名称、任课老师、上课时间、上课地点、班级名称等信息，并可根据需要进行修改或删除等操作，如图 

    3.5学生评分模块

    在学生评分页面中可以查看索引、课程编号、课程名称、任课老师、班级名称、测评名称、教学内容、教学水平、教学方法等信息，并可根据需要进行修改或删除等操作，如图

    3.6测评结果模块

    在测评结果管理页面中可以查看索引、课程编号、课程名称、任课老师、评价名称、教学内容、教学水平、教学方法等信息，并可根据需要进行查看修改或删除等操作，如图 

    四、学生功能模块

    在系统首页可以查看学生：首页、课程信息、学生评分、通知公告、测评信息等内容，如图

     

    4.1课程信息模块

    课程信息页面可查看课程编号、课程名称、任课老师、上课时间、上课地点、班级名称等信息，如图

    4.2个人中心模块

    在个人中心页面通过填写用户账号、用户姓名、密码、性别、年龄、联系电话、电子邮箱、等内容进行更新信息，如图 

    五、教师功能模块

    教师登录进入教学评价系统可以查看后台首页、用户管理（学生）更多管理（课程信息、学生评分、测评结果、通知公告、测评信息）等内容。如图

    5.1测评信息模块

    测评信息管理页面中可以查看索引、课程编号、课程名称、任课老师、测评时间等信息进行相对应操作，如图 

    六、部分核心代码

    6.1教务人员关键代码

    1.  @Autowired
    2.     public AcademicStaffController(AcademicStaffService service) {
    3.         setService(service);
    4.     }
    5.  
    6.     @PostMapping("/add")
    7.     @Transactional
    8.     public Map<String, Object> add(HttpServletRequest request) throws IOException {
    9.         Map<String,Object> paramMap = service.readBody(request.getReader());
    10.         Map<String, String> mapacademic_staff_no = new HashMap<>();
    11.         mapacademic_staff_no.put("academic_staff_no",String.valueOf(paramMap.get("academic_staff_no")));
    12.         List listacademic_staff_no = service.select(mapacademic_staff_no, new HashMap<>()).getResultList();
    13.         if (listacademic_staff_no.size()>0){
    14.             return error(30000, "字段教务员工号内容不能重复");
    15.         }
    16.         this.addMap(paramMap);
    17.         return success(1);
    18.     }
    19.  
    20. }

    6.2用户登录关键代码

    1.  /**
    2.      * 登录
    3.      * @param data
    4.      * @param httpServletRequest
    5.      * @return
    6.      */
    7.     @PostMapping("login")
    8.     public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {
    9.         log.info("[执行登录接口]");
    10.  
    11.         String username = data.get("username");
    12.         String email = data.get("email");
    13.         String phone = data.get("phone");
    14.         String password = data.get("password");
    15.  
    16.         List resultList = null;
    17.         Map<String, String> map = new HashMap<>();
    18.         if(username != null && "".equals(username) == false){
    19.             map.put("username", username);
    20.             resultList = service.select(map, new HashMap<>()).getResultList();
    21.         }
    22.         else if(email != null && "".equals(email) == false){
    23.             map.put("email", email);
    24.             resultList = service.select(map, new HashMap<>()).getResultList();
    25.         }
    26.         else if(phone != null && "".equals(phone) == false){
    27.             map.put("phone", phone);
    28.             resultList = service.select(map, new HashMap<>()).getResultList();
    29.         }else{
    30.             return error(30000, "账号或密码不能为空");
    31.         }
    32.         if (resultList == null || password == null) {
    33.             return error(30000, "账号或密码不能为空");
    34.         }
    35.         //判断是否有这个用户
    36.         if (resultList.size()<=0){
    37.             return error(30000,"用户不存在");
    38.         }
    39.  
    40.         User byUsername = (User) resultList.get(0);
    41.  
    42.  
    43.         Map<String, String> groupMap = new HashMap<>();
    44.         groupMap.put("name",byUsername.getUserGroup());
    45.         List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();
    46.         if (groupList.size()<1){
    47.             return error(30000,"用户组不存在");
    48.         }
    49.  
    50.         UserGroup userGroup = (UserGroup) groupList.get(0);
    51.  
    52.         //查询用户审核状态
    53.         if (!StringUtils.isEmpty(userGroup.getSourceTable())){
    54.             String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();
    55.             String res = String.valueOf(service.runCountSql(sql).getSingleResult());
    56.             if (res==null){
    57.                 return error(30000,"用户不存在");
    58.             }
    59.             if (!res.equals("已通过")){
    60.                 return error(30000,"该用户审核未通过");
    61.             }
    62.         }
    63.  
    64.         //查询用户状态
    65.         if (byUsername.getState()!=1){
    66.             return error(30000,"用户非可用状态，不能登录");
    67.         }
    68.  
    69.         String md5password = service.encryption(password);
    70.         if (byUsername.getPassword().equals(md5password)) {
    71.             // 存储Token到数据库
    72.             AccessToken accessToken = new AccessToken();
    73.             accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));
    74.             accessToken.setUser_id(byUsername.getUserId());
    75.             tokenService.save(accessToken);
    76.  
    77.             // 返回用户信息
    78.             JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));
    79.             user.put("token", accessToken.getToken());
    80.             JSONObject ret = new JSONObject();
    81.             ret.put("obj",user);
    82.             return success(ret);
    83.         } else {
    84.             return error(30000, "账号或密码不正确");
    85.         }
    86.     }

    6.3用户注册关键代码

    1. /**
    2.      * 注册
    3.      * @param user
    4.      * @return
    5.      */
    6.     @PostMapping("register")
    7.     public Map<String, Object> signUp(@RequestBody User user) {
    8.         // 查询用户
    9.         Map<String, String> query = new HashMap<>();
    10.         query.put("username",user.getUsername());
    11.         List list = service.select(query, new HashMap<>()).getResultList();
    12.         if (list.size()>0){
    13.             return error(30000, "用户已存在");
    14.         }
    15.         user.setUserId(null);
    16.         user.setPassword(service.encryption(user.getPassword()));
    17.         service.save(user);
    18.         return success(1);
    19. }
    20.  
    21. /**
    22.      * 用户ID：[0,8388607]用户获取其他与用户相关的数据
    23.      */
    24.     @Id
    25.     @GeneratedValue(strategy = GenerationType.IDENTITY)
    26.     @Column(name = "user_id")
    27.     private Integer userId;
    28.  
    29.     /**
    30.      * 账户状态：[0,10](1可用|2异常|3已冻结|4已注销)
    31.      */
    32.  
    33.     @Basic
    34.     @Column(name = "state")
    35.     private Integer state;
    36.  
    37.     /**
    38.      * 所在用户组：[0,32767]决定用户身份和权限
    39.      */
    40.  
    41.     @Basic
    42.     @Column(name = "user_group")
    43.     private String userGroup;
    44.  
    45.     /**
    46.      * 上次登录时间：
    47.      */
    48.  
    49.     @Basic
    50.     @Column(name = "login_time")
    51.     private Timestamp loginTime;
    52.  
    53.     /**
    54.      * 手机号码：[0,11]用户的手机号码，用于找回密码时或登录时
    55.      */
    56.  
    57.     @Basic
    58.     @Column(name = "phone")
    59.     private String phone;
    60.  
    61.     /**
    62.      * 手机认证：[0,1](0未认证|1审核中|2已认证)
    63.      */
    64.  
    65.     @Basic
    66.     @Column(name = "phone_state")
    67.     private Integer phoneState;
    68.  
    69.     /**
    70.      * 用户名：[0,16]用户登录时所用的账户名称
    71.      */
    72.  
    73.     @Basic
    74.     @Column(name = "username")
    75.     private String username;
    76.  
    77.     /**
    78.      * 昵称：[0,16]
    79.      */
    80.  
    81.     @Basic
    82.     @Column(name = "nickname")
    83.     private String nickname;
    84.  
    85.     /**
    86.      * 密码：[0,32]用户登录所需的密码，由6-16位数字或英文组成
    87.      */
    88.  
    89.     @Basic
    90.     @Column(name = "password")
    91.     private String password;
    92.  
    93.     /**
    94.      * 邮箱：[0,64]用户的邮箱，用于找回密码时或登录时
    95.      */
    96.  
    97.     @Basic
    98.     @Column(name = "email")
    99.     private String email;
    100.  
    101.     /**
    102.      * 邮箱认证：[0,1](0未认证|1审核中|2已认证)
    103.      */
    104.  
    105.     @Basic
    106.     @Column(name = "email_state")
    107.     private Integer emailState;
    108.  
    109.     /**
    110.      * 头像地址：[0,255]
    111.      */
    112.  
    113.     @Basic
    114.     @Column(name = "avatar")
    115.     private String avatar;
    116.  
    117.     /**
    118.      * 创建时间：
    119.      */
    120.  
    121.     @Basic
    122.     @Column(name = "create_time")
    123.     @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")
    124.     private Timestamp createTime;
    125.  
    126.     @Basic
    127.     @Transient
    128.     private String code;
    129. }
  • 相关阅读:
    TensorFlow实现神经网络推理
    mysql和clickhouse数据同步 MaterializeMySQL 引擎
    Seaborn绘制热力图的子图
    IDEA 2024.1：Spring支持增强、GitHub Action支持增强、更新HTTP Client等
    Java注解，看完就会用
    Spring MVC - 相关内容1
    猿创征文｜手把手玩转docker，从入门到精通
    【ACM学习】【STL】关联容器基本功能
    爬虫介绍及举例
    微信小程序开发之后台数据交互及wxs应用
  • 原文地址：https://blog.csdn.net/m0_49113107/article/details/127307263