egg cms

cms-api

beschreiben

cms-api ist ein Blog-Verwaltungssystem, das Front- und Backend trennt.

Technologie-Stack

Back-End-Technologie-Stack: egg.js + mysql + sequelize + jwt usw.

Front-End-Technologie-Stack: Vue Family Bucket + Axios + ElementUI + Markdown-Editor usw.

Front-End-Projektadresse: https://github.com/caiheping/vue-cms

Umfeld

Knotenversion 8 oder höher

MySQL-Datenbank

Projektbetrieb

git clone https://github.com/caiheping/egg-cms.git
# 如果clone 很慢，也可以拉码云的仓库
git clone https://gitee.com/caiheping/egg-cms.git
cd egg-cms
npm install

Ändern Sie dann config/config.default.js und Database/config.json (es spielt keine Rolle, ob Sie dies ändern oder nicht) und legen Sie Ihren eigenen Datenbank-Benutzernamen und Ihr eigenes Passwort fest.

Erstellen Sie die Datenbank egg_cms_development

Importieren Sie die Datei egg_cms_development.sql im Projektstammverzeichnis unter der Datenbank egg_cms_development

Führen Sie das Projekt aus

npm rundev

Öffnen Sie den Browser http://127.0.0.1:7001/index.html

Admin-Anmeldekonto: admin, Passwort: 123456. Für normale Benutzerkonten und Passwörter verwenden Sie admin, um die Benutzerverwaltung zu erstellen.

Projektfunktion

• Anmelden – Fertig
• Startseite – Gehen Sie zu meinem Blog
• Artikelliste – hinzufügen, löschen, ändern und prüfen
• Artikeltyp: hinzufügen, löschen, ändern, prüfen
• Benutzercenter – Hinzufügen, Löschen, Ändern und Überprüfen
• Rollenverwaltung – hinzufügen, löschen, ändern und prüfen
• Menüverwaltung – hinzufügen, löschen, ändern und prüfen
• Abteilungsverwaltung – hinzufügen, löschen, ändern und prüfen
• Mitteilungen und Ankündigungen – Ergänzungen, Löschungen, Änderungen und Anfragen
• Avatar-Upload – abgeschlossen
• Mein Blog-Frontend-Interface (Sie können es betreten, ohne sich anzumelden, nachdem Sie die Adresse kennen)

Verzeichnisstruktur

cms-api
├─ app
|	├─ controller			// 用于解析用户的输入，处理后返回相应的结果
|	├─ extend				// 用于框架的扩展
|	├─ middleware			// 用于编写中间件
|	├─ model				// 用于放置领域模型
|	├─ public				// 用于放置静态资源
|	├─ rules				// 参数校验文件
|	├─ schedule				// 用于定时任务，可选，具体参见定时任务
|	├─ service				// 用于编写业务逻辑层，可选，建议使用
|	├─ utils				// 工具文件
|	├─ router.js				// 用于配置 URL 路由规则
├─ config
|	├─ config.default.js	// 用于编写配置文件
|	├─ plugin.js			// 用于配置需要加载的插件
├─ database
|	├─ migrations			// 数据库迁移文件
|	├─ seeders				// 种子文件
|	├─ config.json				// sequelize 配置文件
├─ logs						// 日志文件
├─ run
├─ test
├─ typings
├─ www						// 前端打包文件
...

Demo-Adresse: http://blog.caihp.top (Mein Server öffnet nur einige Funktionen. Wenn Sie alle Funktionen sehen möchten, kopieren Sie bitte den Code und sehen Sie ihn auf Ihrem eigenen Computer an.)

Benutzername: test

Passwort: 123456

Screenshot der Benutzeroberfläche

Anmeldeseite

Titelseite

Blog-Verwaltung > Artikelliste

Blog-Verwaltung > Beitragstyp

Blog-Management > Freundliche Links

Systemverwaltung > Benutzerverwaltung

Systemverwaltung > Rollenverwaltung

Systemverwaltung > Menüverwaltung

Systemverwaltung > Abteilungsverwaltung

Systemverwaltung > Wörterbuchverwaltung

Systemverwaltung > Benachrichtigungen und Ankündigungen

Mein Blog > Startseite

Mein Blog > Artikeldetails

Portal: Front-End-vue3 + Back-End-Ei-Projektadresse: https://github.com/caiheping/oa-api oder https://gitee.com/caiheping/oa-api

Wenn es für Sie hilfreich ist, können Sie oben rechts auf „Stern“ klicken, um es zu unterstützen. ^_^