JavaWeb学生信息管理系统(大作业mybatis+mysql+vue)

JavaWeb学生信息管理系统(大作业mybatis+mysql+vue)

用到的相关技术

• vue
• axios
• element-ui
• maven
• mybatis
• mapper
• servlet
• filter
• mysql
• tomcat

目前完成的功能如下

• 管理员登录
• 查询所有学生信息
• 增加学生
• 删除学生
• 批量删除
• 修改学生信息
• 分页查询
• 条件查询

简介

• 1 项目名称
  学生成绩管理系统

• 2 需求分析与设计

  • 2.1 需求分析
    题目要求进行前后端交互，实现简单的系统开发。
    分析来看，就是进行前后端通信，前端通过向后端发送请求，拿到后端返回的数据，并进行处理显示到页面上。
  • 2.2 系统设计
    做这个前后端通信的系统，主要就是完成数据的增删改查，所以后端数据库我采用MySQL，前端发送请求采用ajax,后端用servlet接受和回复。然后再进行相关的页面设计优化，相关前端功能的编写即 html，css, js的编写。在原生开发的基础上，结合当下流行技术，采用相关框架和技术栈，简便系统的开发。

• 3 系统实现与使用方法

  • 3.1 系统开发环境
    64位 window11系统
    IDEA集成开发环境
  • 3.2 系统界面简介
    系统界面包括两个部分，登录界面和管理界面。登录界面包括一个音乐选择播放器，还有用于登录验证的用户账号和密码输入框以及一个登录按钮，而且登录页面背景是设置的图片，输入框的盒子背景是透明的，登录按钮都是圆角矩形，渐变色。然后管理界面，包括以列表形式展示学生信息，列表每行颜色交替改变，然后包括几个功能按钮，还有就是一个默认隐藏的添加/修改的弹窗表单。
  • 3.3 系统功能模块简介
    系统有两个部分，一个是登录部分，一个是管理部分。登录部分就是用来验证管理员登录的，我又在此基础上写了一个简单的音乐选择播放器。管理部分就是进行学生数据的增删改查的，可以实时添加，修改或删除以及批量删除，并且进行相关操作后就会即时更新数据。最后的一些功能就是优化的部分，包括采用filter进行过滤，在未登录前不允许访问其他界面，登录成功后会把登录信息存入session，然后过滤器进行放行，还有就是在进行相关操作成功或失败后给用户展示提示信息，还有就是在进行删除时都会弹出确认框，因为删除是永久性的，所以会询问是否要删除，最后一点就是考虑到数据格式以及学号不能重复等，然后做了一个简单的数据验证，当出现错误数据时会提示添加或修改失败。
  • 3.4 使用手册
    在使用本系统时是需要先进性管理员登录，账号密码都是root,登录成功后就跳转到管理界面，可以对学生信息进行增删改查的操作。具体都是很简单的操作，可根据提示和界面展示进行操作。

• 4运行实例与系统功能测试

  • 4.1 系统功能测试
    系统功能正常，在启动本地tomcat后需要先访问登录界面，未登录访问管理界面是进不去的。然后登录成功又进行了相关增删改查的测试，以及错误验证等功能。
  • 4.2 运行实例
    运行截图如下：
    运行相关截图，运行在本地tomcat上
    
    
    

有任何问题欢迎交流哦！