Introduction to the

This is based on SpringBoot2. x, vue2. X of the front and back end of the separation of open source blog system, providing front-end interface + management interface + background services of the whole system source code. Responsive design, mobile, tablet, PC, all have a good visual effect!

  • You can use it as a hands-on tutorial for learning about front-end Vue2.0;
  • You can also use it as a springboot program;
  • You can also think of it as a project practice that separates the front end from the back end;
  • .

Site demonstration

www.dblearn.cn

The module layer

The backend module

├─ ├─ SRC ├─ ├─ ├ -├ -exercises # ├─ ├ -exercises # Configuration files, Entity class, Mapper class, utility class, Exception filters such as │ ├ ─ ─ pom. XML │ └ ─ ─ the SRC ├ ─ ─ dbblog - manage # background management interface Service │ ├ ─ ─ pom. The XML │ └ ─ ─ the SRC ├ ─ ─ dbblog - # portal Service front end interface │ ├─ ├─ ├─ SRCCopy the code

The front-end module

Background Management Page

├ ─ ─ assets ├ ─ ─ components # common components ├ ─ ─ element - the UI ├ ─ ─ element - the UI - theme # elementUI theme ├ ─ ─ the ICONS ├ ─ ─ the router # routing ├ ─ ─ the store # Vuex ├ ─ ─ utils # js tools └ ─ ─ views ├ ─ ─ common public module # └ ─ ─ modules ├ ─ ─ the article # articles module ├ ─ ─ book # read module ├ ─ ─ the comment # comments module ├── Operation # ├─ system #Copy the code

The front desk page

├── Assets ├─ Common │ ├─ Content # page │ │ ├─ Vue # Article Details page │ │ ├─ │ ├─ ├─ Vue # BookList page │ ├─ Vue # BookList page │ ├─ ├─ ├─ ├. ├. Vue # homepage │ ├─ ├─ ├. Vue # homepage │ ├─ ├─ TimeLineContent. Vue # Archive page │ ├ ─ ─ footer │ ├ ─ ─ the header │ ├ ─ ─ index │ ├ ─ ─ utils │ └ ─ ─ views # page component library │ ├ ─ ─ Archive │ ├ ─ ─ The Article │ ├ ─ ─ Book │ ├ ─ ─ BookNote │ ├ ─ ─ the Classify │ └ ─ ─ TimeLine ├ ─ ─ the router # routing ├ ─ ─ store # Vuex └ ─ ─ utils # js toolsCopy the code

Project deployment

The service side

Project backend environment

  • JDK1.8
  • Mysql5.7
  • Redis
  • The IDEA of a compiler
  • Lombox plugin

Deployment steps:

  1. Create database dbblog and import all SQL files in dbblog-backend -> DB
  2. Modify dbblog-backend -> dbblog-> dbblog-core application-*. Yml database connection and redis connection
  3. Import the project and run the main method in dbblog-backend -> dbblog-portal -> BlogApplication

The front end

Front-end environment:

  • Node. Js 8.0 +
  • WebStorm editor

Deployment steps:

  1. Import the project and run NPM install (if this fails, try CNPM install after clearing the package)
  2. Start project: NPM run dev

Interface to preview

twitter

When I was in college, I did blog, and the technology selection was SSM+JSP blog 1 at the very beginning

Transition to modular SpringBoot blog 2

–> Up to now front and back end split blog blog 3

If it is a beginner Java friends can follow the process to learn from these code, try to achieve a blog of their own, I believe that can help you grow!

Laughing over a cup of tea, if so.

And finally, my Github address is github.com/llldddbbb/d… , open source is not easy, must give me ==Star== oh!!