ICode9

精准搜索请尝试: 精确搜索
首页 > 数据库> 文章详细

SpringBoot + Vue 学生管理系统源码(包含数据库文件)

2022-10-21 13:29:51  阅读:328  来源: 互联网

标签:springboot vue 源码 开放源码 管理体系 管理 数据库 文件


项目介绍

这是一个采用前后端分离开发的项目,前端采用 Vue 开发、后端采用 SpringBoot + Mybatis 开发。

项目部署

1. 将 studentms.sql 导入数据库,参考下文数据库配置

2. 运行 student_client_localhost 前端

3. 运行后端

  • 方法1:配置 student_server 后端的 yml 文件 ,以及 port 为 10086。 方法2:直接运行 java -jar student-server.jar 文件,但是必须保证数据库中 root 账号的密码是 123

项目展示

1、登陆界面

2、admin 主界面

3、动态搜索框与表格展示

4、学生端首页展示

5、教师端成绩搜索与编辑

前端部分

1、项目运行

由于涉及大量的 ES6/7 等新属性,node 需要 6.0 以上版本

git clone git@github.com:ruanjiancheng/StudentManageSystem.git

cd /StudentManageSystem/student_client

npm install

npm run serve

2、技术栈

  • Vuex Router Axios Element ui sessionStorage

3、项目介绍

采用 vue 2.0 开发,通过调用后端提供的数据接口实现数据的动态渲染。项目默认端口号 8080

  • 使用监视器,得益于 Mybatis 强大的动态 SQL 功能,实现高性能动态搜索功能 使用 router 配置路由,实现不同用户类型导航栏的动态渲染 使用 axios 异步加载后端数据 使用 element ui 实现表单的前端校验功能 使用 sessionStorage 实现登录拦截 分别实现了基于前端和后端的数据分页功能

4、系统功能

1、admin

  • 实现对教师,学生,课程的 CRUD 实现对教师业务以及学生业务的全方位控制

2、teacher

  • 实现查询我开设的课程,以及选择我课程的学生信息 对学生成绩的登陆

3、student

  • 实现选课退课的功能 实现成绩查询的功能

后端部分

1、项目运行

JDK 版本需要 17.0.2

git clone git@github.com:ruanjiancheng/StudentManageSystem.git

cd /StudentManageSystem/student_server

# 必须保证 root 账号的密码是 123,否则无法连接数据
# 也可以自己配置 application.yml 文件的数据库连接,并运行
java -jar student_server.jar

2、技术栈

  • Spring boot 2.6.3 Mybatis Maven

3、项目介绍

采用 Restful 风格开发,采用 CrossOrigin 解决跨域问题。采用注解以及 xml 文件配置 SQL 语句,实现动态 SQL 的功能,为前端提供完备的数据接口。

由于 vue 项目占用了 8080 Tomcat 默认端口,所以指定项目启动在 10086 端口, 可以使用 YAML 文件配置,使用 Maven 项目进行打包。

4、系统功能

实现前端 Ajex 请求的全部数据接口,Get 请求通过 RESTful 风格开发。

数据库设计

建立数据库:

mysqld -u$Username -p$Password studentms < studentms.sql

项目源码下载

下载链接:https://pan.quark.cn/s/3d33783fe583

热门内容:

明天见(。・ω・。)

项目介绍 这是一个采用前后端分离开发的项目,前端采用 Vue 开发、后端采用 SpringBoot + Mybatis 开发。 项目部署 1. 将 studentms.sql 导入数据库,参考下文数据库配置 2. 运行 student_client_localhost 前端 3. 运行后端 方法1:配置 student_server 后端的 yml 文件 ,以及 port 为 10086。 方法2:直接运行 java -jar student-server.jar 文件,但是必须保证数据库中 root 账号的密码是 123 项目展示 1、登陆界面 2、admin 主界面 3、动态搜索框与表格展示 4、学生端首页展示 5、教师端成绩搜索与编辑 前端部分 1、项目运行 由于涉及大量的 ES6/7 等新属性,node 需要 6.0 以上版本 git clone git@github.com:ruanjiancheng/StudentManageSystem.git cd /StudentManageSystem/student_client npm install npm run serve 2、技术栈 Vuex Router Axios Element ui sessionStorage 3、项目介绍 采用 vue 2.0 开发,通过调用后端提供的数据接口实现数据的动态渲染。项目默认端口号 8080 使用监视器,得益于 Mybatis 强大的动态 SQL 功能,实现高性能动态搜索功能 使用 router 配置路由,实现不同用户类型导航栏的动态渲染 使用 axios 异步加载后端数据 使用 element ui 实现表单的前端校验功能 使用 sessionStorage 实现登录拦截 分别实现了基于前端和后端的数据分页功能 4、系统功能 1、admin 实现对教师,学生,课程的 CRUD 实现对教师业务以及学生业务的全方位控制 2、teacher 实现查询我开设的课程,以及选择我课程的学生信息 对学生成绩的登陆 3、student 实现选课退课的功能 实现成绩查询的功能 后端部分 1、项目运行 JDK 版本需要 17.0.2 git clone git@github.com:ruanjiancheng/StudentManageSystem.git cd /StudentManageSystem/student_server # 必须保证 root 账号的密码是 123,否则无法连接数据 # 也可以自己配置 application.yml 文件的数据库连接,并运行 java -jar student_server.jar 2、技术栈 Spring boot 2.6.3 Mybatis Maven 3、项目介绍 采用 Restful 风格开发,采用 CrossOrigin 解决跨域问题。采用注解以及 xml 文件配置 SQL 语句,实现动态 SQL 的功能,为前端提供完备的数据接口。 由于 vue 项目占用了 8080 Tomcat 默认端口,所以指定项目启动在 10086 端口, 可以使用 YAML 文件配置,使用 Maven 项目进行打包。 4、系统功能 实现前端 Ajex 请求的全部数据接口,Get 请求通过 RESTful 风格开发。 数据库设计 建立数据库: mysqld -u$Username -p$Password studentms < studentms.sql 项目源码下载 下载链接:https://pan.quark.cn/s/3d33783fe583 热门内容: 明天见(。・ω・。)

标签:springboot,vue,源码,开放源码,管理体系,管理,数据库,文件
来源:

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有