Traveller,翻譯為旅行家,是我用來實踐最佳web技術的專案,主題是一個給旅行愛好者提供旅行資訊的網站。
目標是組合現最流行的web技術,實現符合中國使用者使用習慣的網站。
相關網址
Git:https://github.com/mingziday/Traveller_Spring-Data-Rest_Angularjs
Blog:http://www.cnblogs.com/mingziday/category/712097.html
技術規劃要點
1、資料庫:
Mysql5
Navicat11:一款視覺化操作Mysql的工具
2、編輯工具:
STS:Spring基於Eclipse封裝的Spring整合開發工具
SubLime:一款非常酷的文字編輯工具
3、服務容器:
Tomcat:動態伺服器
Nginx:靜態檔案伺服器
4、後端框架
MVC:Spring MVC
持久層:Hibernate/Spring Data JPA
後端校驗:Hibernate JSR303
安全:Spring Security
配置方法:全Java無xml配置
後端Restful轉換:Spring Data REST(轉換為json格式的資料物件)
資料庫連結池:c3p0
5、前端MVC框架
(1)Angularjs:2009年出生的前端MVC神器
(2)restangular,用於處理Restful服務的第三方外掛
(3)angular-ui-router,用於處理導航路由的外掛
(4)ueditor,線上文字編輯器
6、前端樣式框架
bootstrap
7、工程管理
Maven
webjar: 一種將前端資原始檔進行打包整體釋出的方法;採用nginx後,webjar應該作為靜態資源被訪問才對,但是jar檔案無法被nginx解析,於是將webjar包解壓縮,部署到單獨的static目錄
8、版本釋出工具
git
9、快取
spring cache/spring ehcache物件快取
spring ehcache頁面快取
後續計劃
hibernate+coherence快取
靜態檔案快取varnish
動態內容靜態化(Node.js)
測試框架SpirngTest+JUnit
安裝手冊
1、下載工程程式碼
2、安裝Eclipse或者STS
3、安裝Maven
4、安裝Tomcat
5、安裝Nginx,並配置靜態檔案目錄
6、安裝Mysql5,並匯入輸入看指令碼sql/traveller.sql
7、更改資料庫連線字串
com.huawei.traveller.config.AppConfig
ds.setDriverClass("com.mysql.jdbc.Driver");
ds.setJdbcUrl(
"jdbc:mysql://localhost:3306/happycardata?useUnicode=true&characterEncoding=UTF-8&zeroDateTimeBehavior=convertToNull");
ds.setUser("root");
ds.setPassword("123456");
8、編譯執行釋出到本地Tomcat
9、訪問http://localhost/index.html