l blog

個人 Web サイトのバックエンドおよびバックエンド管理のフロントエンド プロジェクト

個人 Web サイト => 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ファイルの依存関係を参照してください。

コマンドの説明

設置状況により異なります

npmの代わりにyarnを使用する

バックステージ

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ファイルで詳細を表示します