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、點選更新，完成使用者修改

刪除

區分單個刪除與批量刪除