Vue完整前後臺項目介紹

vue-manage

此爲一個完整的使用vue2.0、vue-cli 3.0、iView3.0 包含前後端的項目

Github地址爲：vue-manage

vue-manage包含了兩個項目，一個爲後臺項目：vue-serevr-backend,提供基本的數據服務，另一個爲前臺項目：vue-backend-mange，提供可視化界面服務

後臺項目： vue-server-backend

後臺項目的啓動流程爲：

1. 執行數據庫文件

   在項目的資源文件夾static目錄下是後臺的數據庫文件，在自己的數據庫中新建一個數據庫，名爲 vue-manage,之後運行SQL文件就可以了

2. 修改配置文件中數據庫的配置

   將數據庫連接配置改爲自己的就可以了

上述兩步執行之後，就可以啓動整個後臺工程了。

前臺項目：vue-backend-mange

由於前臺項目是根據vue-cli 3.0構建的，所以編譯啓動之前要將vue-cli升級到3.0

之後的步驟無外乎這幾步了：

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

1. 項目登錄界面：

2. 項目主頁：

主頁沒寫內容，哈哈

3. 用戶管理界面：

   用戶管理界面基本的增刪查改都有，分頁功能也包含了。

   導出功能爲將後臺傳回的流文件導出爲Excel表格

用戶導入功能爲將Excel表格數據導入數據庫中

4. 專輯管理界面

   專輯管理界面包含基本的增刪查改，以及下拉樹框，百度富文本框以及文件的上傳

5. 單集管理界面

   單集管理界面基本的增刪查改，圖片以及音頻文件的上傳，以及表格數據的多選操作

6. 專輯分類

   專輯分類界面是一個樹形結構界面，自定義iView組件的內容實現，基本的增刪查改功能也包含了，Tree組件的異步加載也實現了