java基于Springboot+vue 的高校在线学习系统 含签到,作业等功能 element

在社会快速发展的影响下,使线上教学平台的管理和运营比过去十年更加理性化。依照这一现实为基础,设计一个快捷而又方便的网上线上教学平台系统是一项十分重要并且有价值的事情。对于传统的线上教学平台控制模型来说,网上线上教学平台系统具有许多不可比拟的优势,首先是快速更新线上教学平台的信息,其次是大量信息的管理,最后是高度安全,以及使用简单等特性,这使得线上教学平台系统的管理和运营非常方便。进入21世纪,因为科技和经济的迅速发展,人民群众对非物质层面的精神需求正变得越来越多元化。本系统是为了实现这些目标而提出来的。
环境需要
1.运行环境:最好是java jdk 1.8,这是目前最稳定的JDK也是被使用最多的JDK版本。
2.IDE环境:IDEA,Eclipse都可以。推荐IDEA;
3.tomcat环境:Tomcat7/Tomcat8/Tomcat9版本均可
4.硬件环境:windows 7/8/10 1G内存以上;或者 Mac OS;
5.数据库:MySql 5.7版本;
6.是否Maven项目:是;
技术栈
后端:Spring+SpringMVC+Mybatis+Springboot
前端:vue+CSS+JavaScript+jQuery+elementui
java基于Springboot+vue 的高校在线学习系统 含签到,作业等功能 element_第1张图片
随着移动应用技术的发展,越来越多的学生借助于移动手机、电脑完成生活中的事务,许多的行业也更加重视与互联网的结合,以提高教学的教育水平和寻求更高的经济利益。针对高校网课管理系统,课堂信息、作业信息等问题,结合学生的实际需求,本论文设计了高校网课管理系统 ,学生可以此系统实现课程考核查看,管理员通过后台会对此考核记录进行审核,管理员还可以进行管理员:首页、个人中心、学生管理,教师管理、教务人员管理、课表信息管理、调课信息管理、缓修信息管理、课堂信息管理、课堂签到管理、课堂记录管理、作业信息管理、作业提交管理、考核记录管理、课程考核管理、缓考申请管理、课程统计管理、考试统计管理、论坛管理、系统管理,等操作。此系统的开发对比旧传统的手工记录方式,不仅方便了需求学生,也提高了管理人员的工作效率。

java基于Springboot+vue 的高校在线学习系统 含签到,作业等功能 element_第2张图片

学生功能模块

  1. 学生登录进入高校网课管理系统可以查看首页、个人中心、缓修信息管理、课堂签到管理、作业提交管理等内容
  2. 课堂签到管理,在课堂签到管理页面可以查看科目名称、工号、签到时间、学号、姓名等信息,并可根据需要对课堂签到管理信息进行查看、详情等操作
  3. 作业提交管理,在作业提交管理页面可以查看科目名称、工号、作业附件、提交日期、学号、姓名等信息,并可根据需要对作业提交管理信息进行查看、详情、删除操作
    教师功能模块
  4. 教师登录进入高校网课管理系统可以查看首页、个人中心、调课信息管理、课堂信息管理、课堂签到管理、课堂记录管理、作业信息管理、作业提交管理、考核记录管理等内容
  5. 课堂信息管理:在课堂信息管理页面可以查看科目名称、图片、时长、人数、日期、上课时间等信息,并可根据需要对课堂信息管理信息进行详情、修改、删除等操作
  6. 课堂记录管理:在课堂记录管理页面可以查看科目名称、学生人数、缺课原因、作业布置、视音频链接、日期、工号、教师姓名等信息,并可根据需要对课堂记录管理信息进行修改操作
  7. 作业信息管理,在作业信息管理页面可以查看科目名称、图片、作业文件、简述、发布日期等信息,并可根据需要对作业信息管理信息进行详情、修改、删除等操作

java基于Springboot+vue 的高校在线学习系统 含签到,作业等功能 element_第3张图片
java基于Springboot+vue 的高校在线学习系统 含签到,作业等功能 element_第4张图片

管理员功能模块

  1. 管理员登录,管理员通过输入用户名,密码,角色,等信息进行系统登录
  2. 管理员登录进入高校网课管理系统可以查看首页、个人中心、学生管理,教师管理、教务人员管理、课表信息管理、调课信息管理、缓修信息管理、课堂信息管理、课堂签到管理、课堂记录管理、作业信息管理、作业提交管理、考核记录管理、课程考核管理、缓考申请管理、课程统计管理、考试统计管理、论坛管理、系统管理,等内容
  3. 学生管理,在学生管理页面可以查看学号、密码、姓名、性别、头像、院系、班级、手机等内容,并可根据需要对学生管理信息进行详情,修改或删除等操作
  4. 课表信息管理,在课表信息管理页面可以查看名称、图片、课表文件、内容、发布日期、账号、姓名等信息,并可根据需要对课表信息管理信息进行详情,修改,删除操作
  5. 缓修信息管理,在缓修信息管理页面可以查看名称、账号、类型、申请日期、学号、姓名、审核回复、审核状态等内容,并可根据需要对缓修信息管理信息进行详情,修改,删除操作
  6. 课堂记录管理,在课堂记录管理页面可以查看科目名称、学生人数、缺课原因、作业布置、视音频链接、日期、工号、教师姓名等内容,并可根据需要对课堂记录管理信息进行详情,修改,删除操作
  7. 考核记录管理,在考核记录管理页面可以查看课程名称、监控照片、视频、日期、工号、教师姓名等信息,并可根据需要对考核记录管理信息进行详情、修改,删除操作
  8. 缓考申请管理,在缓考申请管理页面可以查看课程名称、类型、账号、申请日期、学号、姓名、审核回复、审核状态等信息,并可根据需要对缓考申请管理信息进行详情、修改,删除等操作
  9. 课程统计管理,在课程统计管理页面可以查看课程名称、总人数、请假人数、旷课人数、缓修人数、上课人数、统计日期等信息,并可根据需要对课程统计管理信息进行详情、修改,删除操作
  10. 考试统计管理,在考试统计管理页面可以查看课程名称、总人数、请假人数、缓考人数、旷考人数、考试人数、统计日期等信息,并可根据需要对考试统计管理信息进行详情、修改,删除操作


java基于Springboot+vue 的高校在线学习系统 含签到,作业等功能 element_第5张图片

教务人员功能模块

  1. 教务人员登录进入高校网课管理系统可以查看首页、个人中心、课表信息管理、调课信息管理、缓修信息管理、课堂记录管理、考核记录管理、课程考核管理、缓考申请管理、课程统计管理、考试统计管理等内容
  2. 考核记录管理:在考核记录管理页面可以查看课程名称、监控照片、视频、日期、工号、教师姓名等信息,并可根据需要对考核记录管理信息进行详情等操作
  3. 课程统计管理:在课程统计管理页面可以查看课程名称、总人数、请假人数、旷课人数、缓修人数、上课人数、统计日期等信息,并可根据需要对课程统计管理信息进行修改、删除操作
  4. 考试统计管理,在考试统计管理页面可以查看课程名称、总人数、请假人数、缓考人数、旷考人数、考试人数、统计日期等信息,并可根据需要对考试统计管理信息进行修改、删除等操作

java基于Springboot+vue 的高校在线学习系统 含签到,作业等功能 element_第6张图片


/**
 * 登录相关
 */
@RequestMapping("users")
@RestController
public class UserController{
	
	@Autowired
	private UserService userService;
	
	@Autowired
	private TokenService tokenService;

	/**
	 * 登录
	 */
	@IgnoreAuth
	@PostMapping(value = "/login")
	public R login(String username, String password, String captcha, HttpServletRequest request) {
		UserEntity user = userService.selectOne(new EntityWrapper().eq("username", username));
		if(user==null || !user.getPassword().equals(password)) {
			return R.error("账号或密码不正确");
		}
		String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
		return R.ok().put("token", token);
	}
	
	/**
	 * 注册
	 */
	@IgnoreAuth
	@PostMapping(value = "/register")
	public R register(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }

	/**
	 * 退出
	 */
	@GetMapping(value = "logout")
	public R logout(HttpServletRequest request) {
		request.getSession().invalidate();
		return R.ok("退出成功");
	}
	
	/**
     * 密码重置
     */
    @IgnoreAuth
	@RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
    	UserEntity user = userService.selectOne(new EntityWrapper().eq("username", username));
    	if(user==null) {
    		return R.error("账号不存在");
    	}
    	user.setPassword("123456");
        userService.update(user,null);
        return R.ok("密码已重置为:123456");
    }
	
	/**
     * 列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map params,UserEntity user){
        EntityWrapper ew = new EntityWrapper();
    	PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("/list")
    public R list( UserEntity user){
       	EntityWrapper ew = new EntityWrapper();
      	ew.allEq(MPUtil.allEQMapPre( user, "user")); 
        return R.ok().put("data", userService.selectListView(ew));
    }

    /**
     * 信息
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }
    
    /**
     * 获取用户的session用户信息
     */
    @RequestMapping("/session")
    public R getCurrUser(HttpServletRequest request){
    	Long id = (Long)request.getSession().getAttribute("userId");
        UserEntity user = userService.selectById(id);
        return R.ok().put("data", user);
    }

    /**
     * 保存
     */
    @PostMapping("/save")
    public R save(@RequestBody UserEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody UserEntity user){
//        ValidatorUtils.validateEntity(user);
        userService.updateById(user);//全部更新
        return R.ok();
    }

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        userService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
}

java基于Springboot+vue 的高校在线学习系统 含签到,作业等功能 element_第7张图片
java基于Springboot+vue 的高校在线学习系统 含签到,作业等功能 element_第8张图片
java基于Springboot+vue 的高校在线学习系统 含签到,作业等功能 element_第9张图片

目录
1 绪论 1
1.1课题背景 1
1.2课题研究现状 1
1.3初步设计方法与实施方案 2
1.4本文研究内容 2
2 系统开发环境 4
2.1 使用工具简介 4
2.2 环境配置 4
2.3 B/S结构简介 4
2.4 MySQL数据库 5
2.5 框架介绍 5
3 系统分析 6
3.1系统可行性分析 6
3.1.1经济可行性 6
3.1.2技术可行性 6
3.1.3运行可行性 6
3.2系统现状分析 6
3.3功能需求分析 7
3.4系统设计规则与运行环境 8
3.5系统流程分析 8
3.5.1操作流程 8
3.5.2添加信息流程 9
3.5.3删除信息流程 10
4 系统设计 11
4.1系统设计主要功能 11
4.2数据库设计 11
4.2.1数据库设计规范 11
4.2.2 E/R图 11
4.2.3数据表 12
5 系统实现 25
5.1系统功能模块 25
5.2后台模块 27
5.2.1管理员功能模块 27
5.2.2用户功能模块 30
6 系统测试 33
6.1功能测试 33
6.2可用性测试 33
6.3性能测试 34
6.4测试结果分析 34
7结 论 35
参考文献 36
致 谢 37

你可能感兴趣的:(java,spring,boot,vue.js,elementui,前端)