基于微信小程序+Springboot+Vue的在线选课系统设计与实现（源码+lw+讲解部署等）

嘤er2024-12-13 14:19

💗 博主介绍 ✌

3Dex（全栈开发工程师），专注于4smile等项目的建设与优化，在软件开发与技术实现方面积累了丰富的经验。专注于Java、小程序、前端、Python等技术领域毕业项目实战，以及程序定制化开发。✌

擅长从源码编写到论文撰写、答辩PPT制作及讲解，提供全方位支持，帮助学生顺利完成学业目标。 🌟
文末获取源码+论文+部署讲解+PPT 🌟 喜欢的小伙伴可以点赞、收藏并关注！如有疑问，欢迎留言交流。
技术栈：SpringBoot、Vue、SSM、HLMT、JSP、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、机器学习等设计与开发。

主要内容 ：免费功能设计、开题报告、任务书、中期检查PPT、系统功能实现、代码编写、论文编写和辅导、论文降重、长期答辩答疑辅导、腾讯会议一对一专业讲解辅导答辩、模拟答辩演练、和理解代码逻辑思路。

🍅 文末获取源码联系 🍅 👇🏻 精彩专栏/推荐订阅 👇🏻 不然下次找不到哟

前言

在现代高校中，选课是学生学习过程中的重要环节。为了提高选课效率和学生的满意度，基于微信小程序的在线选课系统应运而生。通过该系统，学生可以在任何时间、任何地点完成选课操作，查询课程信息，查看自己已选的课程，极大地方便了学生的学习计划安排，同时也减轻了教务处的工作负担。

系统结构

系统概述

该在线选课系统提供了学生和教务管理人员的双重支持。学生可以通过小程序选择自己感兴趣的课程，教务人员可以管理课程、查看选课情况，系统的主要功能包括：

  1. 课程查询：学生可以浏览所有课程，查看课程信息、时间安排等。
  2. 选课操作：学生可以选择自己需要的课程，提交选课申请。
  3. 选课情况查看：学生可以查看自己已选的课程，并进行修改。
  4. 课程管理：教务人员可以管理课程的开设、教师安排等信息。

该系统使用 SpringBoot 作为后端支持，前端通过 微信小程序 实现。

具体实现截图












核心技术介绍

后端框架SpringBoot

SpringBoot 是一种基于Spring框架的快速开发框架，旨在简化Spring应用的开发流程。

主要特点：

  1. 内置Tomcat支持：开发者无需手动配置服务器环境，系统即可快速运行。
  2. 约定优于配置：减少了大量繁琐的配置文件。
  3. 快速集成组件：支持与Spring Security、MyBatis等主流框架的无缝整合。

前端框架Vue

Vue.js 是一个轻量级的JavaScript框架，专为单页面应用开发设计。

主要优势：

  1. 虚拟DOM：提升页面更新性能。
  2. 响应式数据绑定：实时更新UI界面。
  3. 组件化开发：提高代码复用性，便于维护和扩展。

持久层框架MyBatis

MyBatis 是一个优秀的持久层框架，简化了数据访问层的开发工作。

主要特点：

  1. 简化数据库操作：通过XML或注解方式实现SQL映射。
  2. 动态SQL支持：根据条件动态生成SQL语句。
  3. 一级/二级缓存：提升查询性能。
  4. 插件机制：可扩展性强，满足复杂业务需求。

代码参考

java 复制代码 
package com.controller;

import java.io.File;
import java.math.BigDecimal;
import java.net.URL;
import java.text.SimpleDateFormat;
import com.alibaba.fastjson.JSONObject;
import java.util.*;
import org.springframework.beans.BeanUtils;
import javax.servlet.http.HttpServletRequest;
import org.springframework.web.context.ContextLoader;
import javax.servlet.ServletContext;
import com.service.TokenService;
import com.utils.*;
import java.lang.reflect.InvocationTargetException;

import com.service.DictionaryService;
import org.apache.commons.lang3.StringUtils;
import com.annotation.IgnoreAuth;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.baomidou.mybatisplus.mapper.Wrapper;
import com.entity.*;
import com.entity.view.*;
import com.service.*;
import com.utils.PageUtils;
import com.utils.R;
import com.alibaba.fastjson.*;

/**
 * 课程信息
 * 后端接口
 * @author
 * @email
*/
@RestController
@Controller
@RequestMapping("/kecheng")
public class KechengController {
    private static final Logger logger = LoggerFactory.getLogger(KechengController.class);

    @Autowired
    private KechengService kechengService;


    @Autowired
    private TokenService tokenService;
    @Autowired
    private DictionaryService dictionaryService;

    //级联表service

    @Autowired
    private XueshengService xueshengService;
    @Autowired
    private JiaoshiService jiaoshiService;


    /**
    * 后端列表
    */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params, HttpServletRequest request){
        logger.debug("page方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params));
        String role = String.valueOf(request.getSession().getAttribute("role"));
        if(StringUtil.isEmpty(role))
            return R.error(511,"权限为空");
        else if("学生".equals(role))
            params.put("xueshengId",request.getSession().getAttribute("userId"));
        else if("教师".equals(role))
            params.put("jiaoshiId",request.getSession().getAttribute("userId"));
        params.put("kechengDeleteStart",1);params.put("kechengDeleteEnd",1);
        if(params.get("orderBy")==null || params.get("orderBy")==""){
            params.put("orderBy","id");
        }
        PageUtils page = kechengService.queryPage(params);

        //字典表数据转换
        List<KechengView> list =(List<KechengView>)page.getList();
        for(KechengView c:list){
            //修改对应字典表字段
            dictionaryService.dictionaryConvert(c, request);
        }
        return R.ok().put("data", page);
    }

    /**
    * 后端详情
    */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id, HttpServletRequest request){
        logger.debug("info方法:,,Controller:{},,id:{}",this.getClass().getName(),id);
        KechengEntity kecheng = kechengService.selectById(id);
        if(kecheng !=null){
            //entity转view
            KechengView view = new KechengView();
            BeanUtils.copyProperties( kecheng , view );//把实体数据重构到view中

            //修改对应字典表字段
            dictionaryService.dictionaryConvert(view, request);
            return R.ok().put("data", view);
        }else {
            return R.error(511,"查不到数据");
        }

    }

    /**
    * 后端保存
    */
    @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(StringUtil.isEmpty(role))
            return R.error(511,"权限为空");

        Wrapper<KechengEntity> queryWrapper = new EntityWrapper<KechengEntity>()
            .eq("kecheng_name", kecheng.getKechengName())
            .eq("kecheng_types", kecheng.getKechengTypes())
            .eq("kecheng_xueshi", kecheng.getKechengXueshi())
            .eq("kecheng_address", kecheng.getKechengAddress())
            .eq("kecheng_xuefen", kecheng.getKechengXuefen())
            .eq("status_types", kecheng.getStatusTypes())
            .eq("kecheng_delete", kecheng.getKechengDelete())
            ;

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

    /**
    * 后端修改
    */
    @RequestMapping("/update")
    public R update(@RequestBody KechengEntity kecheng, HttpServletRequest request){
        logger.debug("update方法:,,Controller:{},,kecheng:{}",this.getClass().getName(),kecheng.toString());

        String role = String.valueOf(request.getSession().getAttribute("role"));
//        if(StringUtil.isEmpty(role))
//            return R.error(511,"权限为空");
        //根据字段查询是否有相同数据
        Wrapper<KechengEntity> queryWrapper = new EntityWrapper<KechengEntity>()
            .notIn("id",kecheng.getId())
            .andNew()
            .eq("kecheng_name", kecheng.getKechengName())
            .eq("kecheng_types", kecheng.getKechengTypes())
            .eq("kecheng_xueshi", kecheng.getKechengXueshi())
            .eq("kecheng_address", kecheng.getKechengAddress())
            .eq("kecheng_xuefen", kecheng.getKechengXuefen())
            .eq("status_types", kecheng.getStatusTypes())
            .eq("kecheng_delete", kecheng.getKechengDelete())
            ;

        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        KechengEntity kechengEntity = kechengService.selectOne(queryWrapper);
        if("".equals(kecheng.getKechengPhoto()) || "null".equals(kecheng.getKechengPhoto())){
                kecheng.setKechengPhoto(null);
        }
        if(kechengEntity==null){
            //  String role = String.valueOf(request.getSession().getAttribute("role"));
            //  if("".equals(role)){
            //      kecheng.set
            //  }
            kechengService.updateById(kecheng);//根据id更新
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }

    /**
    * 删除
    */
    @RequestMapping("/delete")
    public R delete(@RequestBody Integer[] ids){
        logger.debug("delete:,,Controller:{},,ids:{}",this.getClass().getName(),ids.toString());
        ArrayList<KechengEntity> list = new ArrayList<>();
        for(Integer id:ids){
            KechengEntity kechengEntity = new KechengEntity();
            kechengEntity.setId(id);
            kechengEntity.setKechengDelete(2);
            list.add(kechengEntity);
        }
        if(list != null && list.size() >0){
            kechengService.updateBatchById(list);
        }
        return R.ok();
    }


    /**
     * 批量上传
     */
    @RequestMapping("/batchInsert")
    public R save( String fileName){
        logger.debug("batchInsert方法:,,Controller:{},,fileName:{}",this.getClass().getName(),fileName);
        try {
            List<KechengEntity> kechengList = new ArrayList<>();//上传的东西
            Map<String, List<String>> seachFields= new HashMap<>();//要查询的字段
            Date date = new Date();
            int lastIndexOf = fileName.lastIndexOf(".");
            if(lastIndexOf == -1){
                return R.error(511,"该文件没有后缀");
            }else{
                String suffix = fileName.substring(lastIndexOf);
                if(!".xls".equals(suffix)){
                    return R.error(511,"只支持后缀为xls的excel文件");
                }else{
                    URL resource = this.getClass().getClassLoader().getResource("static/upload/" + fileName);//获取文件路径
                    File file = new File(resource.getFile());
                    if(!file.exists()){
                        return R.error(511,"找不到上传文件，请联系管理员");
                    }else{
                        List<List<String>> dataList = PoiUtil.poiImport(file.getPath());//读取xls文件
                        dataList.remove(0);//删除第一行，因为第一行是提示
                        for(List<String> data:dataList){
                            //循环
                            KechengEntity kechengEntity = new KechengEntity();
//                            kechengEntity.setKechengName(data.get(0));                    //课程名称 要改的
//                            kechengEntity.setKechengTypes(Integer.valueOf(data.get(0)));   //课程类型 要改的
//                            kechengEntity.setKechengPhoto("");//照片
//                            kechengEntity.setKechengXueshi(data.get(0));                    //课程学时 要改的
//                            kechengEntity.setKechengTime(new Date(data.get(0)));          //上课时间 要改的
//                            kechengEntity.setKechengAddress(data.get(0));                    //上课地点 要改的
//                            kechengEntity.setKechengXuefen(Integer.valueOf(data.get(0)));   //学分 要改的
//                            kechengEntity.setStatusTypes(Integer.valueOf(data.get(0)));   //课程状态 要改的
//                            kechengEntity.setKechengContent("");//照片
//                            kechengEntity.setKechengDelete(1);//逻辑删除字段
//                            kechengEntity.setCreateTime(date);//时间
                            kechengList.add(kechengEntity);


                            //把要查询是否重复的字段放入map中
                        }

                        //查询是否重复
                        kechengService.insertBatch(kechengList);
                        return R.ok();
                    }
                }
            }
        }catch (Exception e){
            return R.error(511,"批量插入数据异常，请联系管理员");
        }
    }





    /**
    * 前端列表
    */
    @IgnoreAuth
    @RequestMapping("/list")
    public R list(@RequestParam Map<String, Object> params, HttpServletRequest request){
        logger.debug("list方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params));

        // 没有指定排序字段就默认id倒序
        if(StringUtil.isEmpty(String.valueOf(params.get("orderBy")))){
            params.put("orderBy","id");
        }
        PageUtils page = kechengService.queryPage(params);

        //字典表数据转换
        List<KechengView> list =(List<KechengView>)page.getList();
        for(KechengView c:list)
            dictionaryService.dictionaryConvert(c, request); //修改对应字典表字段
        return R.ok().put("data", page);
    }

    /**
    * 前端详情
    */
    @RequestMapping("/detail/{id}")
    public R detail(@PathVariable("id") Long id, HttpServletRequest request){
        logger.debug("detail方法:,,Controller:{},,id:{}",this.getClass().getName(),id);
        KechengEntity kecheng = kechengService.selectById(id);
            if(kecheng !=null){


                //entity转view
                KechengView view = new KechengView();
                BeanUtils.copyProperties( kecheng , view );//把实体数据重构到view中

                //修改对应字典表字段
                dictionaryService.dictionaryConvert(view, request);
                return R.ok().put("data", view);
            }else {
                return R.error(511,"查不到数据");
            }
    }


    /**
    * 前端保存
    */
    @RequestMapping("/add")
    public R add(@RequestBody KechengEntity kecheng, HttpServletRequest request){
        logger.debug("add方法:,,Controller:{},,kecheng:{}",this.getClass().getName(),kecheng.toString());
        Wrapper<KechengEntity> queryWrapper = new EntityWrapper<KechengEntity>()
            .eq("kecheng_name", kecheng.getKechengName())
            .eq("kecheng_types", kecheng.getKechengTypes())
            .eq("kecheng_xueshi", kecheng.getKechengXueshi())
            .eq("kecheng_address", kecheng.getKechengAddress())
            .eq("kecheng_xuefen", kecheng.getKechengXuefen())
            .eq("status_types", kecheng.getStatusTypes())
            .eq("kecheng_delete", kecheng.getKechengDelete())
            ;
        logger.info("sql语句:"+queryWrapper.getSqlSegment());
        KechengEntity kechengEntity = kechengService.selectOne(queryWrapper);
        if(kechengEntity==null){
            kecheng.setKechengDelete(1);
            kecheng.setCreateTime(new Date());
        //  String role = String.valueOf(request.getSession().getAttribute("role"));
        //  if("".equals(role)){
        //      kecheng.set
        //  }
        kechengService.insert(kecheng);
            return R.ok();
        }else {
            return R.error(511,"表中有相同数据");
        }
    }


}

数据库参考

sql 复制代码 
/*Table structure for table `dictionary` */

DROP TABLE IF EXISTS `dictionary`;

CREATE TABLE `dictionary` (
  `id` int(20) NOT NULL AUTO_INCREMENT COMMENT '主键',
  `dic_code` varchar(200) DEFAULT NULL COMMENT '字段',
  `dic_name` varchar(200) DEFAULT NULL COMMENT '字段名',
  `code_index` int(11) DEFAULT NULL COMMENT '编码',
  `index_name` varchar(200) DEFAULT NULL COMMENT '编码名字  Search111 ',
  `super_id` int(11) DEFAULT NULL COMMENT '父字段id',
  `beizhu` varchar(200) DEFAULT NULL COMMENT '备注',
  `create_time` timestamp NULL DEFAULT NULL COMMENT '创建时间',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=79 DEFAULT CHARSET=utf8 COMMENT='字典表';

/*Data for the table `dictionary` */

insert  into `dictionary`(`id`,`dic_code`,`dic_name`,`code_index`,`index_name`,`super_id`,`beizhu`,`create_time`) values (65,'sex_types','性别类型',1,'男',NULL,NULL,'2022-02-15 13:06:38'),(66,'sex_types','性别类型',2,'女',NULL,NULL,'2022-02-15 13:06:38'),(67,'kecheng_types','课程类型',1,'课程类型1',NULL,NULL,'2022-02-15 13:06:38'),(68,'kecheng_types','课程类型',2,'课程类型2',NULL,NULL,'2022-02-15 13:06:38'),(69,'kecheng_types','课程类型',3,'课程类型3',NULL,NULL,'2022-02-15 13:06:38'),(70,'status_types','课程状态',1,'未开课',NULL,NULL,'2022-02-15 13:06:38'),(71,'status_types','课程状态',2,'已开课',NULL,NULL,'2022-02-15 13:06:38'),(72,'xuanke_yesno_types','审核状态',1,'未审核',NULL,NULL,'2022-02-15 13:06:38'),(73,'xuanke_yesno_types','审核状态',2,'通过',NULL,NULL,'2022-02-15 13:06:38'),(74,'xuanke_yesno_types','审核状态',3,'拒绝',NULL,NULL,'2022-02-15 13:06:38'),(75,'news_types','公告类型名称',1,'公告类型1',NULL,NULL,'2022-02-15 13:06:38'),(76,'news_types','公告类型名称',2,'公告类型2',NULL,NULL,'2022-02-15 13:06:38'),(77,'forum_state_types','帖子状态',1,'发帖',NULL,NULL,'2022-02-15 13:06:38'),(78,'forum_state_types','帖子状态',2,'回帖',NULL,NULL,'2022-02-15 13:06:38');

/*Table structure for table `forum` */

DROP TABLE IF EXISTS `forum`;

CREATE TABLE `forum` (
  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '主键',
  `forum_name` varchar(200) DEFAULT NULL COMMENT '帖子标题  Search111 ',
  `xuesheng_id` int(11) DEFAULT NULL COMMENT '学生',
  `jiaoshi_id` int(11) DEFAULT NULL COMMENT '教师',
  `users_id` int(11) DEFAULT NULL COMMENT '管理员',
  `forum_content` text COMMENT '发布内容',
  `super_ids` int(11) DEFAULT NULL COMMENT '父id',
  `forum_state_types` int(11) DEFAULT NULL COMMENT '帖子状态',
  `insert_time` timestamp NULL DEFAULT NULL COMMENT '发帖时间',
  `update_time` timestamp NULL DEFAULT NULL COMMENT '修改时间',
  `create_time` timestamp NULL DEFAULT NULL COMMENT '创建时间 show2',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=22 DEFAULT CHARSET=utf8 COMMENT='论坛';

/*Data for the table `forum` */

insert  into `forum`(`id`,`forum_name`,`xuesheng_id`,`jiaoshi_id`,`users_id`,`forum_content`,`super_ids`,`forum_state_types`,`insert_time`,`update_time`,`create_time`) values (1,'帖子标题1',1,NULL,NULL,'发布内容1',NULL,1,'2022-02-15 13:24:26','2022-02-15 13:24:26','2022-02-15 13:24:26'),(2,'帖子标题2',2,NULL,NULL,'发布内容2',NULL,1,'2022-02-15 13:24:26','2022-02-15 13:24:26','2022-02-15 13:24:26'),(3,'帖子标题3',1,NULL,NULL,'发布内容3',NULL,1,'2022-02-15 13:24:26','2022-02-15 13:24:26','2022-02-15 13:24:26'),(4,'帖子标题4',3,NULL,NULL,'发布内容4',NULL,1,'2022-02-15 13:24:26','2022-02-15 13:24:26','2022-02-15 13:24:26'),(20,NULL,NULL,1,NULL,'84789789',4,2,'2022-02-15 17:24:50',NULL,'2022-02-15 17:24:50'),(21,NULL,1,NULL,NULL,'33333',4,2,'2022-02-15 17:43:48',NULL,'2022-02-15 17:43:48');

测试用例参考

测试用例编号 测试用例描述 步骤 预期结果
TC001 学生登录 输入学号和密码进行登录 登录成功，进入选课界面
TC002 浏览课程 学生浏览课程列表并查看课程详情 成功展示课程信息
TC003 提交选课 学生选择课程并提交选课申请 选课成功，显示已选课程
TC004 查询已选课程 学生查看已选课程列表 显示已选课程信息
TC005 教务管理课程 教务人员添加、修改或删除课程信息 课程信息成功更新或删除

论文参考

源码获取

如果你对本系统感兴趣，可以通过以下方式获取完整源码及相关资源：

  • 完整源码：包括前后端代码，便于二次开发。
  • 数据库文件：完整的MySQL表结构和数据。
  • 部署文档：SpringBoot和Vue项目部署教程。
  • 论文：万字论文
  • 答辩PPT：助力毕设答辩成功。

文章下方名片可联系我获取完整源码及数据库。

点赞、收藏、关注、评论支持一下吧👇🏻获取联系方式👇🏻

更多精彩内容推荐

相关推荐
“抚琴”的人3 分钟前
C#—泛型约束
java·开发语言·c#
qq_459388714 分钟前
C++作业5
java·c++·算法
humors2216 分钟前
解决npm问题用到的资源，错误原因和方法
运维·前端·vue.js·node.js
Sombra_Zhang14 分钟前
Java简介：打开通往变成世界的大门
java·开发语言
幽兰的天空26 分钟前
Java 基础之 XQuery：强大的 XML 查询语言
java·运维·数据库
Suwg20927 分钟前
《手写Mybatis渐进式源码实践》实践笔记（第四章 Mapper XML的解析和注册使用）
笔记·后端·mysql·mybatis
不能只会打代码27 分钟前
Java多线程与线程池技术详解（九）
java·开发语言·java线程池·多线程与线程池
m0_7482489439 分钟前
ruoyi若依vue分离版前端资源打包到jar中
前端·vue.js·jar
灰色人生qwer40 分钟前
使用 java -jar 命令启动 Spring Boot 应用时，指定特定的配置文件的几种实现方式
java·spring boot·jar
sagima_sdu1 小时前
Python 程序与 Java 系统集成：通过 FastAPI 实现 HTTP 接口
java·python·fastapi
热门推荐
01Windows11 Copilot助手开启教程(免费GPT-4)0204 - matlab m_map地学绘图工具基础函数 - 设置网格03玄机平台应急响应—webshell查杀04HCIA-datacom数通题库和录播视频资料05【halcon】halcon字符识别——OCR06(欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明07量化方法怎么选？如何评估量化后的大模型LLM？08支付宝短视频平台创作分成激励项目09Docker 夺命连环 15 问10『手写ahooks系列-useClickAway』一个hook解决监听点击元素外部