职工管理系统(SSM整合)

1 篇文章 0 订阅

**

职工管理系统(SSM整合)

**

前言

刚开始学Spring框架,自己写的一个SSM整合小项目分享一下:

一、功能点

1、分页
2、数据校验:jquery前端校验+JSR303后端校验
3、ajax
4、Rest风格的URI;使用HTTP协议请求方式的动词,来表示对资源的操作(GET(查询),POST(新增),PUT(修改),DELETE
(删除))

二、技术点

基础框架-ssm(SpringMVC+Spring+MyBatis)
1、数据库-MySQL
2、前端框架-bootstrap快速搭建简洁美观的界面
3、项目的依赖管理-Maven
4、分页-pagehelper
5、逆向工程-MyBatis Generator

三、基础环境搭建

1、创建一个maven工程
2、引入项目依赖的jar包:spring,springmvc,mybatis,数据库连接池,驱动包,其他(jstl,servlet-api,junit)
3、引入bootstrap前端框架
4、编写ssm整合的关键配置文件:web.xml,spring,springmvc,mybatis;使用mybatis的逆向工程生成对应的bean以 及mapper
5、测试mapper

三、职工管理系统

1、注册登录

1、访问index.jsp页面
2、输入用户名密码,点击登录
3、去数据库查询用户名密码,返回登录状态,根据登录状态码,访问emp_manager.jsp页面
4、点击注册,访问register.jsp页面,去数据库查询部门列表,显示在当前页面中
5、输入用户名、密码、邮箱、性别、部门,点击注册
6、用户输入数据,并进行校验,jquery前端校验,ajax用户名重复校验,重要数据(后端校验(JSR303),唯一约束)
7、完成保存,返回emp_manager.jsp页面

注册用户:test666
在这里插入图片描述
登录用户:test666
在这里插入图片描述

2、查询

1、emp_manager.jsp页面直接发送ajax请求进行员工分页数据的查询
2、服务器将查出的数据,以json字符串的形式返回给浏览器
3、浏览器收到js字符串。可以使用js对json进行解析,使用js通过
dom增删改变页面。
4、返回json。实现客户端的无关性。

分页查询
在这里插入图片描述

3、新增

1、在emp_manager.jsp页面点击”新增”
2、弹出新增对话框
3、去数据库查询部门列表,显示在对话框中
4、用户输入数据,并进行校验,jquery前端校验,ajax用户名重复校验,重要数据(后端校验(JSR303),唯一约束)
5、完成保存,返回emp_manager.jsp页面

新增用户:testname
在这里插入图片描述
最后一页显示新增用户信息
在这里插入图片描述

4、修改

1、点击编辑
2、弹出用户修改的模态框(显示用户信息)
3、点击更新,完成用户修改,返回emp_manager.jsp页面

修改用户:Xenia
在这里插入图片描述
当前页面显示修改用户信息
在这里插入图片描述

5、删除

1、单个删除
2、批量删除

删除单个用户:Xenia99
在这里插入图片描述
批量删除多个用户
在这里插入图片描述
当前登录用户注销
在这里插入图片描述

四、总结

1、Bootstrap:UI前端设计
2、SpringMVC:前端控制器
3、Mybatis:数据库管理
4、Spring容器:项目整合
5、Maven:依赖管理和构建,打war包,部署到Tomcat服务器
6、MBG:逆向工程

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值