The original Xiaoyuan personal blog project that has been around for a month is open source (the blog has basic functions, including background management)

Xiao Yuan has something to say

From the design of front-end pages to the development of back-end interfaces to the development of the whole project , It took about twenty days to go back and forth , Mainly front-end CSS The design part is full of tears , The front end probably takes up 3/4 Time for , Now free open source for everyone to use and expand ,github Order a little start You can pull ~

The front page of the front desk is designed by ourselves , Backstage is based on vue Template frame design

Foreground technology stack ：springBoot、thymeleafa、vue、redis、mybatis-plus、jwt etc.
Background technology stack ：springboot、vue、element ui、redis、mybatis-plus etc.
Other services ： Qiniuyun kodo Storage 、 Tencent cloud SMS service 、java mailbox service

Project experience address ：

https://www.xiaoyuan-boke.com ( The front desk )

https://www.xiaoyuan-boke.com/back-manager ( Background management , In case of server exceptions, just refresh it a few times )

Github Open source address

https://github.com/yuanprogrammer/xiaoyuanboke Order a little start Well

Gitee Open source address

https://gitee.com/yuandewei/xiaoyuan-blog-platform Order a little start Well

Project documentation

In production ... A detailed introduction will be given in the follow-up meeting

Project screenshots （ part ）

The front desk

The foreground functions include the following ：

（1） Article browsing 、 give the thumbs-up 、 Collection 、 Comment on 、 Search, etc

（2） Problem feedback and suggestion feedback , Article archives

（3） Timeline （ The creative process ）, The article classification , Blog message , Friend chain Introduction

（4） User module , Sign in 、 User registration （ Normal user name registration , Email registration , Mobile number registration ）、 Change Password 、 mailbox 、 number 、 Forget the password 、 Personal information modification 、 Email and number activation , Music plug-in listening to music

Background management

Background functions include the following ：

（1） The publication of the article （markdown Editor 、 Abstract 、 cover 、 Label classification 、 Pictures and labels ）、 edit 、 see 、 Delete

（2） Article classification column management （ add to 、 edit 、 Delete 、 Move ）

（3） Timeline creation process management （ Release 、 edit 、 see 、 Delete ）

（4） Problem feedback management （ State modification 、 Delete 、 Send email thank you notice ）

（5） Suggest feedback management 、 Delete

（6） message management （ Delete and one click delete ）

（7） Friend chain management （ add to 、 Delete 、 edit ）

（8） User management list and user operation log list （ The modification and deletion functions here are temporarily turned off , Prevent malicious deletion of all ）

Directory structure

Back end project structure

Background management front-end project directory structure （ Important part ）

Environment required by the project

Back end

• mysql
• maven
• redis
• Tencent cloud SMS service and COS service （ Need key, etc ）
• Qiniuyun kodo Storage service （ Need key, etc ）
• QQ mailbox SMTP to grant authorization

front end

• vue

Other configuration

• nginx（ Interface request forwarding ）

Local environment nginx The configuration is as follows

vote

This project will produce a series of teaching , Do you want it in the form of articles or videos ？ Vote at the bottom of the article ~ （ Just leave a message in the comment area after the vote has expired ）