基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

2年前 (2022) 程序员胖胖胖虎阿
389 0 0

🍅 作者简介:CSDN特邀作者✌、java领域优质创作者💪

🍅关注公众号【java李杨勇】  简历模板、学习资料、面试题库等都给你

🍅文末获取源码联系🍅

目录

前言介绍:

语言技术:

功能设计:

功能截图:

数据设计:

表banji (班级)

表chat (师生聊天)

表config (配置文件)

表forum (论坛交流)

表jiaoshi (教师)

表kechengbiao (课程表)

表kechengfenlei (课程分类)

表kechengxinxi (课程信息)

表news (学校公告)

表qingjiaxinxi (请假信息)

表shangkeqiandao (上课签到)

表storeup (收藏表)

表token (token表)

表users (用户表)

表xuesheng (学生)

表zuoyexinxi (作业信息)

关键代码:

论文报告:

 总结:

获取源码:


前言介绍:

       疫情网课也都将通过计算机进行整体智能化操作,对于疫情网课管理系统所牵扯的管理及数据保存都是非常多的,例如管理员;首页、个人中心学生管理、教师管理、班级管理、课程分类管理课程表管理课程信息管理作业信息管理请假信息管理上课签到管理、论坛交流、系统管理,学生;首页、个人中心、课程表管理、课程信息管理作业信息管理请假信息管理、上课签到管理,教师;首页、个人中心学生管理、班级管理、课程分类管理课程表管理课程信息管理作业信息管理请假信息管理上课签到管理、系统管理,前台首页;首页、课程表、论坛交流、学校公告、个人中心、后台管理、师生聊天功能,这给管理者的工作带来了巨大的挑战,面对大量的信息,传统的管理系统,都是通过笔记的方式进行详细信息的统计,后来出现电脑,通过电脑输入软件将纸质的信息统计到电脑上,这种方式比较传统,而且想要统计数据信息比较麻烦,还受时间和空间的影响,所以为此开发了疫情网课管理系统;为学生提供了方便管理平台,方便管理员查看及维护,并且可以通过需求进行内容的编辑及维护等;对于学生和教师而言,可以随时进行查询所需信息,管理员可以足不出户就可以获取到系统的数据信息等,而且还能节省学生和教师很多时间,所以开发疫情网课管理系统给管理者带来了很大的方便,同时也方便管理员对学生及教师信息进行处理。

语言技术:

开发工具:IDEA 2021.3、navicat for mysql 、postman。

开发语言:java、jdk1.8、mysql5、node.js 14。

硬件环境:Windows 10操作系统、Google浏览器等。

主要技术:springboot、mybatis-plus、vue、element UI、shiro、mysql等

功能设计:

 管理员:管理员登录后可进行首页、个人中心、学生管理、教师管理、班级管理、课程分类管理、课程表管理、课程信息管理、作业信息管理、请假信息管理、上课签到管理、论坛交流、系统管理等。

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

学生用户:学生注册登录后可进行首页、个人中心、课程表管理、课程信息管理、作业信息管理、请假信息管理、上课签到管理

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

功能截图:

 系统多角色登录、不同用户不同权限。

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

学生点击进入到系统操作界面可以查看首页、个人中心、课程表管理、课程信息管理、作业信息管理、请假信息管理、上课签到管理等功能模块。基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

学生注册 :学生注册页面可以填写学号、密码、学生、年龄、手机、邮箱信息进行注册

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

学生登录,在登录页面通过填写账号、密码等信息完成登录,如图5-16所示。在论坛交流页面通过填写标题、类型、内容等信息进行发布帖子等操作。

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

论坛交流模块 

 基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 课程表:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 学习公告模块:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

论坛交流模块: 

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 学校公告模块:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 用户个人中心:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 普通学生后台模块:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 修改密码:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 查看课程表信息:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 查看课程信息:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 查看作业信息:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 请假信息:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 上课签到等:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 后台管理员:管理员登录系统后可进行首页、个人中心、学生管理、教师管理、班级管理、课程分类管理、课程表管理、课程信息管理、作业信息管理、请假信息管理、上课签到管理、论坛交流、系统管理等操作。

学生管理:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

老师管理:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 班级管理:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 课程管理:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

课程分类管理:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现 课程表管理:基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 课程信息管理:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 作业信息管理:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

上课签到管理:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现 论坛交流:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

系统首页轮播图:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现 学校公告

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

数据设计:

表banji (班级)

编号

名称

数据类型

长度

小数位

允许空值

主键

说明

1

id

bigint

20

0

N

Y

主键

2

addtime

timestamp

19

0

N

N

创建时间

3

banji

varchar

200

0

Y

N

班级

表chat (师生聊天)

编号

名称

数据类型

长度

小数位

允许空值

主键

说明

1

id

bigint

20

0

N

Y

主键

2

addtime

timestamp

19

0

N

N

创建时间

3

userid

bigint

20

0

N

N

用户id

4

adminid

bigint

20

0

Y

N

管理员id

5

ask

longtext

2147483647

0

Y

N

提问

6

reply

longtext

2147483647

0

Y

N

回复

7

isreply

int

10

0

Y

N

是否回复

表config (配置文件)

编号

名称

数据类型

长度

小数位

允许空值

主键

说明

1

id

bigint

20

0

N

Y

主键

2

name

varchar

100

0

N

N

配置参数名称

3

value

varchar

100

0

Y

N

配置参数值

表forum (论坛交流)

编号

名称

数据类型

长度

小数位

允许空值

主键

说明

1

id

bigint

20

0

N

Y

主键

2

addtime

timestamp

19

0

N

N

创建时间

3

title

varchar

200

0

Y

N

帖子标题

4

content

longtext

2147483647

0

N

N

帖子内容

5

parentid

bigint

20

0

Y

N

父节点id

6

userid

bigint

20

0

N

N

用户id

7

username

varchar

200

0

Y

N

用户名

8

isdone

varchar

200

0

Y

N

状态

表jiaoshi (教师)

编号

名称

数据类型

长度

小数位

允许空值

主键

说明

1

id

bigint

20

0

N

Y

主键

2

addtime

timestamp

19

0

N

N

创建时间

3

gonghao

varchar

200

0

N

N

工号

4

mima

varchar

200

0

N

N

密码

5

jiaoshi

varchar

200

0

N

N

教师

6

xingbie

varchar

200

0

Y

N

性别

7

nianling

int

10

0

Y

N

年龄

8

zhicheng

varchar

200

0

Y

N

职称

9

shouji

varchar

200

0

Y

N

手机

10

youxiang

varchar

200

0

Y

N

邮箱

11

zhaopian

varchar

200

0

Y

N

照片

表kechengbiao (课程表)

编号

名称

数据类型

长度

小数位

允许空值

主键

说明

1

id

bigint

20

0

N

Y

主键

2

addtime

timestamp

19

0

N

N

创建时间

3

biaoti

varchar

200

0

Y

N

标题

4

banji

varchar

200

0

Y

N

班级

5

fengmian

varchar

200

0

Y

N

封面

6

kebiao

varchar

200

0

Y

N

课表

表kechengfenlei (课程分类)

编号

名称

数据类型

长度

小数位

允许空值

主键

说明

1

id

bigint

20

0

N

Y

主键

2

addtime

timestamp

19

0

N

N

创建时间

3

fenlei

varchar

200

0

Y

N

分类

表kechengxinxi (课程信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

说明

1

id

bigint

20

0

N

Y

主键

2

addtime

timestamp

19

0

N

N

创建时间

3

biaoti

varchar

200

0

Y

N

标题

4

gonghao

varchar

200

0

Y

N

工号

5

jiaoshi

varchar

200

0

Y

N

教师

6

kecheng

varchar

200

0

Y

N

课程

7

banji

varchar

200

0

Y

N

班级

8

zuoye

varchar

200

0

Y

N

作业

表news (学校公告)

编号

名称

数据类型

长度

小数位

允许空值

主键

说明

1

id

bigint

20

0

N

Y

主键

2

addtime

timestamp

19

0

N

N

创建时间

3

title

varchar

200

0

N

N

标题

4

introduction

longtext

2147483647

0

Y

N

简介

5

picture

varchar

200

0

N

N

图片

6

content

longtext

2147483647

0

N

N

内容

表qingjiaxinxi (请假信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

说明

1

id

bigint

20

0

N

Y

主键

2

addtime

timestamp

19

0

N

N

创建时间

3

xuehao

varchar

200

0

Y

N

学号

4

xuesheng

varchar

200

0

Y

N

学生

5

banji

varchar

200

0

Y

N

班级

6

qishishijian

date

10

0

Y

N

起始时间

7

jieshushijian

date

10

0

Y

N

结束时间

8

qingjialiyou

longtext

2147483647

0

Y

N

请假理由

9

sfsh

varchar

200

0

Y

N

是否审核

10

shhf

longtext

2147483647

0

Y

N

审核回复

表shangkeqiandao (上课签到)

编号

名称

数据类型

长度

小数位

允许空值

主键

说明

1

id

bigint

20

0

N

Y

主键

2

addtime

timestamp

19

0

N

N

创建时间

3

daka

varchar

200

0

Y

N

打卡

4

xuehao

varchar

200

0

Y

N

学号

5

xuesheng

varchar

200

0

Y

N

学生

6

banji

varchar

200

0

Y

N

班级

7

tiwen

varchar

200

0

Y

N

体温

8

kecheng

varchar

200

0

Y

N

课程

9

dakashijian

datetime

19

0

Y

N

打卡时间

表storeup (收藏表)

编号

名称

数据类型

长度

小数位

允许空值

主键

说明

1

id

bigint

20

0

N

Y

主键

2

addtime

timestamp

19

0

N

N

创建时间

3

userid

bigint

20

0

N

N

用户id

4

refid

bigint

20

0

Y

N

收藏id

5

tablename

varchar

200

0

Y

N

表名

6

name

varchar

200

0

N

N

收藏名称

7

picture

varchar

200

0

N

N

收藏图片

表token (token表)

编号

名称

数据类型

长度

小数位

允许空值

主键

1

id

bigint

20

0

N

Y

2

userid

bigint

20

0

N

N

3

username

varchar

100

0

N

N

4

tablename

varchar

100

0

Y

N

5

role

varchar

100

0

Y

N

6

token

varchar

200

0

N

N

7

addtime

timestamp

19

0

N

N

8

expiratedtime

timestamp

19

0

N

N

表users (用户表)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

id

bigint

20

0

N

Y

主键

2

username

varchar

100

0

N

N

用户名

3

password

varchar

100

0

N

N

密码

4

role

varchar

100

0

Y

N

管理员

角色

5

addtime

timestamp

19

0

N

N

CURRENT_TIMESTAMP

新增时间

表xuesheng (学生)

编号

名称

数据类型

长度

小数位

允许空值

主键

说明

1

id

bigint

20

0

N

Y

主键

2

addtime

timestamp

19

0

N

N

创建时间

3

xuehao

varchar

200

0

N

N

学号

4

mima

varchar

200

0

N

N

密码

5

xuesheng

varchar

200

0

N

N

学生

6

xingbie

varchar

200

0

Y

N

性别

7

nianling

int

10

0

Y

N

年龄

8

shouji

varchar

200

0

Y

N

手机

9

youxiang

varchar

200

0

Y

N

邮箱

10

banji

varchar

200

0

Y

N

班级

11

zhaopian

varchar

200

0

Y

N

照片

表zuoyexinxi (作业信息)

编号

名称

数据类型

长度

小数位

允许空值

主键

说明

1

id

bigint

20

0

N

Y

主键

2

addtime

timestamp

19

0

N

N

创建时间

3

biaoti

varchar

200

0

Y

N

标题

4

gonghao

varchar

200

0

Y

N

工号

5

jiaoshi

varchar

200

0

Y

N

教师

6

kecheng

varchar

200

0

Y

N

课程

7

banji

varchar

200

0

Y

N

班级

8

xuehao

varchar

200

0

Y

N

学号

9

xuesheng

varchar

200

0

Y

N

学生

10

tijiaozuoye

varchar

200

0

Y

N

提交作业

11

tijiaoshijian

datetime

19

0

Y

N

提交时间

12

sfsh

varchar

200

0

Y

N

是否审核

13

shhf

longtext

2147483647

0

Y

N

审核回复

关键代码:

用户模块 


package com.controller;

import java.util.Arrays;
import java.util.Calendar;
import java.util.Date;
import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;

import com.annotation.IgnoreAuth;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.entity.TokenEntity;
import com.entity.UserEntity;
import com.service.TokenService;
import com.service.UserService;
import com.utils.CommonUtil;
import com.utils.MPUtil;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.ValidatorUtils;

/**
 * 登录相关
 */
@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<UserEntity>().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<UserEntity>().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<UserEntity>().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<String, Object> params,UserEntity user){
        EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
    	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<UserEntity> ew = new EntityWrapper<UserEntity>();
      	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<UserEntity>().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);
    	UserEntity u = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername()));
    	if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) {
    		return R.error("用户名已存在。");
    	}
        userService.updateById(user);//全部更新
        return R.ok();
    }

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

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurationSupport;

import com.interceptor.AuthorizationInterceptor;

@Configuration
public class InterceptorConfig extends WebMvcConfigurationSupport{
	
	@Bean
    public AuthorizationInterceptor getAuthorizationInterceptor() {
        return new AuthorizationInterceptor();
    }
	
	@Override
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(getAuthorizationInterceptor()).addPathPatterns("/**").excludePathPatterns("/static/**");
        super.addInterceptors(registry);
	}
	
	/**
	 * springboot 2.0配置WebMvcConfigurationSupport之后,会导致默认配置被覆盖,要访问静态资源需要重写addResourceHandlers方法
	 */
	@Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
		registry.addResourceHandler("/**")
        .addResourceLocations("classpath:/resources/")
        .addResourceLocations("classpath:/static/")
        .addResourceLocations("classpath:/admin/")
        .addResourceLocations("classpath:/front/")
        .addResourceLocations("classpath:/public/");
		super.addResourceHandlers(registry);
    }
}

论文报告:

基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现 基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现

 总结:

          疫情网课管理系统的整体功能模块的实现,主要是对自己在大学这几年时间所学内容的一个测试,对于系统,主要是通过现在智能化的疫情网课管理系统进行开始系统的实现,并且可以根据需求进行数据信息的增加修改删除等操作,完美的解决了当下疫情网课管理系统中所遇到的问题。

经过一个学期的毕业设计的实现完成已接近尾声,到目前为止,当我回想起整个学期的系统开发日,收获颇丰。毕业设计的主要任务是建立一个智能化的疫情网课管理系统的信息系统,主要使用SpringBoot框架和Mysql数据库的开发工具,对系统的每个功能模块进行相对应的操作,最后,系统调试结果表明系统基本可以满足功能要求。

疫情网课管理系统的开发对我大学学习的改进有很大帮助。它使我能够学习计算机知识的相关技术方面问题及与人交往的沟通交流方面,让我意识到无论我们做什么,我们都需要坚持不懈,努力工作,只有这样尝试了并且坚持去做了,我们才可以成功,才可以获得成功的喜悦,如果没有尝试,只是想,那连成功的机会都没有,实际操作进行做了,才会越来越近的靠近成功,随着道路一路向前,未来的路是美好的。

对于疫情网课管理系统的实现,是自己第一次完成的设计一个管理系统。在项目的设计过程中,我克服了各种困难,并且在面对这些困难,我积极的面对,想办法解决问题,并且更好的掌握了理论知识和动手操作实践能力,从系统的开发到设计完成,我完成了一个更全面、更完善、更安全的平台管理系统,这也让我取得了很大的成就感,也使我对未来的生活更有信心。

获取源码:

  大家点赞、收藏、关注、评论啦 、查看👇🏻👇🏻👇🏻微信公众号获取联系方式👇🏻👇🏻👇🏻

打卡 文章 更新 198/  365天

 精彩专栏推荐订阅:下方专栏👇🏻👇🏻👇🏻👇🏻

Java项目精品实战案例《100套》

web前端期末大作业网页实战《100套》

相关文章

暂无评论

暂无评论...