Traveller專案介紹

mingziday發表於2015-09-27

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

 

相關文章