基于Springboot+Vue实现在线课程管理系统

简介: 基于Springboot+Vue实现在线课程管理系统

项目编号:BS-PT-133

一,环境介绍

语言环境:Java:  jdk1.8

数据库:Mysql: mysql5.7

应用服务器:Tomcat:  tomcat8.5.31

开发工具:IDEA或eclipse

开发技术:Springboot+Vue

二,项目简介

随着信息技术在管理上越来越深入而广泛的应用,管理信息系统的实施在技术上已逐步成熟。本文介绍了在线课程管理系统的开发全过程。通过分析在线课程管理系统管理的不足,创建了一个计算机管理在线课程管理系统的方案。文章介绍了在线课程管理系统的系统分析部分,包括可行性分析等,系统设计部分主要介绍了系统功能设计和数据库设计。

本在线课程管理系统有管理员,教师,学生。管理员功能有个人中心,学生管理,教师管理,在线课程管理,课件信息管理,知识要点管理,教学计划管理,考试大纲管理,科目类型管理,班级分类管理,通知公告管理,在线交流,系统管理等。教师可以发布课程课件资料,知识要点以及教学计划等信息,学生可以查看教师发布的信息,还可以进行留言交流。因而具有一定的实用性。

本站是一个B/S模式系统,采用Spring Boot框架,MYSQL数据库设计开发,充分保证系统的稳定性。系统具有界面清晰、操作简单,功能齐全的特点,使得在线课程管理系统管理工作系统化、规范化。本系统的使用使管理人员从繁重的工作中解脱出来,实现无纸化办公,能够有效的提高在线课程管理系统管理效率。

本系统是基于B/S架构的网站系统,设计的功能结构图如下图所示:

三,系统展示

5.1 管理员模块的实现

5.1.1 教师信息管理

在线课程管理系统的系统管理员可以管理教师,可以对教师信息添加修改删除以及查询操作。具体界面的展示如图5.1所示。

图5.1 教师信息管理界面

5.1.2 学生信息管理

系统管理员可以查看对学生信息进行添加,修改,删除以及查询操作。具体界面如图5.2所示。

5.2 学生信息管理界面

5.1.3 在线课程管理

系统管理员可以对在线课程信息进行删除以及查询操作。界面如下图所示:

图5.3 在线课程信息管理界面

5.1.4 班级分类管理

系统管理员可以对班级分类进行添加修改删除操作。界面如下图所示:

图5.4 班级分类管理界面

5.2 教师模块的实现

5.2.1 在线课程信息

教师可以对在线课程信息进行添加,修改,删除操作,可以对在线课程发布课件,发布知识点,发布大纲。界面如下图所示:

图5.5 在线课程信息界面

5.2.2 教学计划管理

教师可以对教学计划进行添加修改删除操作。界面如下图所示:

图5.6 教学计划界面

5.2.3 学生提问

教师对学生提问进行审核,解答以及删除操作。界面如下图所示:

图5.7 学生提问界面

5.3 学生模块的实现

5.3.1 学生提问

学生可以进行学生提问,在对应的教学科目里面让对应的教师进行回答。界面如下图所示:

图5.8 学生提问界面

5.3.2 在线交流

学生可以在首页进行在线交流。界面如下图所示:

图5.9 在线交流界面

5.3.3 在线课程

学生登录后可以在首页查看在线课程,可以下载课件,收藏等操作。界面如下图所示:

图5.10 在线课程界面

四,核心代码展示

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.format.annotation.DateTimeFormat;
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.JiaoxuejihuaEntity;
import com.entity.view.JiaoxuejihuaView;
 
import com.service.JiaoxuejihuaService;
import com.service.TokenService;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.MD5Util;
import com.utils.MPUtil;
import com.utils.CommonUtil;
 
 
/**
 * 教学计划
 * 后端接口
 * @author 
 * @email 
 * @date 2021-05-25 13:36:37
 */
@RestController
@RequestMapping("/jiaoxuejihua")
public class JiaoxuejihuaController {
    @Autowired
    private JiaoxuejihuaService jiaoxuejihuaService;
    
 
 
    /**
     * 后端列表
     */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params,JiaoxuejihuaEntity jiaoxuejihua,
    HttpServletRequest request){
    String tableName = request.getSession().getAttribute("tableName").toString();
    if(tableName.equals("jiaoshiyonghu")) {
      jiaoxuejihua.setJiaoshigonghao((String)request.getSession().getAttribute("username"));
    }
        EntityWrapper<JiaoxuejihuaEntity> ew = new EntityWrapper<JiaoxuejihuaEntity>();
    PageUtils page = jiaoxuejihuaService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, jiaoxuejihua), params), params));
 
        return R.ok().put("data", page);
    }
    
    /**
     * 前端列表
     */
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params,JiaoxuejihuaEntity jiaoxuejihua, 
    HttpServletRequest request){
        EntityWrapper<JiaoxuejihuaEntity> ew = new EntityWrapper<JiaoxuejihuaEntity>();
    PageUtils page = jiaoxuejihuaService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.likeOrEq(ew, jiaoxuejihua), params), params));
        return R.ok().put("data", page);
    }
 
  /**
     * 列表
     */
    @RequestMapping("/lists")
    public R list( JiaoxuejihuaEntity jiaoxuejihua){
        EntityWrapper<JiaoxuejihuaEntity> ew = new EntityWrapper<JiaoxuejihuaEntity>();
        ew.allEq(MPUtil.allEQMapPre( jiaoxuejihua, "jiaoxuejihua")); 
        return R.ok().put("data", jiaoxuejihuaService.selectListView(ew));
    }
 
   /**
     * 查询
     */
    @RequestMapping("/query")
    public R query(JiaoxuejihuaEntity jiaoxuejihua){
        EntityWrapper< JiaoxuejihuaEntity> ew = new EntityWrapper< JiaoxuejihuaEntity>();
    ew.allEq(MPUtil.allEQMapPre( jiaoxuejihua, "jiaoxuejihua")); 
    JiaoxuejihuaView jiaoxuejihuaView =  jiaoxuejihuaService.selectView(ew);
    return R.ok("查询教学计划成功").put("data", jiaoxuejihuaView);
    }
  
    /**
     * 后端详情
     */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id){
        JiaoxuejihuaEntity jiaoxuejihua = jiaoxuejihuaService.selectById(id);
        return R.ok().put("data", jiaoxuejihua);
    }
 
    /**
     * 前端详情
     */
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id){
        JiaoxuejihuaEntity jiaoxuejihua = jiaoxuejihuaService.selectById(id);
        return R.ok().put("data", jiaoxuejihua);
    }
    
 
 
 
    /**
     * 后端保存
     */
    @RequestMapping("/save")
    public R save(@RequestBody JiaoxuejihuaEntity jiaoxuejihua, HttpServletRequest request){
      jiaoxuejihua.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
      //ValidatorUtils.validateEntity(jiaoxuejihua);
        jiaoxuejihuaService.insert(jiaoxuejihua);
        return R.ok();
    }
    
    /**
     * 前端保存
     */
    @RequestMapping("/add")
    public R add(@RequestBody JiaoxuejihuaEntity jiaoxuejihua, HttpServletRequest request){
      jiaoxuejihua.setId(new Date().getTime()+new Double(Math.floor(Math.random()*1000)).longValue());
      //ValidatorUtils.validateEntity(jiaoxuejihua);
        jiaoxuejihuaService.insert(jiaoxuejihua);
        return R.ok();
    }
 
    /**
     * 修改
     */
    @RequestMapping("/update")
    public R update(@RequestBody JiaoxuejihuaEntity jiaoxuejihua, HttpServletRequest request){
        //ValidatorUtils.validateEntity(jiaoxuejihua);
        jiaoxuejihuaService.updateById(jiaoxuejihua);//全部更新
        return R.ok();
    }
    
 
    /**
     * 删除
     */
    @RequestMapping("/delete")
    public R delete(@RequestBody Long[] ids){
        jiaoxuejihuaService.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<JiaoxuejihuaEntity> wrapper = new EntityWrapper<JiaoxuejihuaEntity>();
    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("jiaoshiyonghu")) {
      wrapper.eq("jiaoshigonghao", (String)request.getSession().getAttribute("username"));
    }
 
    int count = jiaoxuejihuaService.selectCount(wrapper);
    return R.ok().put("count", count);
  }
  
 
 
}

五,相关作品展示

基于Java开发、Python开发、PHP开发、C#开发等相关语言开发的实战项目

基于Nodejs、Vue等前端技术开发的前端实战项目

基于微信小程序和安卓APP应用开发的相关作品

基于51单片机等嵌入式物联网开发应用

基于各类算法实现的AI智能应用

基于大数据实现的各类数据管理和推荐系统

相关文章
|
24天前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。首先,创建并配置 Spring Boot 项目,实现后端 API;然后,使用 Ant Design Pro Vue 创建前端项目,配置动态路由和菜单。通过具体案例,展示了如何快速搭建高效、易维护的项目框架。
97 62
|
16天前
|
XML Java 数据库连接
SpringBoot集成Flowable:打造强大的工作流管理系统
在企业级应用开发中,工作流管理是一个核心组件,它能够帮助我们定义、执行和管理业务流程。Flowable是一个开源的工作流和业务流程管理(BPM)平台,它提供了强大的工作流引擎和建模工具。结合SpringBoot,我们可以快速构建一个高效、灵活的工作流管理系统。本文将探讨如何将Flowable集成到SpringBoot应用中,并展示其强大的功能。
61 1
|
22天前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,帮助开发者提高开发效率和应用的可维护性。
40 2
|
25天前
|
JavaScript Java 项目管理
Java毕设学习 基于SpringBoot + Vue 的医院管理系统 持续给大家寻找Java毕设学习项目(附源码)
基于SpringBoot + Vue的医院管理系统,涵盖医院、患者、挂号、药物、检查、病床、排班管理和数据分析等功能。开发工具为IDEA和HBuilder X,环境需配置jdk8、Node.js14、MySQL8。文末提供源码下载链接。
|
1月前
|
存储 安全 Java
打造智能合同管理系统:SpringBoot与电子签章的完美融合
【10月更文挑战第7天】 在数字化转型的浪潮中,电子合同管理系统因其高效、环保和安全的特点,正逐渐成为企业合同管理的新宠。本文将分享如何利用SpringBoot框架实现一个集电子文件签字与合同管理于一体的智能系统,探索技术如何助力合同管理的现代化。
64 4
|
1月前
|
前端开发 Java Apache
SpringBoot实现电子文件签字+合同系统!
【10月更文挑战第15天】 在现代企业运营中,合同管理和电子文件签字成为了日常活动中不可或缺的一部分。随着技术的发展,电子合同系统因其高效性、安全性和环保性,逐渐取代了传统的纸质合同。本文将详细介绍如何使用SpringBoot框架实现一个电子文件签字和合同管理系统。
65 1
|
1月前
|
文字识别 安全 Java
SpringBoot3.x和OCR构建车牌识别系统
本文介绍了一个基于Java SpringBoot3.x框架的车牌识别系统,详细阐述了系统的设计目标、需求分析及其实现过程。利用Tesseract OCR库和OpenCV库,实现了车牌图片的识别与处理,确保系统的高准确性和稳定性。文中还提供了具体的代码示例,展示了如何构建和优化车牌识别服务,以及如何处理特殊和异常车牌。通过实际应用案例,帮助读者理解和应用这一解决方案。
|
21天前
|
JavaScript NoSQL Java
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
34 0
|
1月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,包括版本兼容性、安全性、性能调优等方面。
157 1
|
2月前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的服装商城管理系统
基于Java+Springboot+Vue开发的服装商城管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的服装商城管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
160 2
基于Java+Springboot+Vue开发的服装商城管理系统
下一篇
无影云桌面