l blog

個人網站後台以及後台管理前端項目

個人網站=> http://blog.lwl.tech 後台管理=> http://admin.lwl.tech

node.js 版本

 node -v
v8.10.0

目錄說明

後台

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

管理後台前端

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

所用技術

後台

• Node.js
• Express
• …

詳情請看package.json檔案依賴

後台管理前端

• Vue
• element-ui
• …

詳情請看package.json檔案依賴

命令說明

依賴安裝

使用yarn代替npm

後台

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

後台管理前端

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

後台部署環境

1. 設定檔說明

   • 設定檔路徑./config/* 。
   • 生產環境設定檔需要手動建立。
   • 複製一份開發環境設定檔然後修改後綴名為.prod.js即可。
   • 裡面配置值依實際情況填入。
   • 具體邏輯可看./config/index.js程式碼。
   • 管理後台設定資料夾./l-admin/src/config

2. 需要環境

   • 快取Redis 。
   • 資料庫postgresql 。
   • 圖片儲存使用的是七牛云。

3. 管理員帳號說明

   • 管理員帳號會在第一次伺服器啟動時自動產生。
   • 預設帳號為admin ，密碼為123456 。
   • 初始化管理者資訊可查看./config/index.js配置。
   • 具體邏輯./model/admin/user_base.js中_initAdmin()方法。

後台管理介面文檔

./ADMIN-API.md檔案可查看詳情

前端部落格介面

./BLOG-API.md檔案可查看詳情