dbblog

The reason for working hours is no longer maintained, please forgive me!

Brief introduction

This is an open source blog system based on SpringBoot2.x, Vue2.x, which provides a complete set of system source code that provides front -end interface+management interface+background service. Response design, mobile phones, tablets, and PCs all have good visual effects!

• You can use it as a tutorial on learning as a front -end Vue2.x;
• You can also use it as a learning project of SpringBoot2.x technology;
• You can also use it as the current fiery Elasticsearch and Rabbitmq learning demo;
• You can also see it as a project practice of separation of front and back end;
• You can also be used as a learning and understanding of SpringCloud service;
• Elastic

Use technology

• SpringBoot 2.x Backstage Basic Framework
• Vue 2.x front end basic framework
• Elementui: Background Management page UI Library
• IView: front -end UI library
• Elasticsearch search layer
• Rabbitmq message queue
• Shiro
• Redis cache layer
• Swagger documentation
• MyBaits-Plus easy-to-use MyBatis framework
• lombox getter setter plugin
• Druid database connection pool
• jasypt encryption
• Qi Niu Yun Tu Bed

Module layer

Back -end module

dbblog
├── dbblog-auth   # 鉴权模块：shiro
│   ├── pom.xml
│   └── src
├── dbblog-core   # 核心模块：配置文件，Entity类，mapper类，工具类，异常过滤等
│   ├── pom.xml
│   └── src
├── dbblog-manage # 后台管理界面Service
│   ├── pom.xml
│   └── src
├── dbblog-portal # 前端界面Service
│   ├── pom.xml
│   └── src
├── dbblog-search # 搜索模块：elasticSearch
│   ├── pom.xml
└── └── src

Backstage dependencies

dbblog-core-> dbblog-auth-> dbblog-manage-> dbblog-portal-> dbblog-searchh

• The form of multi -module is used to facilitate subsequent SpringCloud micro -service transformation and upgrading

Front -end module

Background management page

├── assets
├── components # 公共组件
├── element-ui
├── element-ui-theme # elementUI主题
├── icons   
├── router  # 路由
├── store   # vuex
├── utils   # js工具类
└── views   
    ├── common # 公共模块
    └── modules
        ├── article    # 文章模块
        ├── book       # 阅读模块
        ├── operation  # 运维模块
        └── sys        # 系统模块

Front desk page

├── assets
├── common
├── components
│   ├── content # 页面
│   │   ├── ArticleContent.vue      # 文章详情页
│   │   ├── ArticleListContent.vue  # 文章列表页
│   │   ├── BookContent.vue         # 图书详情页
│   │   ├── BookListContent.vue     # 图书列表页
│   │   ├── BookNoteContent.vue     # 笔记详情页
│   │   ├── HomeContent.vue         # 首页
│   │   ├── SearchResult.vue        # 搜索结果页
│   │   └── TimeLineContent.vue     # 归档页
│   ├── footer
│   ├── header
│   ├── index
│   ├── utils
│   └── views # 页面组件库
│       ├── Archive 
│       ├── Article
│       ├── Book
│       ├── BookNote
│       ├── Classify
│       └── TimeLine
├── router # 路由
├── store  # Vuex
└── utils  # js工具类

Project deployment

Server

Project back -end environment

• Jdk1.8
• Mysql5.7
• Redis
• IDEA compiler
• Lombox plug -in (Baidu)
• Elasticsearch 6.x
• Rabbitmq
• IDEA compiler

Deployment steps:

1. Create database DBBLOG and import all SQL files in DBBLOG -BACKKEND-> DB
2. Modify the Application-*. YML database connection of the Application-*. YML in Dbblkend-> DBBLOG-> DBBLOG-CORE
3. Import projects, and run DBBLOG -BACKKEND-> DBBLOG -SEARCH-> Blogapplication

front end

Front -end environment:

• Node.js 8.0+
• Webstorm editor

Deployment steps:

1. Import project, run NPM Install (if it fails, try CNPM Install after clearing the bag)
2. Started project: NPM Run DEV
3. Frontier Address: LocalHost: 8002 Management Interface Address: Localhost: 8888 account admin, password 123456

Interface preview

Shattering

I have done blogs when I go to college, and the technical selection has also been from the beginning of SSM+JSP blog 1

-> Transition to SpringBoot blog of the split module 2

-> Blog Blog from the front and back of the current

If you are a friend of Java, you can also use the process to learn from these code to try to achieve your own blog. I believe it can help your growth!

If you are interested, please ask the blogger to have a cup of tea :: lauughing ::

In the end, my github address is https://github.com/lllddddbbbb/dbblog. It is not easy to open source. Be sure to give me == Star == Oh! Intersection