SSM-CRUD
功能點
• 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、引入項目依賴的jar包
• spring
• springmvc
• mybatis
• 數據庫連接池，驅動包
• 其他（jstl，servlet-api，junit）
• 3、引入bootstrap前端框架
• 4、編寫ssm整合的關鍵配置文件
• web.xml，spring,springmvc,mybatis，使用mybatis的逆向工程生成對應的bean以 及mapper
• 5、測試mapper
查詢
• 1、訪問index.jsp頁面
• 2、index.jsp頁面發送出查詢員工列表請求
• 3、EmployeeController來接受請求，查出員工數據
• 4、來到list.jsp頁面進行展示
• 5、pageHelper分頁插件完成分頁查詢功能
• URI：/emps
查詢-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}
• /emp
GET 查詢員工
POST 保存員工
• /emp/{id} PUT 修改員工
• /emp/{id} DELETE 刪除員工
修改-邏輯
• 1、點擊編輯
• 2、彈出用戶修改的模態框（顯示用戶信息）
• 3、點擊更新，完成用戶修改
刪除-邏輯
• 1、單個刪除
• URI:/emp/{id} DELETE
• 2、批量刪除
