獲得更好的瀏覽體驗：查看原文
為開發(fā)一個測試程序尖飞，特搭建一個簡單的ssm框架，因為網(wǎng)上看到很多都是比較老舊的教程，很多包都不能用了政基，eclipes搭建并且其中還附帶了很多的其他東西贞铣，所以特此記錄一下mac中idea搭建過程。
以下為一步步操作沮明，詳細可循辕坝，完全學(xué)習(xí)了白居易寫詩的風(fēng)格，堪稱傻瓜教程荐健。
目錄結(jié)構(gòu)已建好的童鞋酱畅，可以直接跳過前幾步去看相應(yīng)配置文件，點擊穿越
一江场、搭建背景及準備條件
不是必須的纺酸，保證項目運行只要有這些東西就行，可以不一樣
mac下idea址否，maven3.6.0餐蔬，jdk1.8，tomcat8在张，mysql5.7
二用含、搭建開始——新建項目
1. file -> new -> project
2. 新建maven項目，如圖勾選 create from archetype帮匾，并選擇 maven-archetype-webapp啄骇，next
3. 輸入坐標及項目名，next
4. 選擇maven配置瘟斜，選擇你自己的maven缸夹，next
5. 確定項目名，finish
6. 成功后的項目結(jié)構(gòu)
三螺句、完善項目結(jié)構(gòu)
1. 新建java目錄 src/main/java
2. 新建資源目錄 resources
3. 新建webapp目錄 webapp虽惭，同樣的方法，不過idea會自動創(chuàng)建里邊的WEB-INF等文件
4. 現(xiàn)在基本目錄結(jié)構(gòu)已建成蛇尚，讓我們對比一下看是不是一樣的芽唇，見證奇跡
5. 將響應(yīng)目錄 右鍵 設(shè)置為對應(yīng)屬性 java標記為Soures Root resources標記為Resources Root
6. 設(shè)置為web項目，標記webapp為 web file -> Project Structure -> Models
7. 在上圖標記的 1取劫，2 處 編輯修改路徑 為 自己webapp的路徑
8. 此時目錄結(jié)構(gòu)已經(jīng)完善完成匆笤，移步下圖
四、初步配置啟動tomcat服務(wù)
- 導(dǎo)入項目包 test2:war exploded file -> Project Structure -> Models
選擇你的項目谱邪，點擊右下角 open
選擇maven炮捧，一路next下去，最后點擊神圣的finish按鈕惦银，OK咆课。（可能無此步驟末誓，沒有則忽略）
2. 還是剛才的界面，選擇 Artifacts 此時第一次是會默認有兩個包书蚪，如果沒有則進行此步操作 file -> Project Structure -> Artifacts
選擇喇澡，點擊右下 OK按鈕
最終想要得到的結(jié)果如下圖：
3. 進行了上述每一步操作后屯蹦，很關(guān)鍵的要保存衍菱，點擊apply 或者ok，apply按鈕是不可點擊狀態(tài)才能關(guān)閉此面板哦，不然剛才所有操作都白費了
4. 添加tomcat箩艺，進行相關(guān)配置 點擊面板右上角
添加配置tomcat
添加剛才生成的包
最后點擊，apply宪萄，ok艺谆，好了完事了，準備運行吧
5. 運行tomcat 右上角面板選擇debug模式運行（也可以普通模式）
運行成功拜英，頁面顯示默認生成的index.jsp的內(nèi)容 http://localhost:8085/
五静汤、配置spring容器等相關(guān)配置文件
1. 在poom.xml（位置：項目的根目錄下）中引入必要的poom依賴（其中包括了spring、springmvc居凶、jdbc虫给、mysql、druid連接池侠碧、mybatis抹估、lombok插件、juni他弄兜、其他工具包 ）
View Code
如果想要自己添加jar包药蜻，可以在WEB-INF中新建lib文件夾，然后放入你的jar包（poom依賴下載的jar包編譯過后其實也就是在編譯包下的lib文件夾中）
每次更改poom依賴后替饿，記得更新jar包语泽，一般右下角都會彈出更新提示
2. 配置web.xml文件（位置：webapp下的WEB-INF中） tomcat啟動時，會加載此文件视卢，從而掃描加載其他的配置文件
View Code
其中包括了編碼過濾踱卵、監(jiān)聽器、springmvc配置据过、spring容器中其他配置包括mybatis等惋砂、log4j配置、項目訪問默認歡迎頁蝶俱，如需添加自定義過濾器班利，也許在此配置
3. 新建其他配置文件（位置：resoures下） applicationContext.xml、springmvc.xml榨呆、mybatis.xml罗标、jdbc.properties庸队、日志配置（log4j.properties和log4j.xml二選一，我用的log4j.xml）
spring-mvc.xml
View Code
spring-applicationContext 后來的其他配置文件也可以在這個里邊引入比如：shiro闯割、redis集群彻消、cache-redis緩存、自定義組件等等（優(yōu)點：不用再去動web.xml的配置）
View Code
spring-mybatis.xml
View Code
mybatis-config.xml
View Code
jdbc.properties
View Code
log4j.xml
View Code
好了宙拉，經(jīng)過以上一套噼里啪啦的操作宾尚，配置基本算是好了，接下來讓我們寫代碼檢驗一下我們的配置到底對不對呢谢澈，激動人心的時刻就要來了
六煌贴、編寫代碼測試
1. java文件夾下，新建package包com.test锥忿，另外再新建包括controller牛郑、mapper、model敬鬓、service的四個包
新建完結(jié)構(gòu)如圖所示
2. 在每個包下分別新建代碼文件：TestController.java淹朋、TpmTestLogService.java、TpmTestLogServiceImpl.java钉答、TpmTestLogMapper.java础芍、TpmTestLogMapper.xml、TpmTestLog
實體類：TpmTestLog.java
View Code
數(shù)據(jù)庫交互層dao接口：TpmTestLogMapper.java
View Code
對應(yīng)的xml：TpmTestLogMapper.xml
View Code
業(yè)務(wù)層接口類sercice：TpmTestLogService.java
View Code
業(yè)務(wù)層的實現(xiàn)類impl：TpmTestLogServiceImpl.java
View Code
接口邏輯層controller：TestController.java
View Code
3. 數(shù)據(jù)庫交互数尿，測試表以及數(shù)據(jù)庫連接文件jdbc中的配置（文中5.3已有配置文件） Table：TPM_TEST_LOG
View Code
4. 測試接口 因為是寫的測試是get請求仑性，所以可以直接在瀏覽器中測試，地址欄輸入接口地址（4.4中你配置的地址）砌创，回車訪問虏缸，如下圖
七、前端頁面和接口交互測試
1. 編寫前端頁面測試代碼（不要說你是后臺嫩实，不會寫前端代碼刽辙，不會也沒關(guān)系，直接copy吧甲献，有問題找google）
前邊生成的index.jsp我們稍加改動
View Code
由于頁面中引用了萬能的jquery語法宰缤，所以在webapp下新建js文件夾，并放入jquery文件晃洒，點擊下載
不要問為什么要用jquery慨灭，怎么不用原生js，因為我愿意球及。
好吧氧骤，其實是為了代碼的簡潔高效，畢竟封裝了很多方法吃引，讓我們可以更注重邏輯
當(dāng)然原生的也不是不能寫筹陵，下面是原生的js方法刽锤，只需將此方法放入index.jsp里邊的script標簽中即可，如果沒有引入jquery朦佩，記得注釋掉原來的方法
View Code
2. 接下來見證奇跡并思，打開頁面地址：http://localhost:8085/index.jsp
后臺經(jīng)過與數(shù)據(jù)庫交互后，把插入數(shù)據(jù)庫后生成的主鍵4返回給前端语稠，前端顯示在頁面中
到這里這個簡單的ssm框架就算搭建完成了宋彼，看起來過程很長，但實際操作起來應(yīng)該是很快的仙畦，有問題歡迎留言输涕，大家可以一起探討！
碼字不易议泵，且行且珍惜占贫，如發(fā)現(xiàn)問題，歡迎指正先口，java深似海，小白在路上瞳收！
mapper注入失敗問題可以參考：https://www.cnblogs.com/mufengforward/p/11127088.html
認真是我們參與這個社會的方式碉京，認真是我們改變這個社會的方式！
