基于Springboot+MybatisPlus+Vue的前后端分离的学生选课课程教务管理系统

简介: 基于Springboot+MybatisPlus+Vue的前后端分离的学生选课课程教务管理系统

一、基于Springboot+MybatisPlus+Vue的前后端分离的学生选课课程管理系统


学生:选课 退课 课程表展示

老师:…

教务管理员:…


1.1 项目概述


开发语言:Java8


数据库:Mysql5


前端框架:Vue


后端框架:Springboot【内嵌】 MybatisPlus 【ORM javabean – 数据库表实体 】


服务器:Tomcat,SSM SSH【自己部署】


开发工具:IDEA Navicat VSCODE Maven


代码设计:MVC HTTP-----> Controlller----->service------>dao【Model】


get post delete put


源码+数据库:https://download.csdn.net/download/wyn_365/85577521


1.2 项目详解


1.登录【正则表达式】


用户名:


密码:


验证码:


1.HTTP地址:post[form] ----Controller


2.首先验证码对不对?


3.通过之后查库


4.查询数据库有没有该用户?


2.注册


1.检验数据格式


2.判断两次密码是否一致


3.form 提交到后台Controller


4.插入数据库


3.管理信息具体实现


【js url “”】HTTP: get url:“admin/student/page” 参数【查询所有 majorName: majorName, className: className, name: name】


程序【接受执行】:controller @RequestMapping(“/admin/student/page”)

SQL: select * from student where name = majorName limit 0,5;
ajax.get(“/admin/student/page/” + index, {
​ majorName: majorName,
​ className: className,
​ name: name
});

4.新增修改删除


insert: insert drug name,price values(); /admin/drugsAddOk

update: update student set mima= “88888888” where id= 1 ;

/admin/drugsUpdate?id=${drug.id}

select * from blog where id = ? 数据回显

post from : update blog set title = ‘’ where id = ?

select


delete delete from drug where id = 1;


5.课程表展示如何实现:


1.画一张课程表


2.发送http请求数据/student/timetable


3.controller接受清除处理业务逻辑 【接受一个参数据 user= id】


SELECT course_time     AS 'time',
       course_name     AS 'courseName',
       teacher_name    AS 'teacherName',
       course_location AS 'location'
FROM rc_student_course
         JOIN rc_course on sc_course_id = course_id
         JOIN rc_teacher on course_teacher_id = teacher_id
WHERE sc_student_id = #{studentId}


4.返回数据


5.table渲染数据


1.3 项目总结


1.先看前台发送请求的地方在哪里 http url:

2.后台:controller映射路径

3.解析程序 service 【封装的参数,返回值】

4.SQL:

a7079d6fed0e439b944663a57a4ec3cc.png8ec63597fefb47ed86bb4be02e1dc3a3.png

d27bc0dec0474e40bf2ba91b29a9488e.png

dec95864cd8e41e89ad651ed5c3f7a82.png

fb7b31abce9c463e98626c2caf9add50.png

1de76c7556604a7b8f3665e286629b7b.png


2c25a89bd1b6402d996e66c1d091c3fc.png

333a66db285a49eaad867ff324c9d2bb.png

1f5f082e575a471cb3bcd4116ac30bae.png

ced6ee31c7804ac5b726dd7fb4fac20f.png

4ee3b1abf5064c4194515e61564e70df.png

2a73e3c38ef341e6a11fb4a380495563.png

777896df5ea9474a90d6227da338abd6.png

3a89a3c5918d48ca9b14d22ebf289237.png

81cb682feca943509810c11b57316311.png0fd1ae1bf5734e10a747de8b87ea9a2d.png

a4b82e11fe554034a40212cbebcf6305.png

d76b277343f54eddb9b6655c72fde468.png

ecaa361538ce48a980d8d2c85078ba02.png

4f70125ef6994674a0caa88e36eb66b1.png

目录
相关文章
|
3天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue的公考客观题复习系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue的公考客观题复习系统的详细设计和实现(源码+lw+部署文档+讲解等)
11 1
|
3天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue的新能源汽车信息咨询服务的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue的新能源汽车信息咨询服务的详细设计和实现(源码+lw+部署文档+讲解等)
8 0
|
3天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue的校园菜鸟驿站管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue的校园菜鸟驿站管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
6 0
|
1天前
|
存储 JavaScript API
Vue状态管理深度剖析:Vuex vs Pinia —— 从原理到实践的全面对比
Vue状态管理深度剖析:Vuex vs Pinia —— 从原理到实践的全面对比
6 2
|
1天前
|
JavaScript
vue知识点
vue知识点
8 3
|
2天前
|
JavaScript 前端开发 测试技术
使用 Vue CLI 脚手架生成 Vue 项目
通过 Vue CLI 创建 Vue 项目可以极大地提高开发效率。它不仅提供了一整套标准化的项目结构,还集成了常用的开发工具和配置,使得开发者可以专注于业务逻辑的实现,而不需要花费大量时间在项目配置上。
56 7
使用 Vue CLI 脚手架生成 Vue 项目
|
4天前
|
JavaScript 算法
“Error: error:0308010C:digital envelope routines::unsupported”启动vue项目遇到一个错误【已解决
“Error: error:0308010C:digital envelope routines::unsupported”启动vue项目遇到一个错误【已解决
8 1
|
4天前
|
JavaScript
error Component name “Login“ should always be multi-word vue/multi-word-component-names【已解决】
error Component name “Login“ should always be multi-word vue/multi-word-component-names【已解决】
9 1
|
5天前
|
JavaScript 前端开发 Java
【vue实战项目】通用管理系统:作业列表
【vue实战项目】通用管理系统:作业列表
19 0