dbblog

เนื่องจากเวลาทำการ จึงไม่มีการดูแลรักษาอีกต่อไป โปรดยกโทษให้ฉันด้วย!

การแนะนำ

นี่คือระบบบล็อกโอเพ่นซอร์สที่ใช้ Springboot2 การออกแบบที่ตอบสนอง โทรศัพท์มือถือ แท็บเล็ต และพีซีล้วนมีเอฟเฟกต์ภาพที่ดี!

• คุณสามารถใช้มันเป็นบทช่วยสอนแบบลงมือปฏิบัติจริงสำหรับการเรียนรู้ front-end Vue2.x;
• คุณยังสามารถใช้เป็นโปรเจ็กต์การเรียนรู้สำหรับเทคโนโลยี springboot2.x ได้
• คุณยังสามารถใช้เป็นการสาธิตการเรียนรู้สำหรับ ElasticSearch และ RabbitMQ ที่ได้รับความนิยมในปัจจุบันได้
• คุณยังสามารถคิดว่ามันเป็นแนวทางปฏิบัติของโครงการที่มีการแยกส่วนหน้าและส่วนหลังออก
• คุณยังสามารถเรียนรู้และเข้าใจแนวคิดเชิงบริการของ SpringCloud
• -

ใช้เทคโนโลยี

• เฟรมเวิร์กพื้นฐานพื้นหลัง SpringBoot 2.x
• เฟรมเวิร์กพื้นฐานส่วนหน้าของ Vue 2.x
• ElementUI: ไลบรารี UI ของหน้าการจัดการแบ็กเอนด์
• IView: ไลบรารี UI ส่วนหน้า
• เลเยอร์การค้นหา ElasticSearch
• คิวข้อความ RabbitMQ
• ชั้นการรับรองความถูกต้องของ Shiro
• Redis เลเยอร์แคช
• เอกสารผยอง
• Mybaits-Plus เป็นเฟรมเวิร์ก mybatis ที่มีประโยชน์
• ปลั๊กอินตัวตั้งค่า lombox getter
• พูลการเชื่อมต่อฐานข้อมูลดรูอิด
• การเข้ารหัส jasypt
• เตียงฉินิว หยุนทู่

การแบ่งชั้นโมดูล

โมดูลแบ็กเอนด์

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

การพึ่งพาแบ็กเอนด์

dbblog-core -> dbblog-auth -> dbblog-จัดการ -> dbblog-portal -> dbblog-ค้นหา

• การใช้รูปแบบหลายโมดูลเพื่ออำนวยความสะดวกในการเปลี่ยนแปลงและอัปเกรดไมโครเซอร์วิส SpringCloud ในภายหลัง

โมดูลส่วนหน้า

หน้าการจัดการแบ็กเอนด์

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

หน้าแรก

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

การปรับใช้โครงการ

เซิร์ฟเวอร์

สภาพแวดล้อมแบ็กเอนด์ของโครงการ

• เจดีเค1.8
• มายเอสคิวแอล 5.7
• เรดิส
• คอมไพเลอร์ IDEA
• ปลั๊กอิน Lombox (Baidu)
• ElasticSearch 6.x
• RabbitMQ
• คอมไพเลอร์ IDEA

ขั้นตอนการปรับใช้:

1. สร้างฐานข้อมูล dbblog และนำเข้าไฟล์ sql ทั้งหมดใน dbblog-backend -> db
2. แก้ไขการเชื่อมต่อฐานข้อมูล การเชื่อมต่อ Redis การเชื่อมต่อ ElasticSearch และการเชื่อมต่อ RabbitMQ ของ application-*.yml ใน dbblog-backend -> dbblog-> dbblog-core
3. นำเข้าโครงการและเรียกใช้วิธีการหลักใน dbblog-backend -> dbblog-search -> BlogApplication

ส่วนหน้า

สภาพแวดล้อมส่วนหน้า:

• Node.js 8.0+
• ตัวแก้ไข WebStorm

ขั้นตอนการปรับใช้:

1. นำเข้าโปรเจ็กต์และรันการติดตั้ง npm (หากล้มเหลว ให้ล้างแพ็คเกจแล้วลองติดตั้ง cnpm)
2. เริ่มโครงการ: npm run dev
3. ที่อยู่ส่วนหน้า: localhost:8002 ที่อยู่อินเทอร์เฟซการจัดการ: localhost:8888 ผู้ดูแลบัญชี รหัสผ่าน 123456

การแสดงตัวอย่างอินเทอร์เฟซ

ความคิด

ฉันเขียนบล็อกเมื่อสมัยเรียนมหาวิทยาลัย และการเลือกเทคโนโลยีของฉันเริ่มต้นด้วยบล็อก SSM+JSP 1

-> การเปลี่ยนไปใช้ SpringBoot Blog 2 แบบโมดูลาร์

-> บล็อกบล็อกการแยกส่วนหน้าและส่วนหลังปัจจุบัน 3

หากคุณยังใหม่กับ Java คุณสามารถปฏิบัติตามกระบวนการและเรียนรู้จากโค้ดเหล่านี้ และลองใช้งานบล็อกของคุณเอง ฉันเชื่อว่ามันจะเป็นประโยชน์ต่อการเติบโตของคุณ!

หากสนใจสามารถชวนบล็อกเกอร์มาดื่มชาด้วยกันได้::laughing::

สุดท้ายนี้ ที่อยู่ github ของฉันคือ https://github.com/llldddbbb/dbblog โอเพ่นซอร์สไม่ใช่เรื่องง่าย ดังนั้นอย่าลืมให้ฉัน ==Star==! -