egg cms

cms-api

décrire

cms-api est un système de gestion de blog qui sépare le front-end et le back-end.

pile technologique

Pile technologique back-end : egg.js + mysql + sequelize + jwt, etc.

Pile technologique front-end : bucket de la famille vue + axios + elementUI + éditeur de démarques, etc.

Adresse du projet front-end : https://github.com/caiheping/vue-cms

environnement

nœud version 8 ou supérieure

Base de données MySQL

Exploitation du projet

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

Modifiez ensuite config/config.default.js et database/config.json (peu importe que vous modifiiez cela ou non) et définissez votre propre nom d'utilisateur et mot de passe de base de données.

Créer une base de données egg_cms_development

Importez le fichier egg_cms_development.sql dans le répertoire racine du projet sous la base de données egg_cms_development.

Exécuter le projet

npm rundev

Ouvrez le navigateur http://127.0.0.1:7001/index.html

Compte de connexion administrateur : admin, mot de passe : 123456. Pour les comptes d'utilisateurs et les mots de passe ordinaires, utilisez admin pour créer la gestion des utilisateurs.

Fonction de projet

• Connexion -- Terminé
• Accueil--Aller sur mon blog
• Liste d'articles : ajouter, supprimer, modifier et vérifier
• Type d'article : ajouter, supprimer, modifier, vérifier
• Centre utilisateur - Ajouter, supprimer, modifier et vérifier
• Gestion des rôles : ajouter, supprimer, modifier et vérifier
• Gestion des menus : ajouter, supprimer, modifier et vérifier
• Gestion du service : ajouter, supprimer, modifier et vérifier
• Avis et annonces - Ajouts, suppressions, modifications et demandes de renseignements
• Téléchargement de l'avatar – terminé
• Interface frontale de mon blog (vous pouvez entrer sans vous connecter après avoir connu l'adresse)

Structure du répertoire

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						// 前端打包文件
...

Adresse de démonstration : http://blog.caihp.top (Mon serveur n'ouvre que certaines fonctions. Si vous souhaitez voir toutes les fonctions, veuillez copier le code et le visualiser sur votre propre ordinateur)

Nom d'utilisateur : tester

Mot de passe : 123456

Capture d'écran de l'interface

Page de connexion

première page

Gestion du blog > Liste d'articles

Gestion du blog > Type de publication

Gestion du blog>Liens amicaux

Gestion du système > Gestion des utilisateurs

Gestion du système > Gestion des rôles

Gestion du système > Gestion des menus

Gestion du système > Gestion des départements

Gestion du système > Gestion des dictionnaires

Gestion du système>Notifications et annonces

Mon blog > Page d'accueil

Mon blog > Détails de l'article

Portail : front-end vue3 + back-end egg adresse du projet : https://github.com/caiheping/oa-api ou https://gitee.com/caiheping/oa-api

Si cela vous est utile, vous pouvez cliquer sur "Étoile" dans le coin supérieur droit pour le soutenir. Merci ! ^_^