基于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 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 的前后端分离的后台管理系统
90 0
|
6月前
|
Web App开发 前端开发 关系型数据库
基于SpringBoot+Vue+Redis+Mybatis的商城购物系统 【系统实现+系统源码+答辩PPT】
这篇文章介绍了一个基于SpringBoot+Vue+Redis+Mybatis技术栈开发的商城购物系统,包括系统功能、页面展示、前后端项目结构和核心代码,以及如何获取系统源码和答辩PPT的方法。
|
6月前
|
Java 数据库连接 mybatis
基于SpringBoot+MyBatis的餐饮点餐系统
本文介绍了一个基于SpringBoot和MyBatis开发的餐饮点餐系统,包括系统的主控制器`IndexController`的代码实现,该控制器负责处理首页、点餐、登录、注册、订单管理等功能,适用于毕业设计项目。
84 0
基于SpringBoot+MyBatis的餐饮点餐系统
|
6月前
|
供应链 前端开发 Java
JSP+servlet+mybatis+layui服装库存管理系统(大三上学期课程设计)
这篇文章通过一个服装库存管理系统的实例,展示了在Spring Boot项目中使用Ajax、JSON、layui、MVC架构和iframe等技术,涵盖了注册登录、权限管理、用户管理、库存管理等功能,并提供了系统运行环境和技术要求的详细说明。
JSP+servlet+mybatis+layui服装库存管理系统(大三上学期课程设计)
|
7月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的大学生勤工助学管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的大学生勤工助学管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
135 7
|
7月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue的志愿服务管理系统设计和实现(源码+LW+部署讲解)
基于SpringBoot+Vue的志愿服务管理系统设计和实现(源码+LW+部署讲解)
99 6
|
7月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的公园管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的公园管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
105 0
|
2月前
|
JavaScript
vue使用iconfont图标
vue使用iconfont图标
147 1
|
6天前
|
移动开发 JavaScript API
Vue Router 核心原理
Vue Router 是 Vue.js 的官方路由管理器,用于实现单页面应用(SPA)的路由功能。其核心原理包括路由配置、监听浏览器事件和组件渲染等。通过定义路径与组件的映射关系,Vue Router 将用户访问的路径与对应的组件关联,支持哈希和历史模式监听 URL 变化,确保页面导航时正确渲染组件。
|
10天前
|
监控 JavaScript 前端开发
ry-vue-flowable-xg:震撼来袭!这款基于 Vue 和 Flowable 的企业级工程项目管理项目,你绝不能错过
基于 Vue 和 Flowable 的企业级工程项目管理平台,免费开源且高度定制化。它覆盖投标管理、进度控制、财务核算等全流程需求,提供流程设计、部署、监控和任务管理等功能,适用于企业办公、生产制造、金融服务等多个场景,助力企业提升效率与竞争力。
61 12

热门文章

最新文章