基于SSM框架的员工信息管理系统

文章目录

  • 项目介绍
    • 1、登陆页面
    • 2、首页
    • 3、查询页面
    • 4、新增页面
    • 5、编辑页面
    • 6、删除
  • 功能点
  • 技术点
  • 总结


项目介绍

后端使用SSM框架,前端使用BootStrap框架,通过Thymeleaf渲染视图,Ajax和Json进行数据交互,Maven统一管理依赖的员工信息管理系统。

1、登陆页面

登录或者注册,通过拦截器拦截未登录的用户访问首页
基于SSM框架的员工信息管理系统_第1张图片
注册
基于SSM框架的员工信息管理系统_第2张图片

2、首页

从数据库拿取到数据,并通过分页展示。
基于SSM框架的员工信息管理系统_第3张图片

3、查询页面

查询所有员工或者按条件模糊查询

基于SSM框架的员工信息管理系统_第4张图片

基于SSM框架的员工信息管理系统_第5张图片

4、新增页面

前后端同时校验数据格式,并且后端还会检查邮箱是否重复。

基于SSM框架的员工信息管理系统_第6张图片

5、编辑页面

数据回显到编辑模态框中,并且修改内容时也会进行前后端检查格式和是否重复。
基于SSM框架的员工信息管理系统_第7张图片

6、删除

包括单个删除和批量删除
基于SSM框架的员工信息管理系统_第8张图片
基于SSM框架的员工信息管理系统_第9张图片

项目地址:https://gitee.com/archer_hhh/SSM_CRUD_Employee.git


功能点

  • 分页查询
  • 数据校验:JQuery前端校验+JSR-303后端校验
  • Ajax请求和Json数据交互
  • REST风格的URI:GET查询、POST新增、DELETE删除、PUT修改

技术点

  • 基础框架-SSM(Spring+SpringMVC+Mybatis)
  • 数据库-MySQL
  • 前端框架-Bootstrap
  • 数据交互-Json
  • 请求类型-Ajax
  • 视图渲染-Thymeleaf
  • 依赖管理-Maven
  • 分页查询-PageHelper
  • 逆向工程-Mybatis Generator

总结

基于SSM框架的员工信息管理系统_第10张图片

你可能感兴趣的:(项目,spring)