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

文末获取源码

开发语言:Java

开发工具:IDEA /Eclipse

数据库:MYSQL5.7

应用服务:Tomcat7/Tomcat8

使用框架:ssm+vue

JDK版本:jdk1.8

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

系统详细设计

前台首页功能模块

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

 

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

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

课表信息

 

 

 课堂信息

 

 

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

 

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

 

管理员功能模块

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

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

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

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

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

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

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

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

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

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

学生功能模块 

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

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

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

教师功能模块 

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

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

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

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

教务人员功能模块 

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

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

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

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

 部分核心代码: 

package com.controller;

import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.Calendar;
import java.util.Map;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Date;
import java.util.List;
import javax.servlet.http.HttpServletRequest;

import com.utils.ValidatorUtils;
import org.apache.commons.lang3.StringUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.PathVariable;
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.RestController;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.annotation.IgnoreAuth;

import com.entity.ZuoyexinxiEntity;
import com.entity.view.ZuoyexinxiView;

import com.service.ZuoyexinxiService;
import com.service.TokenService;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.MPUtil;
import com.utils.CommonUtil;


/**
 * 作业信息
 * 后端接口
 * @author 
 * @email 
 * @date 2021-01-05 15:14:51
 */
@RestController
@RequestMapping("/zuoyexinxi")
public class ZuoyexinxiController {
    @Autowired
    private ZuoyexinxiService zuoyexinxiService;
    


    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,ZuoyexinxiEntity zuoyexinxi, HttpServletRequest request){

		String tableName = request.getSession().getAttribute("tableName").toString();
		if(tableName.equals("jiaoshi")) {
			zuoyexinxi.setGonghao((String)request.getSession().getAttribute("username"));
		}
        EntityWrapper<ZuoyexinxiEntity> ew = new EntityWrapper<ZuoyexinxiEntity>();
		PageUtils page = zuoyexinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, zuoyexinxi), params), params));
        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
	@IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params,ZuoyexinxiEntity zuoyexinxi, HttpServletRequest request){
        EntityWrapper<ZuoyexinxiEntity> ew = new EntityWrapper<ZuoyexinxiEntity>();
		PageUtils page = zuoyexinxiService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, zuoyexinxi), params), params));
        return R.ok().put("data", page);
    }

	/**
     * 列表
     */
    @RequestMapping("/lists")
    public R list( ZuoyexinxiEntity zuoyexinxi){
       	EntityWrapper<ZuoyexinxiEntity> ew = new EntityWrapper<ZuoyexinxiEntity>();
      	ew.allEq(MPUtil.allEQMapPre( zuoyexinxi, "zuoyexinxi")); 
        return R.ok().put("data", zuoyexinxiService.selectListView(ew));
    }

	 /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(ZuoyexinxiEntity zuoyexinxi){
        EntityWrapper< ZuoyexinxiEntity> ew = new EntityWrapper< ZuoyexinxiEntity>();
 		ew.allEq(MPUtil.allEQMapPre( zuoyexinxi, "zuoyexinxi")); 
		ZuoyexinxiView zuoyexinxiView =  zuoyexinxiService.selectView(ew);
		return R.ok("查询作业信息成功").put("data", zuoyexinxiView);
    }
	
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") String id){
        ZuoyexinxiEntity zuoyexinxi = zuoyexinxiService.selectById(id);
        return R.ok().put("data", zuoyexinxi);
    }

    /**
     * 前端详情
     */
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") String id){
        ZuoyexinxiEntity zuoyexinxi = zuoyexinxiService.selectById(id);
        return R.ok().put("data", zuoyexinxi);
    }
    



    /**
     * 后端保存
     */
    @RequestMapping("/save")
    public R save(@RequestBody ZuoyexinxiEntity zuoyexinxi, HttpServletRequest request){
    	zuoyexinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(zuoyexinxi);

        zuoyexinxiService.insert(zuoyexinxi);
        return R.ok();
    }
    
    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody ZuoyexinxiEntity zuoyexinxi, HttpServletRequest request){
    	zuoyexinxi.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
    	//ValidatorUtils.validateEntity(zuoyexinxi);

        zuoyexinxiService.insert(zuoyexinxi);
        return R.ok();
    }

    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody ZuoyexinxiEntity zuoyexinxi, HttpServletRequest request){
        //ValidatorUtils.validateEntity(zuoyexinxi);
        zuoyexinxiService.updateById(zuoyexinxi);//全部更新
        return R.ok();
    }
    

    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        zuoyexinxiService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }
    
    /**
     * 提醒接口
     */
	@RequestMapping("/remind/{columnName}/{type}")
	public R remindCount(@PathVariable("columnName") String columnName, HttpServletRequest request, 
						 @PathVariable("type") String type,@RequestParam Map<String, Object> map) {
		map.put("column", columnName);
		map.put("type", type);
		
		if(type.equals("2")) {
			SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
			Calendar c = Calendar.getInstance();
			Date remindStartDate = null;
			Date remindEndDate = null;
			if(map.get("remindstart")!=null) {
				Integer remindStart = Integer.parseInt(map.get("remindstart").toString());
				c.setTime(new Date()); 
				c.add(Calendar.DAY_OF_MONTH,remindStart);
				remindStartDate = c.getTime();
				map.put("remindstart", sdf.format(remindStartDate));
			}
			if(map.get("remindend")!=null) {
				Integer remindEnd = Integer.parseInt(map.get("remindend").toString());
				c.setTime(new Date());
				c.add(Calendar.DAY_OF_MONTH,remindEnd);
				remindEndDate = c.getTime();
				map.put("remindend", sdf.format(remindEndDate));
			}
		}
		
		Wrapper<ZuoyexinxiEntity> wrapper = new EntityWrapper<ZuoyexinxiEntity>();
		if(map.get("remindstart")!=null) {
			wrapper.ge(columnName, map.get("remindstart"));
		}
		if(map.get("remindend")!=null) {
			wrapper.le(columnName, map.get("remindend"));
		}

		String tableName = request.getSession().getAttribute("tableName").toString();
		if(tableName.equals("jiaoshi")) {
			wrapper.eq("gonghao", (String)request.getSession().getAttribute("username"));
		}

		int count = zuoyexinxiService.selectCount(wrapper);
		return R.ok().put("count", count);
	}
	


}

 

  • 5
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
本文将介绍如何利用SpringMVCVue实现前后分离的大学生社团管理系统。 1. 系统需求分析 该系统需要实现以下功能: - 用户登录和注册 - 社团管理:创建、修改、删除社团 - 活动管理:创建、修改、删除活动 - 成员管理:加入、退出社团 2. 系统设计 该系统采用前后分离的架构,前使用Vue框架,后采用SpringMVC框架。 2.1 后设计 后使用SpringMVC框架,实现了以下功能: - 用户登录和注册 - 社团管理:创建、修改、删除社团 - 活动管理:创建、修改、删除活动 - 成员管理:加入、退出社团 2.2 前设计 前使用Vue框架,实现了以下功能: - 用户登录和注册 - 社团管理:创建、修改、删除社团 - 活动管理:创建、修改、删除活动 - 成员管理:加入、退出社团 3. 系统实现 3.1 后实现使用SpringMVC框架,实现了以下功能: - 用户登录和注册 用户登录和注册功能使用Spring Security框架实现。用户信息存储在数据库中,密码经过加密存储。 - 社团管理 社团管理功能使用SpringMVC框架实现。社团信息存储在数据库中,包括社团名称、社团介绍、社团成员等信息。用户可以创建、修改、删除社团。 - 活动管理 活动管理功能使用SpringMVC框架实现。活动信息存储在数据库中,包括活动名称、活动介绍、活动时间、活动地点等信息。用户可以创建、修改、删除活动。 - 成员管理 成员管理功能使用SpringMVC框架实现。成员信息存储在数据库中,包括成员姓名、成员学号等信息。用户可以加入、退出社团。 3.2 前实现使用Vue框架,实现了以下功能: - 用户登录和注册 使用Vue Router实现登录和注册页面的路由。用户输入用户名和密码后,使用axios发送请求到后验证用户信息。 - 社团管理 使用Vue Router实现社团管理页面的路由。用户可以查看所有社团的信息,并且可以创建、修改、删除自己的社团。 - 活动管理 使用Vue Router实现活动管理页面的路由。用户可以查看所有活动的信息,并且可以创建、修改、删除自己的活动。 - 成员管理 使用Vue Router实现成员管理页面的路由。用户可以加入、退出社团。 4. 总结 本文介绍了如何利用SpringMVCVue实现前后分离的大学生社团管理系统。该系统采用前后分离的架构,实现了用户登录和注册、社团管理、活动管理和成员管理等功能。该系统可以作为大学生社团管理的参考实现

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一季春秋

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值