dbblog

بسبب ساعات العمل، لم يعد يتم صيانته، أرجو أن تسامحوني!

مقدمة

هذا نظام مدونة مفتوح المصدر يعتمد على Springboot2. يتمتع التصميم سريع الاستجابة والهواتف المحمولة والأجهزة اللوحية وأجهزة الكمبيوتر بمؤثرات بصرية جيدة!

• يمكنك استخدامه كبرنامج تعليمي عملي لتعلم الواجهة الأمامية Vue2.x؛
• يمكنك أيضًا استخدامه كمشروع تعليمي لتقنية Springboot2.x؛
• يمكنك أيضًا استخدامه كعرض تعليمي لبرنامجي ElasticSearch وRabbitMQ المشهورين حاليًا؛
• يمكنك أيضًا التفكير في الأمر كممارسة مشروع مع فصل الواجهة الأمامية والخلفية؛
• يمكنك أيضًا تعلم وفهم أفكار SpringCloud الموجهة نحو الخدمة؛
• ...

استخدم التكنولوجيا

• SpringBoot 2.x الإطار الأساسي للخلفية
• Vue 2.x الإطار الأساسي للواجهة الأمامية
• ElementUI: مكتبة واجهة المستخدم لصفحة إدارة الواجهة الخلفية
• IView: مكتبة واجهة المستخدم الأمامية
• طبقة بحث ElasticSearch
• قائمة انتظار الرسائل RabbitMQ
• طبقة مصادقة شيرو
• Redis طبقة التخزين المؤقت
• وثائق التباهي
• Mybaits-Plus هو إطار عمل mybatis مفيد
• lombox getter setter البرنامج المساعد
• تجمع اتصال قاعدة بيانات الكاهن
• تشفير جاسيبت
• سرير تشينيو يونتو

طبقات الوحدة

وحدة الواجهة الخلفية

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-manage -> dbblog-portal -> dbblog-search

• اعتماد نموذج متعدد الوحدات لتسهيل التحويل والترقية اللاحقة لخدمات 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工具类

نشر المشروع

الخادم

البيئة الخلفية للمشروع

• JDK1.8
• ماي اس كيو ال 5.7
• ريديس
• مترجم IDEA
• البرنامج الإضافي Lombox (بايدو)
• البحث المرن 6.x
• RabbitMQ
• مترجم IDEA

خطوات النشر:

1. قم بإنشاء قاعدة بيانات dbblog واستيراد كافة ملفات SQL في dbblog-backend -> db
2. قم بتعديل اتصال قاعدة البيانات واتصال redis واتصال ElasticSearch واتصال RabbitMQ للتطبيق-*.yml في dbblog-backend -> dbblog-> dbblog-core
3. قم باستيراد المشروع وتشغيل الطريقة الرئيسية في dbblog-backend -> dbblog-search -> BlogApplication

الواجهة الأمامية

البيئة الأمامية:

• نود.جي إس 8.0+
• محرر ويب ستورم

خطوات النشر:

1. قم باستيراد المشروع وتشغيل تثبيت npm (إذا فشل، قم بمسح الحزمة وحاول تثبيت cnpm)
2. ابدأ المشروع: npm run dev
3. عنوان الواجهة الأمامية: المضيف المحلي: 8002 عنوان واجهة الإدارة: المضيف المحلي: 8888 مسؤول الحساب، كلمة المرور 123456

معاينة الواجهة

أفكار

لقد قمت بالتدوين عندما كنت في الكلية، وبدأ اختياري للتكنولوجيا مع مدونة SSM+JSP 1

--> الانتقال إلى مدونة SpringBoot المعيارية 2

--> مدونة الفصل الحالية للواجهة الأمامية والخلفية 3

إذا كنت جديدًا في استخدام Java، فيمكنك أيضًا متابعة العملية والتعلم من هذه الرموز ومحاولة إنشاء مدونة خاصة بك وأعتقد أنها ستكون مفيدة لنموك.

إذا كنت مهتمًا، يمكنك أيضًا دعوة المدون لتناول كوب من الشاي::ضحك::

أخيرًا، عنوان جيثب الخاص بي هو https://github.com/llldddbbb/dbblog. المصدر المفتوح ليس سهلاً، لذا تأكد من إعطائي ==نجمة==! !