dbblog

Aufgrund der Arbeitszeiten wird es nicht mehr gewartet, bitte verzeihen Sie mir!

Einführung

Dies ist ein Open-Source-Blogsystem, das auf Springboot2 basiert. Responsive Design, Mobiltelefone, Tablets und PCs haben alle gute visuelle Effekte!

• Sie können es als praktisches Tutorial zum Erlernen des Frontends Vue2.x verwenden.
• Sie können es auch als Lernprojekt für die Springboot2.x-Technologie verwenden.
• Sie können es auch als Lerndemo für die derzeit beliebten ElasticSearch und RabbitMQ verwenden;
• Sie können es sich auch als eine Projektpraxis mit Front-End- und Back-End-Trennung vorstellen;
• Sie können auch die serviceorientierten Ideen von SpringCloud lernen und verstehen.
• ...

Nutzen Sie Technologie

• SpringBoot 2.x Hintergrund-Grundgerüst
• Vue 2.x Front-End-Grundgerüst
• ElementUI: UI-Bibliothek der Backend-Verwaltungsseite
• IView: Front-End-UI-Bibliothek
• ElasticSearch-Suchebene
• RabbitMQ-Nachrichtenwarteschlange
• Shiro-Authentifizierungsschicht
• Redis-Caching-Ebene
• Swagger-Dokumentation
• Mybaits-Plus ist ein nützliches Mybatis-Framework
• Lombox-Getter-Setter-Plugin
• Druiden-Datenbankverbindungspool
• Jasypt-Verschlüsselung
• Qiniu Yuntu Bett

Modulschichtung

Backend-Modul

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

Backend-Abhängigkeiten

dbblog-core -> dbblog-auth -> dbblog-manage -> dbblog-portal -> dbblog-search

• Einführung einer Multimodulform, um die spätere Transformation und Aktualisierung von SpringCloud-Mikrodiensten zu erleichtern

Frontend-Modul

Backend-Verwaltungsseite

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

Titelseite

├── 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工具类

Projektbereitstellung

Server

Projekt-Backend-Umgebung

• JDK1.8
• MySQL5.7
• Redis
• IDEA-Compiler
• Lombox-Plugin (Baidu)
• ElasticSearch 6.x
• RabbitMQ
• IDEA-Compiler

Bereitstellungsschritte:

1. Erstellen Sie die Datenbank dbblog und importieren Sie alle SQL-Dateien in dbblog-backend -> db
2. Ändern Sie die Datenbankverbindung, Redis-Verbindung, ElasticSearch-Verbindung und RabbitMQ-Verbindung von application-*.yml in dbblog-backend -> dbblog-> dbblog-core
3. Importieren Sie das Projekt und führen Sie die Hauptmethode in dbblog-backend -> dbblog-search -> BlogApplication aus

Frontend

Front-End-Umgebung:

• Node.js 8.0+
• WebStorm-Editor

Bereitstellungsschritte:

1. Importieren Sie das Projekt und führen Sie npm install aus (falls dies fehlschlägt, löschen Sie das Paket und versuchen Sie es mit cnpm install).
2. Starten Sie das Projekt: npm run dev
3. Front-End-Adresse: localhost:8002 Adresse der Verwaltungsschnittstelle: localhost:8888 Kontoadministrator, Passwort 123456

Schnittstellenvorschau

Gedanken

Ich habe während meines Studiums gebloggt und meine Technologieauswahl begann mit SSM+JSP Blog 1

-> Übergang zum modularisierten SpringBoot-Blog 2

-> Der aktuelle Front-End- und Back-End-Trennungsblog Blog 3

Wenn Sie Java-Neuling sind, können Sie den Prozess auch verfolgen, aus diesen Codes lernen und versuchen, einen eigenen Blog zu implementieren. Ich glaube, dass dies für Ihr Wachstum hilfreich sein wird!

Wenn Sie Interesse haben, können Sie den Blogger auch auf eine Tasse Tee einladen::laughing::

Schließlich lautet meine Github-Adresse https://github.com/llldddbbb/dbblog. Open Source ist nicht einfach, also geben Sie mir unbedingt ==Star==! !