用ssm框架搭建CRUD风格项目完整过程

完整代码分享(github)

ssm-crud简介:

SSM-CRUD
ssm:SpringMVC+Spring+MyBatis
CRUD:Create(创建)
Retrieve(查询)
Update(更新)
Delete(删除)

功能点

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

技术点

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

基础环境搭建

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

查询

• 1、访问index.html页面
• 2、index.html页面发送出查询员工列表请求
• 3、EmployeeController来接受请求,查出员工数据
• 4、在index.html页面进行展示
• 5、pageHelper分页插件完成分页查询功能

查询-ajax

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

新增-逻辑

• 1、在index.jsp页面点击”新增”
• 2、弹出新增对话框
• 3、去数据库查询部门列表,显示在对话框中
• 4、用户输入数据,并进行校验
• jquery前端校验,ajax用户名重复校验,重要数据(后端校验(JSR303),唯一约束);
• 5、完成保存
• URI:
• /emp/{id} GET 查询员工
• /emp POST 保存员工
• /emp/{id} PUT 修改员工
• /emp/{id} DELETE 删除员工

修改-逻辑

• 1、点击编辑
• 2、弹出用户修改的模态框(显示用户信息)
• 3、点击更新,完成用户修改

删除

区分单个删除与批量删除

猜你喜欢

转载自blog.csdn.net/maniacxx/article/details/80834696
今日推荐