作业mybatis+mysql+vue)"/>
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的编写。在原生开发的基础上,结合当下流行技术,采用相关框架和技术栈,简便系统的开发。
- 2.1 需求分析
-
3 系统实现与使用方法
- 3.1 系统开发环境
64位 window11系统
IDEA集成开发环境 - 3.2 系统界面简介
系统界面包括两个部分,登录界面和管理界面。登录界面包括一个音乐选择播放器,还有用于登录验证的用户账号和密码输入框以及一个登录按钮,而且登录页面背景是设置的图片,输入框的盒子背景是透明的,登录按钮都是圆角矩形,渐变色。然后管理界面,包括以列表形式展示学生信息,列表每行颜色交替改变,然后包括几个功能按钮,还有就是一个默认隐藏的添加/修改的弹窗表单。 - 3.3 系统功能模块简介
系统有两个部分,一个是登录部分,一个是管理部分。登录部分就是用来验证管理员登录的,我又在此基础上写了一个简单的音乐选择播放器。管理部分就是进行学生数据的增删改查的,可以实时添加,修改或删除以及批量删除,并且进行相关操作后就会即时更新数据。最后的一些功能就是优化的部分,包括采用filter进行过滤,在未登录前不允许访问其他界面,登录成功后会把登录信息存入session,然后过滤器进行放行,还有就是在进行相关操作成功或失败后给用户展示提示信息,还有就是在进行删除时都会弹出确认框,因为删除是永久性的,所以会询问是否要删除,最后一点就是考虑到数据格式以及学号不能重复等,然后做了一个简单的数据验证,当出现错误数据时会提示添加或修改失败。 - 3.4 使用手册
在使用本系统时是需要先进性管理员登录,账号密码都是root,登录成功后就跳转到管理界面,可以对学生信息进行增删改查的操作。具体都是很简单的操作,可根据提示和界面展示进行操作。
- 3.1 系统开发环境
-
4运行实例与系统功能测试
- 4.1 系统功能测试
系统功能正常,在启动本地tomcat后需要先访问登录界面,未登录访问管理界面是进不去的。然后登录成功又进行了相关增删改查的测试,以及错误验证等功能。 - 4.2 运行实例
运行截图如下:
运行相关截图,运行在本地tomcat上
- 4.1 系统功能测试
有用的话,请不要吝啬,动动小手点个赞把~
更多推荐
JavaWeb学生信息管理系统(大作业mybatis+mysql+vue)
发布评论