# ssm-crud

**Repository Path**: T-thinker/ssm-crud

## Basic Information

- **Project Name**: ssm-crud
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-02-25
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

整合SSM框架对部门员工数据进行增删改查 根据B站视频https://www.bilibili.com/video/av59585780 的代码进行编写的，bootstrap采用4版本，mysql采用8。除了数据校验和修改功能的部门不能正确显示当前部门外，其他都正常。采用idea工具开发。
1.ssm-crud
	功能点：
	1.分页
	2.数据校验
	  jquery前端校验+JSR303后端校验
	3.ajax
	4.rest风格的url；使用http协议请求方式的动词，来表示对资源的操作
	
	
	技术点：
	基础框架-ssm（SpringMVC+Spring+Mybatis）
	数据库-MySql
	前端框架-bootstrap
	项目依赖管理-maven
	分页-pagehelper
	逆向工程-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
	
	应该先设计再进行操作
	查询ajax
	1.index.jsp页面直接发送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.点击更新，完成用户修改
	
	删除-逻辑
	1.单个删除
	URL：/emp/{id}