I. Overview
As a student in eight schools, there are no labs and no projects to do. Always want to do a personal blog, a year ago after learning Javaweb to do a simple blog, UI miserable even, there are various bugs. Brewing for a long time, winter vacation with nearly one months to make the site now, the project is committed to creating a high concurrency, high availability, high-performance website, because I have limited strength, is still the initial stage, but I will always update ...
Keyword: Tomcat cluster redis distributed SPRINGMVC MyBatis Nginx MYSQL
Website: www.mycookies.cn
Home
? The UI is based on a thought-out theme. Spend a lot of time on the page, in order to enhance the user experience, reference a lot of fancy plug-ins, while there is a dedicated file server to store pictures and js/css files, greatly improve the responsiveness of the site. At the same time, the background also uses Tomcat cluster and Redis distributed to improve the performance of the website. Of course, good projects are not overnight, the project is still a lot of problems, I will continue to improve. Source Address Https://github.com/liqianggh/blog
referenced plugins:
①wowslider-----ppt-like Carousel chart effect
Download Wow slider software just add the picture selected template and switch effect can generate a cool home carousel diagram. Also, if you want to change the effects, regenerate a copy of the script.js to replace the old version in the project.
②3d effect Tag Cloud
Forget where to look, but on GitHub and Baidu search can be found.
③editor.md an open source, embeddable Markdown Online Editor (component) (User backend management system)
Support real-time preview, image upload, HTML code generation and other series of functions ...
④readingtime.js calculate reading time plugin
The original project does not support Chinese, and then manually optimized, with the Chinese option, the space, newline, etc. were calculated. Although the calculation is not accurate enough, but it is very interesting to use.
④ social commentary system of Chang-yan
Say goodbye to the awkward situation of handwritten comment module, the message version, ... With all this, the only drawback is that the page loading speed is affected.
Ii. Technology Selection and system architecture
* Back-end technology:
Technology |
name |
version |
official website |
Spring Framework |
Web container |
4.0.3Release |
Http://projects.spring.io/spring-framework/ |
Springmvc |
MVC Framework |
4.0.0 |
http://docs.spring.io/spring/docs/current/spring-framework-reference/htmlsingle/#mvc |
Springsession |
Distributed Session Management |
4.0.0 |
Http://projects.spring.io/spring-session/ |
MyBatis |
ORM Framework |
3.4.1 |
Http://www.mybatis.org/mybatis-3/zh/index.html |
Mybatis-generator |
Mapper.xml and Pojo code generation |
1.3.2 |
Http://www.mybatis.org/generator/index.html |
Pagehelper |
MyBatis Paging Plugin |
4.1.0 |
Http://git.oschina.net/free/Mybatis_PageHelper |
Redis |
Distributed data caching |
2.8 |
Https://redis.io/ |
Mysql |
Database |
5.1/5.5 |
https://www.mysql.com/ |
Maven |
Project Building Management |
3.0.5 |
http://maven.apache.org/ |
Logback |
Log system |
1.1.2 |
https://logback.qos.ch/ |
Nginx |
Reverse Proxy |
1.10.2 |
http://nginx.org/ |
Lombok |
Code Simplification Tools |
1.16.18 |
https://projectlombok.org/ |
Vsftpd |
File server |
2.2.2 |
Http://www.rpmfind.net/ |
Git |
Version control tools |
2.8 |
https://git-scm.com/ |
* Front-end technology:
Technology |
name |
official website |
Jquery |
function library |
Http://jquery.com |
Font-awesome |
Font icon |
Http://fontawesome.io/ |
Editor.md |
Online markdown Text Editor |
Https://github.com/pandao/editor.md |
* Environment Configuration
CentOS6.8 + jdk1.7+mysql5.1+maven3.0.5+nginx1.10.2+git2.8+tomcat7+redis2.8+vsftpd2.2.2
third, System architecture
Personal blog website Construction (for Java Beginners) (i)