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

58次阅读

基于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

项目思路

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

浏览器端

前端采用基于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

liubobo
版权声明:本站原创文章,由 liubobo2021-12-16发表,共计781字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。