preface
This article is mainly open source his personal blog, first post a personal blog address: Sun Yuchao personal blog is not suitable for mobile phone end, PC end style or pretty good. In fact, a long time ago, a netizen asked me if I could open source personal blog code, at that time, there was no open source is actually not very ashamed, feel the code is messy, after all, I just graduated when the development, ready to consider optimization optimization. However the work is more and more busy, the person is also more and more lazy…… Have not maintained for a long time, or direct open source out of it, let more people in need to use, the end of the article will post github address. To be honest, although the code difficulty of this project is not so good, it involves a lot of technical points. Built on the cloud server, it is definitely a plus for the interview on the resume.
Project introduction
This blog project was developed by me in July 2019, officially launched in November 2019, from UI design -> front-end development -> back-end development -> testing -> deployment and maintenance of what is my own, feeling is quite profound, a set of processes down to learn a lot. It is highly recommended for beginners to set up and learn to experience the feeling of a project from development to online.
Project front-end technology
Native HTML + CSS + JavaScript + Layui + some small plugins, such as two yuan Kanban niang, click page bullets love, etc. In addition to the CSS code in the HTML head tag, many CSS files are stored in nginx static files
Project back-end technology
Thymeleaf + SpringBoot + SpringMVC + MyBatis + Redis + MySQL + ElasticSearch + Nginx + RabbitMQ So I’ve forced some technical components, but if you’re not familiar with it, you can use it as a demo, and if you don’t want to use those components, you can just remove them from the code, and it’s very convenient.
Project deployment
All applications are deployed with Docker-compose, and all the docker-compose. Yml configuration files are placed on Github. You just need to install Docker-compose on the server and start docker directly with the related commands
The project structure
The project has a total of three applications
- Site master app
- Online tool application
- Background management system
Project directory structure:
- Blog-core-application-service — the main application of the website
- Blog-core-onlineutils-service — Online tool application
- Blog-core-manage – background management system
- Blog-core-utils – utility classes for all applications, typed as jar
- Blog-core-dao – All application entity classes and Mapper, typed as jar
- Docker-compose — All applications and technical software related to the deployment of Docker-Compose
Deployment/startup process note
First of all, you need to get these environments ready and configure the database address, Redis address, RabbitMQ connection information in the application. Yml configuration file
My project uses ZimG as the image server, if you have your own image server such as Ali Cloud OSS, you do not need to start ZimG. Change the picture address in the project, in addition to the project introduced a lot of static resources are my domain name, need to change your own.
Many of the font ICONS used in the project were taken from alibaba vector icon library.
conclusion
This set of projects has no business difficulty. It is very simple to add, delete, modify and check, and easy to understand. It covers SpringBoot, interceptors, MyBatis Plus, Lombok, Redis, RedisSession, ElasticSearch, RabbitMQ, etc. Although the front-end technology is quite low, it is highly recommended for beginners to learn it.
Even if you don’t want to learn the code, you can deploy it directly, almost fully functional, without changing the source code ~