blog3.0

Ein schlechter Blog?

巩固知识、打发时间Dieses Projekt basiert auf diesen beiden Punkten und kann Fehler in den Details aufweisen.

Beachten

Der Front-End-Code lautet: ./front-end Der Schnittstellencode lautet: ./server Der Hintergrundverwaltungscode lautet: ./admin

?Projekteinführung

Verwandte Einführung

Der Stil des Blog-Themas basiert auf YEVPT ps: 嘤嘤嘤, nicht so gut aussehend wie er

1. Blog für mehrere Personen (jeder kann Artikel veröffentlichen, Artikel müssen überprüft werden) Multiplayer-Sport???
2. Dynamische Backend-Rollen/Berechtigungen (können vom Superadministrator konfiguriert werden)
3. Ressourcendateien (Bilder, bestimmte Lernmaterialien ) Zentralisierte Verwaltung
4. Vollständige Website https
5. RESETful api Standardisierung

Konfigurationsanleitung

Serverkonfiguration (Serververzeichnis) Das Projekt unterstützt derzeit zwei Konfigurationsmethoden: file und nacos , die durch Umgebungsvariablen ( CONFIG_MODE ) unterschieden werden können.

 CONFIG_MODE=file | nacos # 二选一

1. Die Dateikonfiguration wird zusammengeführt und über die Server-Stammverzeichnisse app.config.[production|development].json und app.config.json eingefügt.
2. Nacos werden über Umgebungsvariablen injiziert

 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 # 密码

?Einführung in historische Versionen

Sie wurden alle geschrieben, als ich noch zur Schule ging.

Die erste Version wurde von Java Servlet geschrieben und wird nicht mehr gepflegt
Die zweite Version ist koa+mongo+ejs+bootstrap+jquery+layui. Sie ist derzeit geschlossen und die Artikeldaten wurden migriert [githubh2.0] [Online-Adresse].

?Unvollendet

1. Nachrichtenbenachrichtigung (hat überhaupt nichts getan, geweint)
2. Like/Like-Funktion (reserviert)
3. Vergessen. ? (Das Tagesgedächtnis ist nicht gut)
4. Einzelheiten

ausstellen

?Technologie-Stack

Der Blog fühlt sich ein bisschen so an, als würde man einen Technologie-Stack aufbauen, nur um des Aufbaus eines Technologie-Stacks willen. Ich sagte, dass es bestätigt wurde! ! !
Ursprünglich hatte ich vor, direkt zum 3n-Frame zu masturbieren, aber ich war immer noch zu faul. .

Im Allgemeinen: Nest/Nuxt/Vue
Benutzeroberfläche: ElementUI/Vuetify
Datenspeicherung: mongo/redis/cookie/localStoreage
Benachrichtigung: Tencent SMS/E-Mail

Einige Konfigurationsdateien wurden nicht auf Github hochgeladen und werden später vereinfacht und hochgeladen [GitHub] [Online-Adresse]

einsetzen

Containerisierte Bereitstellung mit 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

Blog-Frontend

Verwenden von Nuxtjs + Vuetify.js

Server

Verwenden Sie nestjs + mongodb + redis + cos

Verwaltungsplattform

Verwenden von Vuejs + Element UI

?Verzeichnisstruktur

 ├── 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

Fortschritt der Projektentwicklung

22.06.2020 Projektbereitstellung in der Basisversion
02.07.2020 Die interaktive Funktion ist im Wesentlichen abgeschlossen

?Wie funktioniert es?

1. Klonen Sie dieses Projekt

2. Ändern Sie server/src/ _config in server/src/ config

3. Ändern Sie die Konfiguration in der Datei server/src/config/default.conf.ts

4. Installieren Sie Abhängigkeiten in jedem Projekt

5. Führen Sie den Server aus

cd server && npm run start:dev

5. Ausführen des Blog-Frontends

cd front-end && npm run dev

6. Führen Sie den Verwaltungshintergrund aus

cd admin && npm run serve