1.擷取dwz_springmvc
進入DWZ的CSDN代碼庫下載下傳位址
https://code.csdn.net/dwzteam/dwz_springmvc/tree/master,點選【下載下傳】按鈕将dwz_springmvc源碼庫下載下傳到本地。
2.導入測試資料到MySQL
DWZ的測試資料檔案dwz_springmvc.sql在doc目錄中,該目錄下的dwz_springmvc.docx檔案也先可以看一看,看完後可以讓我們大緻了解一下dwz_springmvc項目的規範。
第一步,通過mysql -uroot -p指令進入MySQL。
第二步,通過create database cmower指令建立資料庫。
第三步,通過use cmower指令使用目前資料庫。
第四步,通過source dwz_springmvc.sql指令導入資料。
第五步,通過show tables指令檢視導入的資料表。
3.導入dwz_springmvc項目到eclipse中
第一步,如圖 1-22,導入已存在的項目到工作庫。
第二步,如圖 1-23,選擇dwz_springmvc項目。
導入後的dwz_springmvc項目目錄結構圖如圖 1-24。
第三步,修改jdbc.properties中的資料庫名稱為cmower。
#省略其他配置
jdbc.url=jdbc:mysql://127.0.0.1:3306/cmower?useUnicode=true&characterEncoding=UTF-8
jdbc.username=root
#密碼注意修改為你自己的資料庫密碼
jdbc.password=123456
注意:dwz_springmvc項目中的properties檔案預設編碼不是UTF-8,可按照圖 1-25的方式進行修改。
第四步,更改dwz_springmvc項目的JDK、Tomcat配置。
dwz_springmvc項目預設使用的JDK1.6、Tomcat6.0,如果與我們本機環境不一緻,那麼可以按照圖 1-26、1-27、1-28的方式進行修改。
4.運作dwz_springmvc項目
第一步,右鍵項目,選擇Run As,之後選擇Run on Server,如圖 1-29。
第二步,選擇Tomcat類型,如圖 1-30。
第三步,選擇dwz_springmvc項目加入到Tomcat中,點選Finish,如圖 1-31。
Tomcat正常運作後,浏覽器中出現的界面如圖 1-32,感覺不太正常,有些圖檔沒有記載出來,點選連結跳轉時報錯,這是為什麼呢?
第四步,設定項目的通路路徑。第三步中我們看到了一個不太正常的頁面,原因是項目運作的路徑 http://localhost:8080/dwz_springmvc/中多了dwz_springmvc,那麼該怎麼去設定呢?參照圖 1-33,從Tomcat的server.xml配置檔案找到Context節點,設定path為空。
儲存後,我們重新開機Tomcat,然後通過http://localhost:8080/路徑進行通路,運作效果如圖 1-34。
5.DWZ富用戶端
接下來,我們需要看一看DWZ富用戶端的廬山真面目了。
第一步,在Google浏覽器的位址欄中通路http://localhost:8080/login位址,如圖 1-35。
第二步,輸入使用者名admin和密碼123456,點選【登入】按鈕,進入DWZ富用戶端界面,如圖 1-36,是不是感覺特别清爽,我是挺喜歡DWZ的這種風格的,不知道你呢?