一、概述 作為一個在八本學校在校生,沒有實驗室,也沒有項目可做。一直想做一個個人博客,一年前學完javaweb之後做了一個簡單的博客,ui慘不忍睹就算了,還有各種bug。醞釀了很久,寒假用了將近一個月時間做出了現在這個網站,本項目致力於打造一個高併發,高可用,高性能的網站,由於本人實力有限,目前還是 ...
一、概述
作為一個在八本學校在校生,沒有實驗室,也沒有項目可做。一直想做一個個人博客,一年前學完javaweb之後做了一個簡單的博客,ui慘不忍睹就算了,還有各種bug。醞釀了很久,寒假用了將近一個月時間做出了現在這個網站,本項目致力於打造一個高併發,高可用,高性能的網站,由於本人實力有限,目前還是初期階段,不過我會一直更新。。。
關鍵字:tomcat集群 redis分散式 SpringMVC MyBatis Nginx MySql
首頁
UI是基於欲思主題改造的。在頁面上花費了很多時間,為了增強用戶體驗,引用了很多花里胡哨的插件,同時有專門的文件伺服器用來存儲圖片和js/css文件,大大提高了網站的響應速度度。同時後臺也採用了Tomcat集群與Redis分散式來提高網站的性能。當然好的項目都不是一蹴而就的,本項目仍然有很多問題,我會繼續努力完善。源碼地址 https://github.com/liqianggh/blog
引用的插件:
①wowslider-----PPT似的輪播圖效果
下載wow slider軟體只需添加圖片 選定模版和切換效果就可以生成一個炫酷的首頁輪播圖。同時,如果想更換特效,重新生成一個複製其中script.js到項目中替換舊版本即可。
②3D效果標簽雲
忘記在哪裡找的了,不過github上和百度搜索中都能找到。
③Editor.md一款開源的、可嵌入的 Markdown 線上編輯器(組件)(用戶後臺管理系統)
支持實時預覽,圖片上傳,html代碼生成等一系列功能...
④readingTime.js計算閱讀時間的插件
原項目不支持中文,然後手動進行了優化,加上了中文選項,對空格,換行等進行了計算。雖然計算結果還不夠準確,但是用起來感覺還挺有意思。
④暢言社會化評論系統
告別手寫評論模塊的尷尬局面,暢言的留言版,打賞。。。用這都還可以,唯一缺點就是影響頁面載入速度。
二、技術選型與系統架構
*後端技術:
技術 | 名稱 | 版本 | 官網 |
---|---|---|---|
Spring Framework | web容器 | 4.0.3Release | http://projects.spring.io/spring-framework/ |
SpringMVC | MVC框架 | 4.0.0 | http://docs.spring.io/spring/docs/current/spring-framework-reference/htmlsingle/#mvc |
SpringSession | 分散式Session管理 | 4.0.0 |
http://projects.spring.io/spring-session/ |
MyBatis | ORM框架 | 3.4.1 | http://www.mybatis.org/mybatis-3/zh/index.html |
MyBatis-Generator | mapper.xml以及pojo代碼生成 | 1.3.2 | http://www.mybatis.org/generator/index.html |
PageHelper | MyBatis分頁插件 | 4.1.0 | http://git.oschina.net/free/Mybatis_PageHelper |
Redis | 分散式數據緩存 | 2.8 | https://redis.io/ |
MySql | 資料庫 | 5.1/5.5 | https://www.mysql.com/ |
Maven | 項目構建管理 | 3.0.5 | http://maven.apache.org/ |
Logback | 日誌系統 | 1.1.2 | https://logback.qos.ch/ |
Nginx | 反向代理 | 1.10.2 | http://nginx.org/ |
lombok | 代碼簡化工具 | 1.16.18 | https://projectlombok.org/ |
Vsftpd | 文件伺服器 | 2.2.2 | http://www.rpmfind.net/ |
Git | 版本控制工具 | 2.8 | https://git-scm.com/ |
*前端技術:
技術 | 名稱 | 官網 |
---|---|---|
jQuery | 函數庫 | http://jquery.com |
Font-awesome | 字體圖標 | http://fontawesome.io/ |
Editor.md | 線上Markdown文本編輯器 | https://github.com/pandao/editor.md |
*環境配置
CentOS6.8 + JDK1.7+MySQL5.1+Maven3.0.5+Nginx1.10.2+Git2.8+Tomcat7+Redis2.8+Vsftpd2.2.2
三、系統架構