l blog

Projets front-end de backend de site Web personnel et de gestion backend

Site personnel => http://blog.lwl.tech Gestion backend => http://admin.lwl.tech

version node.js

 node -v
v8.10.0

Descriptif du catalogue

Dans les coulisses

 ├── common          // 公共
├── config          // 配置文件夹
├── db              // 数据库语句
├── l-admin         // 管理后台前端 Vue 项目
├── logs            // 打印日志文件夹
├── middlewares     // 中间件
├── model           // 业务处理
├── node_modules
├── public          // 静态资源
├── routes          // 路由
│   ├── admin       // 管理后台相关路由
│   ├── blog        // 博客端相关路由
├── utils           // 工具
├── views           // 前端页面
├── ADMIN-API.md    // 管理后台接口文档
├── BLOG-API.md     // blog 接口文档
├── redis-db.md     // redis 使用说明
└── pm2-watch.json  // pm2 配置文件 `pm2 start|restart|reload pm2-watch.json`

Gestion back-end et front-end

 ├── build           // webpack
├── config          // webpack config
├── node_modules
├── src
│   ├── assets      // 资源
│   ├── components  // 组件
│   ├── config      // 配置文件
│   ├── logic       // 逻辑处理（接口调用）
│   ├── pages       // 视图界面
│   ├── plugins     // Vue 插件
│   ├── router      // 路由
│   ├── store       // Vuex
│   └── utils       // 工具
└── static          // 资源
    └── editor.md   // markdown 编辑器库
    └── img

Technologie utilisée

Dans les coulisses

• Node.js
• Express
• ...

Veuillez consulter les dépendances du fichier package.json pour plus de détails.

Front-end de gestion back-end

• Vue
• element-ui
• ...

Veuillez consulter les dépendances du fichier package.json pour plus de détails.

Description de la commande

Dépend de l'installation

Utilisez yarn au lieu de npm

Dans les coulisses

npm run dev # 开发环境运行
npm run start # 生产环境运行
gulp # 博客前端编译 sass 和 压缩 js

Front-end de gestion back-end

npm run dev # 开发调试
npm run build # 打包发布

Environnement de déploiement back-end

1. Description du fichier de configuration

   • Chemin du fichier de configuration ./config/* .
   • Les fichiers de configuration de l'environnement de production doivent être créés manuellement.
   • Copiez un fichier de configuration d'environnement de développement et remplacez le suffixe par .prod.js .
   • Les valeurs de configuration à l'intérieur sont renseignées en fonction de la situation réelle.
   • La logique spécifique peut être trouvée dans le code ./config/index.js .
   • ./l-admin/src/config de configuration en arrière-plan de gestion./l-admin/src/config

2. besoin d'environnement

   • Cacher Redis .
   • Base de données postgresql .
   • 七牛云est utilisé pour le stockage d'images.

3. Description du compte administrateur

   • Le compte administrateur est automatiquement généré lors du premier démarrage du serveur.
   • Le compte par défaut est admin et le mot de passe est 123456 .
   • Les informations de l'administrateur d'initialisation peuvent être consultées dans la configuration ./config/index.js .
   • Logique spécifique. Méthode _initAdmin() dans ./model/admin/user_base.js .

Documentation de l'interface de gestion back-end

Fichier ./ADMIN-API.md pour afficher les détails

Interface de blog frontale

Fichier ./BLOG-API.md pour afficher les détails