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

2018-06-18 02:07:53来源：未知阅读 ()

一、概述

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