当前位置:   article > 正文

SpringMVC+vue实现前后端分离的高校网课管理系统_springmvc vue

springmvc vue

文末获取源码

开发语言:Java

开发工具:IDEA /Eclipse

数据库:MYSQL5.7

应用服务:Tomcat7/Tomcat8

使用框架:ssm+vue

JDK版本:jdk1.8

随着移动应用技术的发展,越来越多的学生借助于移动手机、电脑完成生活中的事务,许多的行业也更加重视与互联网的结合,以提高教学的教育水平和寻求更高的经济利益。针对高校网课管理系统,课堂信息、作业信息等问题,结合学生的实际需求,本论文设计了高校网课管理系统 ,学生可以此系统实现课程考核查看,管理员通过后台会对此考核记录进行审核,管理员还可以进行管理员;首页、个人中心、学生管理,教师管理、教务人员管理、课表信息管理、调课信息管理、缓修信息管理、课堂信息管理、课堂签到管理、课堂记录管理、作业信息管理、作业提交管理、考核记录管理、课程考核管理、缓考申请管理、课程统计管理、考试统计管理、论坛管理、系统管理,等操作。此系统的开发对比旧传统的手工记录方式,不仅方便了需求学生,也提高了管理人员的工作效率。 

系统详细设计

前台首页功能模块

高校网课管理系统 ,在系统首页可以查看首页、课表信息、课堂信息、作业信息、课程考核、论坛信息、个人中心、后台管理等内容,如图

 

学生注册,在学生注册页面通过填写学号、密码、姓名、院系、班级、手机等信息完成学生注册,如图

登录,在登录页面可以填写账号、密码等详细内容进行登录,如图 

课表信息

 

 

 课堂信息

 

 

作业信息,在作业信息页面可以填写简述、发布日期、工号、教师姓名、作业文件等信息进行提交作业,如图

 

课程考核,在课程考核页面通过填写考核时间、考核内容、账号、姓名等信息进行申请,如图 

 

管理员功能模块

管理员登录,管理员通过输入用户名,密码,角色,等信息进行系统登录,如图 

管理员登录进入高校网课管理系统可以查看首页、个人中心、学生管理,教师管理、教务人员管理、课表信息管理、调课信息管理、缓修信息管理、课堂信息管理、课堂签到管理、课堂记录管理、作业信息管理、作业提交管理、考核记录管理、课程考核管理、缓考申请管理、课程统计管理、考试统计管理、论坛管理、系统管理,等内容,如图 

学生管理,在学生管理页面可以查看学号、密码、姓名、性别、头像、院系、班级、手机等内容,并可根据需要对学生管理信息进行详情,修改或删除等操作,如图 

课表信息管理,在课表信息管理页面可以查看名称、图片、课表文件、内容、发布日期、账号、姓名等信息,并可根据需要对课表信息管理信息进行详情,修改,删除操作,如图

缓修信息管理,在缓修信息管理页面可以查看名称、账号、类型、申请日期、学号、姓名、审核回复、审核状态等内容,并可根据需要对缓修信息管理信息进行详情,修改,删除操作,如图

课堂记录管理,在课堂记录管理页面可以查看科目名称、学生人数、缺课原因、作业布置、视音频链接、日期、工号、教师姓名等内容,并可根据需要对课堂记录管理信息进行详情,修改,删除操作,如图 

考核记录管理,在考核记录管理页面可以查看课程名称、监控照片、视频、日期、工号、教师姓名等信息,并可根据需要对考核记录管理信息进行详情、修改,删除操作,如图

缓考申请管理,在缓考申请管理页面可以查看课程名称、类型、账号、申请日期、学号、姓名、审核回复、审核状态等信息,并可根据需要对缓考申请管理信息进行详情、修改,删除等操作,如图 

课程统计管理,在课程统计管理页面可以查看课程名称、总人数、请假人数、旷课人数、缓修人数、上课人数、统计日期等信息,并可根据需要对课程统计管理信息进行详情、修改,删除操作,如图 

考试统计管理,在考试统计管理页面可以查看课程名称、总人数、请假人数、缓考人数、旷考人数、考试人数、统计日期等信息,并可根据需要对考试统计管理信息进行详情、修改,删除操作,如图 

学生功能模块 

学生登录进入高校网课管理系统可以查看首页、个人中心、缓修信息管理、课堂签到管理、作业提交管理等内容,如图

课堂签到管理,在课堂签到管理页面可以查看科目名称、工号、签到时间、学号、姓名等信息,并可根据需要对课堂签到管理信息进行查看、详情等操作,如图 

作业提交管理,在作业提交管理页面可以查看科目名称、工号、作业附件、提交日期、学号、姓名等信息,并可根据需要对作业提交管理信息进行查看、详情、删除操作,如图 

教师功能模块 

教师登录进入高校网课管理系统可以查看首页、个人中心、调课信息管理、课堂信息管理、课堂签到管理、课堂记录管理、作业信息管理、作业提交管理、考核记录管理等内容,如图

课堂信息管理;在课堂信息管理页面可以查看科目名称、图片、时长、人数、日期、上课时间等信息,并可根据需要对课堂信息管理信息进行详情、修改、删除等操作,如图 

课堂记录管理;在课堂记录管理页面可以查看科目名称、学生人数、缺课原因、作业布置、视音频链接、日期、工号、教师姓名等信息,并可根据需要对课堂记录管理信息进行修改操作,如图 

作业信息管理,在作业信息管理页面可以查看科目名称、图片、作业文件、简述、发布日期等信息,并可根据需要对作业信息管理信息进行详情、修改、删除等操作,如图 

教务人员功能模块 

教务人员登录进入高校网课管理系统可以查看首页、个人中心、课表信息管理、调课信息管理、缓修信息管理、课堂记录管理、考核记录管理、课程考核管理、缓考申请管理、课程统计管理、考试统计管理等内容,如图

考核记录管理;在考核记录管理页面可以查看课程名称、监控照片、视频、日期、工号、教师姓名等信息,并可根据需要对考核记录管理信息进行详情等操作,如图 

课程统计管理;在课程统计管理页面可以查看课程名称、总人数、请假人数、旷课人数、缓修人数、上课人数、统计日期等信息,并可根据需要对课程统计管理信息进行修改、删除操作,如图 

考试统计管理,在考试统计管理页面可以查看课程名称、总人数、请假人数、缓考人数、旷考人数、考试人数、统计日期等信息,并可根据需要对考试统计管理信息进行修改、删除等操作,如图 

 部分核心代码: 

  1. package com.controller;
  2. import java.text.SimpleDateFormat;
  3. import java.util.ArrayList;
  4. import java.util.Arrays;
  5. import java.util.Calendar;
  6. import java.util.Map;
  7. import java.util.HashMap;
  8. import java.util.Iterator;
  9. import java.util.Date;
  10. import java.util.List;
  11. import javax.servlet.http.HttpServletRequest;
  12. import com.utils.ValidatorUtils;
  13. import org.apache.commons.lang3.StringUtils;
  14. import org.springframework.beans.factory.annotation.Autowired;
  15. import org.springframework.web.bind.annotation.PathVariable;
  16. import org.springframework.web.bind.annotation.RequestBody;
  17. import org.springframework.web.bind.annotation.RequestMapping;
  18. import org.springframework.web.bind.annotation.RequestParam;
  19. import org.springframework.web.bind.annotation.RestController;
  20. import com.baomidou.mybatisplus.mapper.EntityWrapper;
  21. import com.baomidou.mybatisplus.mapper.Wrapper;
  22. import com.annotation.IgnoreAuth;
  23. import com.entity.ZuoyexinxiEntity;
  24. import com.entity.view.ZuoyexinxiView;
  25. import com.service.ZuoyexinxiService;
  26. import com.service.TokenService;
  27. import com.utils.PageUtils;
  28. import com.utils.R;
  29. import com.utils.MPUtil;
  30. import com.utils.CommonUtil;
  31. /**
  32. * 作业信息
  33. * 后端接口
  34. * @author
  35. * @email
  36. * @date 2021-01-05 15:14:51
  37. */
  38. @RestController
  39. @RequestMapping("/zuoyexinxi")
  40. public class ZuoyexinxiController {
  41. @Autowired
  42. private ZuoyexinxiService zuoyexinxiService;
  43. /**
  44. * 后端列表
  45. */
  46. @RequestMapping("/page")
  47. public R page(@RequestParam Map<String, Object> params,ZuoyexinxiEntity zuoyexinxi, HttpServletRequest request){
  48. String tableName = request.getSession().getAttribute("tableName").toString();
  49. if(tableName.equals("jiaoshi")) {
  50. zuoyexinxi.setGonghao((String)request.getSession().getAttribute("username"));
  51. }
  52. EntityWrapper<ZuoyexinxiEntity> ew = new EntityWrapper<ZuoyexinxiEntity>();
  53. PageUtils page = zuoyexinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, zuoyexinxi), params), params));
  54. return R.ok().put("data", page);
  55. }
  56. /**
  57. * 前端列表
  58. */
  59. @IgnoreAuth
  60. @RequestMapping("/list")
  61. public R list(@RequestParam Map<String, Object> params,ZuoyexinxiEntity zuoyexinxi, HttpServletRequest request){
  62. EntityWrapper<ZuoyexinxiEntity> ew = new EntityWrapper<ZuoyexinxiEntity>();
  63. PageUtils page = zuoyexinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, zuoyexinxi), params), params));
  64. return R.ok().put("data", page);
  65. }
  66. /**
  67. * 列表
  68. */
  69. @RequestMapping("/lists")
  70. public R list( ZuoyexinxiEntity zuoyexinxi){
  71. EntityWrapper<ZuoyexinxiEntity> ew = new EntityWrapper<ZuoyexinxiEntity>();
  72. ew.allEq(MPUtil.allEQMapPre( zuoyexinxi, "zuoyexinxi"));
  73. return R.ok().put("data", zuoyexinxiService.selectListView(ew));
  74. }
  75. /**
  76. * 查询
  77. */
  78. @RequestMapping("/query")
  79. public R query(ZuoyexinxiEntity zuoyexinxi){
  80. EntityWrapper< ZuoyexinxiEntity> ew = new EntityWrapper< ZuoyexinxiEntity>();
  81. ew.allEq(MPUtil.allEQMapPre( zuoyexinxi, "zuoyexinxi"));
  82. ZuoyexinxiView zuoyexinxiView = zuoyexinxiService.selectView(ew);
  83. return R.ok("查询作业信息成功").put("data", zuoyexinxiView);
  84. }
  85. /**
  86. * 后端详情
  87. */
  88. @RequestMapping("/info/{id}")
  89. public R info(@PathVariable("id") String id){
  90. ZuoyexinxiEntity zuoyexinxi = zuoyexinxiService.selectById(id);
  91. return R.ok().put("data", zuoyexinxi);
  92. }
  93. /**
  94. * 前端详情
  95. */
  96. @RequestMapping("/detail/{id}")
  97. public R detail(@PathVariable("id") String id){
  98. ZuoyexinxiEntity zuoyexinxi = zuoyexinxiService.selectById(id);
  99. return R.ok().put("data", zuoyexinxi);
  100. }
  101. /**
  102. * 后端保存
  103. */
  104. @RequestMapping("/save")
  105. public R save(@RequestBody ZuoyexinxiEntity zuoyexinxi, HttpServletRequest request){
  106. zuoyexinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
  107. //ValidatorUtils.validateEntity(zuoyexinxi);
  108. zuoyexinxiService.insert(zuoyexinxi);
  109. return R.ok();
  110. }
  111. /**
  112. * 前端保存
  113. */
  114. @RequestMapping("/add")
  115. public R add(@RequestBody ZuoyexinxiEntity zuoyexinxi, HttpServletRequest request){
  116. zuoyexinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
  117. //ValidatorUtils.validateEntity(zuoyexinxi);
  118. zuoyexinxiService.insert(zuoyexinxi);
  119. return R.ok();
  120. }
  121. /**
  122. * 修改
  123. */
  124. @RequestMapping("/update")
  125. public R update(@RequestBody ZuoyexinxiEntity zuoyexinxi, HttpServletRequest request){
  126. //ValidatorUtils.validateEntity(zuoyexinxi);
  127. zuoyexinxiService.updateById(zuoyexinxi);//全部更新
  128. return R.ok();
  129. }
  130. /**
  131. * 删除
  132. */
  133. @RequestMapping("/delete")
  134. public R delete(@RequestBody Long[] ids){
  135. zuoyexinxiService.deleteBatchIds(Arrays.asList(ids));
  136. return R.ok();
  137. }
  138. /**
  139. * 提醒接口
  140. */
  141. @RequestMapping("/remind/{columnName}/{type}")
  142. public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request,
  143. @PathVariable("type") String type,@RequestParam Map<String, Object> map) {
  144. map.put("column", columnName);
  145. map.put("type", type);
  146. if(type.equals("2")) {
  147. SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
  148. Calendar c = Calendar.getInstance();
  149. Date remindStartDate = null;
  150. Date remindEndDate = null;
  151. if(map.get("remindstart")!=null) {
  152. Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
  153. c.setTime(new Date());
  154. c.add(Calendar.DAY_OF_MONTH,remindStart);
  155. remindStartDate = c.getTime();
  156. map.put("remindstart", sdf.format(remindStartDate));
  157. }
  158. if(map.get("remindend")!=null) {
  159. Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
  160. c.setTime(new Date());
  161. c.add(Calendar.DAY_OF_MONTH,remindEnd);
  162. remindEndDate = c.getTime();
  163. map.put("remindend", sdf.format(remindEndDate));
  164. }
  165. }
  166. Wrapper<ZuoyexinxiEntity> wrapper = new EntityWrapper<ZuoyexinxiEntity>();
  167. if(map.get("remindstart")!=null) {
  168. wrapper.ge(columnName, map.get("remindstart"));
  169. }
  170. if(map.get("remindend")!=null) {
  171. wrapper.le(columnName, map.get("remindend"));
  172. }
  173. String tableName = request.getSession().getAttribute("tableName").toString();
  174. if(tableName.equals("jiaoshi")) {
  175. wrapper.eq("gonghao", (String)request.getSession().getAttribute("username"));
  176. }
  177. int count = zuoyexinxiService.selectCount(wrapper);
  178. return R.ok().put("count", count);
  179. }
  180. }

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/374466
推荐阅读
  

闽ICP备14008679号