1. 程式人生 > >個人博客網站建設(適合Java初學者)(一)

個人博客網站建設(適合Java初學者)(一)

mls script maven3 個人 ima 增強 代碼簡化 target mysql5

一、概述

作為一個在八本學校在校生,沒有實驗室,也沒有項目可做。一直想做一個個人博客,一年前學完javaweb之後做了一個簡單的博客,ui慘不忍睹就算了,還有各種bug。醞釀了很久,寒假用了將近一個月時間做出了現在這個網站,本項目致力於打造一個高並發,高可用,高性能的網站,由於本人實力有限,目前還是初期階段,不過我會一直更新。。。

關鍵字:tomcat集群 redis分布式 SpringMVC MyBatis Nginx MySql

網址:www.mycookies.cn

首頁

? 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

三、系統架構

技術分享圖片

個人博客網站建設(適合Java初學者)(一)