当前位置:网站首页>职工管理系统(SSM整合)
职工管理系统(SSM整合)
2022-08-02 14:19:00 【weixin_47358951】
**
职工管理系统(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:逆向工程
边栏推荐
猜你喜欢
随机推荐
Vmware workstation16 安装 ESXi 6.7 详细步骤
时频分析之Wigner-Ville分布
WebRTC 中有关 Media Stream & Track & Channel 之间的关系
8.0以上MySQL的常见错误
详解C语言中的位操作运算符可以怎么用?
web渗透之sql注入
【IP基本原理-ARP原理】
Scala的安装和IDEA的使用(初入茅庐)
DOM —— 事件对象
【路由器与交换机的作用与特点 】
解决跨域问题的方法 --- JSONP
tab 替换空格
网络运维系列:GoDaddy Shell DDNS配置
【频域分析】频谱泄露、频率分辨率、栅栏效应
个人成长系列:业务、技术学习书单
makefile——library
CDN的加速原理是什么?
Jenkins 参数化构建(Extended Choice Parameter)
smart_rtmpd 的 VOD 接口使用说明
【滤波器】最小均方(LMS)自适应滤波器