个人博客网站建设（适合Java初学者）（一）

一、概述

作为一个在八本学校在校生，没有实验室，也没有项目可做。一直想做一个个人博客，一年前学完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

三、系统架构