الصفحة الرئيسية>PHP كود المصدر>فئات أخرى
تنزيل

مدونة سيئة؟

巩固知识、打发时间تم تطوير هذا المشروع بناءً على هاتين النقطتين، وقد تكون هناك عيوب في التفاصيل.

يلاحظ

رمز الواجهة الأمامية هو: ./front-end رمز الواجهة هو: ./server رمز إدارة الخلفية هو: ./admin

؟ مقدمة المشروع

مقدمة ذات صلة

يعتمد نمط موضوع المدونة على YEVPT ps: 嘤嘤嘤، وليس جميل المظهر مثله

  1. مدونة متعددة الأشخاص (يمكن للجميع نشر المقالات، المقالات تحتاج إلى مراجعة) رياضة متعددة اللاعبين؟؟؟
  2. الأدوار/الأذونات الديناميكية الخلفية (يمكن تهيئتها بواسطة المسؤول المتميز)
  3. ملفات الموارد (الصور، مواد دراسية معينة ) الإدارة المركزية
  4. الموقع كامل https
  5. RESETful api التوحيد

تعليمات التكوين

تكوين الخادم (دليل الخادم) يدعم المشروع حاليًا طريقتين للتكوين: file و nacos ، والتي يمكن تمييزها عن طريق متغيرات البيئة ( CONFIG_MODE ). 

 CONFIG_MODE=file | nacos # 二选一
  1. يتم دمج تكوين الملف وإدخاله من خلال الدليل الجذر للخادم app.config.[production|development].json و app.config.json .
  2. يتم حقن nacos من خلال متغيرات البيئة 
 NACOS_SERVER_ADDR=localhost:8848 # 地址
NACOS_NAMESPACE=dev # 命名空间
NACOS_DATA_ID=blog # 数据ID
NACOS_GROUP=DEFAULT_GROUP # 组ID
NACOS_USERNAME=dev_test # 用户名
NACOS_PASSWORD=111111 # 密码

?مقدمة للإصدارات التاريخية

كلها كتبت عندما كنت في المدرسة.

تمت كتابة الإصدار الأول بواسطة Java servlet ولم يعد يتم صيانته 1.0
الإصدار الثاني هو koa+mongo+ejs+bootstrap+jquery+layui وهو مغلق حاليًا وتم ترحيل بيانات المقالة [githubh2.0] [العنوان عبر الإنترنت].

؟ لم تنته

  1. إشعار الرسالة (لم أفعل أي شيء على الإطلاق، بكيت)
  2. وظيفة الإعجاب/الإعجاب (محجوزة)
  3. نسيت. (الذاكرة اليومية ليست جيدة)
  4. تفاصيل

يعرض

?كومة التكنولوجيا

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

بشكل عام: Nest/nuxt/vue
واجهة المستخدم: ElementUI/Vuetify
تخزين البيانات: mongo/redis/cookie/localStoreage
الإخطار: تينسنت الرسائل القصيرة / البريد الإلكتروني

لم يتم تحميل بعض ملفات التكوين على جيثب، وسيتم تبسيطها وتحميلها لاحقًا [GitHub] [العنوان على الإنترنت]

نشر

النشر في حاويات باستخدام Docker

tar --exclude=node_modules --exclude=dist --exclude=.nuxt --exclude=_config --exclude=.DS_Store --exclude=.git -zcvf ../blog3.tar.gz .
docker-compose up --build
docker-compose up -d

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

باستخدام Nuxtjs + Vuetify.js

الخادم

استخدم nestjs + mongodb + redis + cos

منصة الإدارة

باستخدام Vuejs + Element UI

?هيكل الدليل 

 ├── README.md            # 自述
├── admin                # 管理页面
│   ├── Dockerfile              # 管理页面 Dockerfile 配置 （ps: 目前无用）
│   ├── README.md               # 管理页面自述
│   ├── package.json
│   ├── public
│   ├── src                     # 项目目录
│   └── vue.config.js           # vue 配置文件
├── docker-compose.yml   # docker-compose 配置文件
├── front-end            # 博客前台页面
│   ├── Dockerfile
│   ├── README.md
│   ├── assets
│   ├── components
│   ├── constant
│   ├── jsconfig.json
│   ├── layouts
│   ├── middleware
│   ├── nuxt.config.js
│   ├── package-lock.json
│   ├── package.json
│   ├── pages
│   ├── plugins
│   ├── server
│   ├── static
│   ├── store
│   └── utils
├── package.json
└── server                # 博客服务端
    ├── Dockerfile
    ├── README.md
    ├── dist
    ├── nest-cli.json
    ├── package-lock.json
    ├── package.json
    ├── src
    ├── test
    ├── tsconfig.build.json
    ├── tsconfig.json
    ├── tslint.json
    ├── views
    └── yarn.lock

التقدم في تطوير المشروع

2020-06-22 نشر مشروع الإصدار الأساسي
02-07-2020 اكتملت الوظيفة التفاعلية بشكل أساسي

كيف يعمل؟

  1. استنساخ هذا المشروع

  2. قم بتغيير server/src/ _config إلى server/src/ config

  3. قم بتعديل التكوين في الملف server/src/config/default.conf.ts

  4. تثبيت التبعيات في كل مشروع

  5. قم بتشغيل الخادم

npm run start:dev cd server && npm:dev

  1. تشغيل الواجهة الأمامية للمدونة

cd front-end && npm run dev

  1. تشغيل خلفية الإدارة

cd admin && npm run serve

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل