基于Element-ui的简易学生信息管理系统

[toc]

环境：

• jdk8
• java-Servlet 4.0.1
• Tomcat8.5.65
• Mysql 5.7
• mysql-connector-java 5.1.46
• MyBatis 3.5.5
• Element-ui 2.15.7
• IDEA 2021

项目思路

浏览器端

前端采用基于Vue的Element-ui构建，通过Axios向服务器端发送异步请求，获取数据之后填充至页面。

前后端采用json格式收发异步数据。

服务器端

服务器端通过Servlet获取http请求并对相应请求执行访问资源操作，然后返回对应数据，访问数据库通过MyBatis实现，MyBatis免去了直接构建拼接Mysql语句的问题，JDBC保证了并发访问时数据库连接资源调度及时。

<property name="driver" value="com.mysql.jdbc.Driver"/>
<property name="url" value="jdbc:mysql:///db1?useSSL=false&useUnicode=true&characterEncoding=UTF8"/>

如上为在MyBatis中配置JDBC驱动。

数据库端

数据库端保存了两张表，一张表保存学生信息，学生学号作为登录账号，密码默认为学号，学生以及管理员都可以进行修改。另一张表保存管理员信息，管理员登录账号与学生登录账号统一为学工号，管理员密码不可通过前端修改。

主要功能

• 学生端
  • 查询自己的信息
  • 修改信息
  • 修改密码
• 管理员端
  • 查询所有学生信息
  • 通过唯一学号查询
  • 单个学生信息修改
  • 单个信息删除
  • 批量删除
  • 单个信息增加
  • 修改学生密码

体验

网址www.taouvw.xyz 导航栏第一个 代码开源，GitHub链接

体验账号：

• 学生端：账号121212121212 密码：121212121212
• 管理员：账号201900000000 密码：root