1. 項目概述：
根據不同的應用場景，電商系統一般都提供了 PC 端、移動 APP、移動 Web、微信小程序等多種終端訪問方式。
2. 電商后台管理系統的功能
電商后台管理系統用於管理用戶賬號、商品分類、商品信息、訂單、數據統計等業務功能。
3. 電商后台管理系統的開發模式（前后端分離）
電商后台管理系統整體采用前后端分離的開發模式，其中前端項目是基於 Vue 技術棧的 SPA 項目。
前后端分離模式：后端負責寫接口，前端負責調用接口的開發模式
4. 電商后台管理系統的技術選型
① 前端項目技術棧
- Vue
- Vue-router
- Element-UI
- Axios
- Echarts
② 后端項目技術棧
- Node.js
- Express
- Jwt
- Mysql
- Sequelize
5. 項目初始化
① 前端項目初始化步驟
- 安裝 Vue 腳手架
- 通過 Vue 腳手架創建項目
- 配置 Vue 路由
- 配置 Element-UI 組件庫
- 配置 axios 庫
- 初始化 git 遠程倉庫
- 將本地項目托管到 Github 或 碼雲 中
使用Vue 腳手架快速生成 Vue 項目基礎架構：打開cmd，輸入vue ui命令進入圖形化界面創建vue項目：
安裝Babel、Router、Linter/Formatter、配置文件：
創建好項目之后，再安裝需要的插件，安裝ElementUI：
安裝項目需要的依賴：配置axios：
初始化好項目后，需要申請一個碼雲賬號，方便以后將項目代碼上傳到雲端：
注意：申請過程必須要設置SSH公鑰：怎樣設置公鑰
將本地項目托管到碼雲上：
創建完成之后打開終端，執行下面這兩行全局設置命令：
根據是否有倉庫分別選擇所要執行的命令：
我們已經創建過了vue項目，所以使用的是第二種方式。
首先找到剛才創建的vue項目所在的文件夾，按住shift+右鍵，打開一個powershell終端，使用git status命令檢查一下項目狀態：
會發現這里面有些文件還需要提交一下，使用git add .命令將所有文件都提交一下，添加到暫存區
然后使用git commit -m 'add files'命令先在本地做一次提交
當提交完成之后，再使用git status檢查一下項目狀態：
當前所做的操作只是在本地操作倉庫，如果要把該倉庫上傳到碼雲中，該怎么做呢？
執行下面這兩句命令，將本地倉庫與雲端倉庫做一下關聯：
解決git push -u origin master命令報錯：error: failed to push some refs to 'xxxx'的問題
第一次提交會彈出一個命令窗口驗證你的身份：
提交完成：
② 后台項目的環境安裝配置
- 安裝 MySQL 數據庫
- 安裝 Node.js 環境
- 配置項目相關信息
- 啟動項目
- 使用 Postman 測試后台項目接口是否正常
將后台接口代碼的db文件夾中的mydb.sql文件導入到MySQL數據庫中：navicat如何導入並執行.sql文件
然后將config文件夾下的default.son配置文件修改一下連接數據庫的信息：
打開后台接口項目，shift+右鍵打開一個powershell終端，輸入npm install命令安裝所有的依賴包
安裝完成之后，就可以啟動該項目了，輸入node app.js命令將api接口項目運行起來：
出現類似這種頁面就表示啟動成功
接下來根據該后台管理系統的模塊分為7個部分來分別介紹：
代碼地址：https://github.com/Emliy-zcy/Backstage-Management-System-Based-on-vue