• 基于Java+SpringBoot+Vue前后端分离在线课程管理系统设计和实现

    博主介绍：✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌

    🍅文末获取源码联系🍅

    👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟

    2022-2024年最全的计算机软件毕业设计选题大全：1000个热门选题推荐✅

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

    Java微信小程序项目实战《100套》

    ​

    系统介绍：

    本文首先介绍了在线课程管理系统的现状及开发背景，然后论述了系统的设计目标、系统需求、总体设计方案以及系统的详细设计和实现，最后对在线课程管理系统进行了系统检测并提出了还需要改进的问题。本系统能够实现教师管理，科目管理，教学计划管理，学生管理，课程管理，课程留言管理，课程收藏管理，通知公告管理等功能[1]。在设计方面，本系统采用B/S三层结构，采用MVC模式，这种模式通过VUE技术来表现页面的动态设计，从系统的安全性和代码的可重用性方面考虑，运用springboot对程序的关键代码进行封装，后台数据库选用MySQL数据库。经过设计开发测试，基本满足了用户的相关需求，较好实现了在线课程管理系统相关的功能和模块

    本系统主要是基于数据的增加，修改，删除等操作，使用者能够通过提前设定的登录功能进入指定的操作区，这里对使用者设计的功能进行结构展示。

    管理员功能结构图的绘制结果见图4.1。管理员登录进入本系统操作的功能包括对教学计划，通知公告，教师，学生，课程信息进行增删改查，以及管理课程收藏和课程留言，管理班级等信息。

    图4.1 管理员功能结构图

    教师功能结构图的绘制结果见图4.2。教师登录进入本系统操作的功能包括新增教学计划，新增课程信息，对学生的课程留言进行回复，查看通知公告。

    图4.2 教师功能结构图

    学生功能结构图的绘制结果见图4.3。学生登录进入本系统操作的功能包括观看课程视频，查看课程知识，对课程留言，查看通知公告，更改个人信息。

    图4.3 学生功能结构图

    程序上交给用户进行使用时，需要提供程序的操作流程图，这样便于用户容易理解程序的具体工作步骤，现如今程序的操作流程都有一个大致的标准，即先通过登录页面提交登录数据，通过程序验证正确之后，用户才能在程序功能操作区页面操作对应的功能。

    ​

    程序操作流程图

    功能截图：

    5.1管理员功能实现

    5.1.1 通知公告管理

    管理员进入如图5.1所示的通知公告管理界面之后，管理员点击信息显示栏中最右侧的修改，删除按钮可依次完成通知公告信息的修改，删除等操作。通知公告信息有通知公告名称，通知公告内容等信息[12]。

    图5.1 通知公告管理界面

    添加通知@RequestMapping("/save")
    public R save(@RequestBody GonggaoEntity gonggao, HttpServletRequest request){
        logger.debug("save方法:,,Controller:{},,gonggao:{}",this.getClass().getName(),gonggao.toString());
        String role = String.valueOf(request.getSession().getAttribute("role"));
        if(false)
            return R.error(511,"永远不会进入");
        Wrapper queryWrapper = new EntityWrapper()
            .eq("gonggao_name", gonggao.getGonggaoName())
            .eq("gonggao_types", gonggao.getGonggaoTypes())
            ;
        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        GonggaoEntity gonggaoEntity = gonggaoService.selectOne(queryWrapper);
        if(gonggaoEntity==null){
            gonggao.setInsertTime(new Date());
            gonggao.setCreateTime(new Date());
            gonggaoService.insert(gonggao);
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }

    5.1.2 教师管理

    管理员进入如图5.2所示的教师管理界面之后，管理员点击信息显示栏中最右侧的修改，删除按钮可依次完成教师信息的修改，删除等操作。

    图5.2 教师管理界面

    教师删除@RequestMapping("/delete")
    public R delete(@RequestBody Integer[] ids){
    logger.debug("delete:,,Controller:{},,ids:{}",this.getClass().getName(),ids.toString());
        jiaoshiService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }

    5.1.3 学生管理

    管理员进入如图5.3所示的学生管理界面之后，管理员点击信息显示栏中最右侧的修改，删除按钮可依次完成学生信息的修改，删除等操作。学生的账号密码，管理员也能重置。

    图5.3 学生管理界面

    学生删除@RequestMapping("/delete")
    public R delete(@RequestBody Integer[] ids){
    logger.debug("delete:,,Controller:{},,ids:{}",this.getClass().getName(),ids.toString());
        xueshengService.deleteBatchIds(Arrays.asList(ids));
        return R.ok();
    }

    5.2 教师功能实现

    5.2.1 教学计划管理

    教师进入如图5.4所示的教学计划管理界面之后，教师点击信息显示栏中最右侧的修改，删除按钮可依次完成教学计划信息的修改，删除等操作。教学计划信息包括教学计划文件，教学计划名称，教学计划编号等信息，教师可以添加教学计划。

    图5.4 教学计划管理界面

    添加教学计划@RequestMapping("/save")
    public R save(@RequestBody JiaoxuejihuaEntity jiaoxuejihua, HttpServletRequest request){
        logger.debug("save方法:,,Controller:{},,jiaoxuejihua:{}",this.getClass().getName(),jiaoxuejihua.toString());

        String role = String.valueOf(request.getSession().getAttribute("role"));
        if(false)
            return R.error(511,"永远不会进入");
        else if("教师".equals(role))
            jiaoxuejihua.setJiaoshiId(Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId"))));

        Wrapper queryWrapper = new EntityWrapper()
            .eq("jiaoshi_id", jiaoxuejihua.getJiaoshiId())
            .eq("kecheng_id", jiaoxuejihua.getKechengId())
            .eq("jiaoxuejihua_uuid_number", jiaoxuejihua.getJiaoxuejihuaUuidNumber())
            .eq("jiaoxuejihua_name", jiaoxuejihua.getJiaoxuejihuaName())
            .eq("jiaoxuejihua_types", jiaoxuejihua.getJiaoxuejihuaTypes())
            ;

        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        JiaoxuejihuaEntity jiaoxuejihuaEntity = jiaoxuejihuaService.selectOne(queryWrapper);
        if(jiaoxuejihuaEntity==null){
            jiaoxuejihua.setInsertTime(new Date());
            jiaoxuejihua.setCreateTime(new Date());
            jiaoxuejihuaService.insert(jiaoxuejihua);
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }

    5.2.2 课程管理

    教师进入如图5.5所示的课程管理界面之后，教师点击信息显示栏中最右侧的修改，删除，下架按钮可依次完成课程信息的修改，删除，下架等操作。课程信息包括课程热度，课程视频，课程编号，课程名称等信息。教师也能添加课程[13]。

    图5.5 课程管理界面

    加课程@RequestMapping("/save")
    public R save(@RequestBody KechengEntity kecheng, HttpServletRequest request){
        logger.debug("save方法:,,Controller:{},,kecheng:{}",this.getClass().getName(),kecheng.toString());

        String role = String.valueOf(request.getSession().getAttribute("role"));
        if(false)
            return R.error(511,"永远不会进入");
        else if("教师".equals(role))
            kecheng.setJiaoshiId(Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId"))));

        Wrapper queryWrapper = new EntityWrapper()
            .eq("jiaoshi_id", kecheng.getJiaoshiId())
            .eq("kecheng_name", kecheng.getKechengName())
            .eq("kecheng_uuid_number", kecheng.getKechengUuidNumber())
            .eq("kecheng_video", kecheng.getKechengVideo())
            .eq("kecheng_types", kecheng.getKechengTypes())
            .eq("kecheng_clicknum", kecheng.getKechengClicknum())
            .eq("shangxia_types", kecheng.getShangxiaTypes())
            .eq("kecheng_delete", kecheng.getKechengDelete())
            ;

        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        KechengEntity kechengEntity = kechengService.selectOne(queryWrapper);
        if(kechengEntity==null){
            kecheng.setKechengClicknum(1);
            kecheng.setShangxiaTypes(1);
            kecheng.setKechengDelete(1);
            kecheng.setCreateTime(new Date());
            kechengService.insert(kecheng);
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }

    5.2.3 课程留言管理

    教师进入如图5.6所示的课程留言管理界面之后，教师点击信息显示栏中最右侧的详情，回复按钮可依次完成课程留言信息的详情查看，留言回复等操作。

    图5.6 课程留言管理界面

    回复留言   @RequestMapping("/update")
    public R update(@RequestBody KechengLiuyanEntity kechengLiuyan, HttpServletRequest request){
            logger.debug("update方法:,,Controller:{},,kechengLiuyan:{}",this.getClass().getName(),kechengLiuyan.toString());

            String role = String.valueOf(request.getSession().getAttribute("role"));
    //        if(false)
    //            return R.error(511,"永远不会进入");
    //        else if("学生".equals(role))
    //            kechengLiuyan.setXueshengId(Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId"))));
            //根据字段查询是否有相同数据
            Wrapper queryWrapper = new EntityWrapper()
                .eq("id",0)
                ;

            logger.info("sql语句:"+queryWrapper.getSqlSegment());
            KechengLiuyanEntity kechengLiuyanEntity = kechengLiuyanService.selectOne(queryWrapper);
            kechengLiuyan.setUpdateTime(new Date());
            if(kechengLiuyanEntity==null){
                kechengLiuyanService.updateById(kechengLiuyan);//根据id更新
                return R.ok();
            }else {
                return R.error(511,"表中有相同数据");
            }
        }

    5.3 学生功能实现

    5.3.1 课程信息

    学生进入如图5.7所示的课程信息界面之后，学生通过播放课程视频的方式学习课程知识，学生也能查看课程的知识要点，考试大纲等信息，还可以发布课程的留言信息。

    图5-7 课程信息界面

    5.3.2 通知公告

    学生进入如图5.8所示的通知公告界面之后，学生根据通知公告类型筛选通知公告信息，学生可以查看通知公告的具体内容。

    图5-8 通知公告界面

    5.3.3 更改个人信息

    学生进入如图5.9所示的更改个人信息界面之后，学生重新上传头像来替换现有的头像，以及对电子邮箱，手机号等产生变化的数据进行更改，更改了数据之后，需要学生点击更新信息按钮来保存更改的数据。

    图5.9 更改个人信息界面

    代码实现：

    1. /**
    2.  * 登录相关
    3.  */
    4. @RequestMapping("users")
    5. @RestController
    6. public class UserController{
    7.     
    8.     @Autowired
    9.     private UserService userService;
    10.     
    11.     @Autowired
    12.     private TokenService tokenService;
    13.  
    14.     /**
    15.      * 登录
    16.      */
    17.     @IgnoreAuth
    18.     @PostMapping(value = "/login")
    19.     public R login(String username, String password, String role, HttpServletRequest request) {
    20.         UserEntity user = userService.selectOne(new EntityWrapper().eq("username", username));
    21.         if(user != null){
    22.             if(!user.getRole().equals(role)){
    23.                 return R.error("权限不正常");
    24.             }
    25.             if(user==null || !user.getPassword().equals(password)) {
    26.                 return R.error("账号或密码不正确");
    27.             }
    28.             String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
    29.             return R.ok().put("token", token);
    30.         }else{
    31.             return R.error("账号或密码或权限不对");
    32.         }
    33.  
    34.     }
    35.     
    36.     /**
    37.      * 注册
    38.      */
    39.     @IgnoreAuth
    40.     @PostMapping(value = "/register")
    41.     public R register(@RequestBody UserEntity user){
    42. //        ValidatorUtils.validateEntity(user);
    43.         if(userService.selectOne(new EntityWrapper().eq("username", user.getUsername())) !=null) {
    44.             return R.error("用户已存在");
    45.         }
    46.         userService.insert(user);
    47.         return R.ok();
    48.     }
    49.  
    50.     /**
    51.      * 退出
    52.      */
    53.     @GetMapping(value = "logout")
    54.     public R logout(HttpServletRequest request) {
    55.         request.getSession().invalidate();
    56.         return R.ok("退出成功");
    57.     }
    58.     
    59.     /**
    60.      * 密码重置
    61.      */
    62.     @IgnoreAuth
    63.     @RequestMapping(value = "/resetPass")
    64.     public R resetPass(String username, HttpServletRequest request){
    65.         UserEntity user = userService.selectOne(new EntityWrapper().eq("username", username));
    66.         if(user==null) {
    67.             return R.error("账号不存在");
    68.         }
    69.         user.setPassword("123456");
    70.         userService.update(user,null);
    71.         return R.ok("密码已重置为：123456");
    72.     }
    73.     
    74.     /**
    75.      * 列表
    76.      */
    77.     @RequestMapping("/page")
    78.     public R page(@RequestParam Map params,UserEntity user){
    79.         EntityWrapper ew = new EntityWrapper();
    80.         PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
    81.         return R.ok().put("data", page);
    82.     }
    83.  
    84.     /**
    85.      * 信息
    86.      */
    87.     @RequestMapping("/info/{id}")
    88.     public R info(@PathVariable("id") String id){
    89.         UserEntity user = userService.selectById(id);
    90.         return R.ok().put("data", user);
    91.     }
    92.     
    93.     /**
    94.      * 获取用户的session用户信息
    95.      */
    96.     @RequestMapping("/session")
    97.     public R getCurrUser(HttpServletRequest request){
    98.         Integer id = (Integer)request.getSession().getAttribute("userId");
    99.         UserEntity user = userService.selectById(id);
    100.         return R.ok().put("data", user);
    101.     }
    102.  
    103.     /**
    104.      * 保存
    105.      */
    106.     @PostMapping("/save")
    107.     public R save(@RequestBody UserEntity user){
    108. //        ValidatorUtils.validateEntity(user);
    109.         if(userService.selectOne(new EntityWrapper().eq("username", user.getUsername())) !=null) {
    110.             return R.error("用户已存在");
    111.         }
    112.         userService.insert(user);
    113.         return R.ok();
    114.     }
    115.  
    116.     /**
    117.      * 修改
    118.      */
    119.     @RequestMapping("/update")
    120.     public R update(@RequestBody UserEntity user){
    121. //        ValidatorUtils.validateEntity(user);
    122.         userService.updateById(user);//全部更新
    123.         return R.ok();
    124.     }
    125.  
    126.     /**
    127.      * 删除
    128.      */
    129.     @RequestMapping("/delete")
    130.     public R delete(@RequestBody Integer[] ids){
    131.         userService.deleteBatchIds(Arrays.asList(ids));
    132.         return R.ok();
    133.     }
    134. }

    论文参考：

    源码获取：

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

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

    2022-2024年最全的计算机软件毕业设计选题大全：1000个热门选题推荐✅

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

    Java微信小程序项目实战《100套》

  • 相关阅读:
    docker简介
    kafka的Java客户端-offset
    设计模式：从接口的角度切入静态工厂模式
    CF1490F Equalize the Array
    【计算机毕业设计】基于SpringBoot+Vue贵州旅游系统的设计与实现
    【python数据分析刷题】-N08.排序&函数
    fast planner中拓扑路径搜索及代码解析--topo_prm.cpp
    STM32 物联网 4G CAT1 SIMCOM A7680C 源码
    c++ 友元函数
    基于Kylin的数据统计分析平台架构设计与实现
  • 原文地址：https://blog.csdn.net/weixin_39709134/article/details/132729302