快速基於nodeJS+vue+vuex+mysql+redis建立一個後臺管控系統

structure-admin

structure-admin是一個後臺管控系統的架子，技術棧：nodeJS+vue+vuex+mysql+redis，前端使用vue的element-ui的組件庫，後端使用nodeJS的服務，數據庫mysql，緩存使用的是redis，後端完全使用nodeJS，數據庫使用mysql，基於nodejs的thinkjs框架搭建的，全棧開發。

支持：

• 1、vuex來實現狀態管理
• 2、靜態頁面，引入後端服務（nodeJs）
• 3、組件是用的是element-ui
• 4、頁面佈局是上左右，左右佈局使用的彈性和佈局flex，左邊定寬，右邊計算寬度
• 5、左右的滾動條是相互獨立的，去掉body上的滾動條

如果喜歡nodeJS寫的後端，支持大前端，支持全棧開發，請請star並fork項目。

如有使用問題請留言。

一、技術棧

• ThinkJS（ Node端框架） 官方網站
• Vue.js（客戶端雙向數據綁定框架） 官方網站

二、源碼地址

structure-admin

三、線上地址

線上地址： http://structure_admin.mwcxs.top
賬號：test，密碼：123456

四、系統截圖

4.1 登錄頁

4.2 主頁

五、本地運行程序

1、首先你的環境是nodejs，不會安裝配置參考：nodejs環境配置

2、clone下來項目

git clone https://github.com/saucxs/structure-admin.git

3、分別針對前端vue的structure-admin-web的文件夾和node後端structure-admin-node，安裝相應依賴

npm install

4、安裝redis（可以考慮安裝RedisDesktopManager）

參考：安裝window下的redis，redis可視化管理工具（Redis Desktop Manager）安裝，基礎使用，實例化項目

5、安裝mysql，這個就不贅述

6、修改nodejs的後端的配置文件adapter.js，config.js這兩個文件中

adapter.js

exports.cache = {
    type: 'redis',
    common: {
        timeout: 24 * 60 * 60 * 1000 // millisecond
    },
    redis: {
        handle: redisCache,
        host: '127.0.0.1',
        port: 6379,
        password: 'a123456'  //redis安裝時候設置的祕密
    }
};
//
//
exports.model = {
  type: 'mysql',
  common: {
    logConnect: true,
    logSql: true,
    logger: msg => think.logger.info(msg)
  },
  mysql: {
    handle: mysql,
    database: 'structure_admin',
    prefix: 'structure_',
    encoding: 'utf8',
    host: '127.0.0.1',   //本地數據庫
    port: '3306',　　　　　//數據庫端口
    user: 'root',    //數據庫的用戶名
    password: '123456',    //數據庫該用戶名的密碼
    dateStrings: true
  }
};

7、數據庫文件，地址在structure-admin-node/src/common/mysql/structure_admin.sql

8、分別對前後端分離的項目啓動

(1)前端vue的structure-admin-web的啓動

npm run dev

(2)和node後端structure-admin-node的啓動

npm start

說明

週報系統是基於structure-admin後臺管理框架下搭建

週報系統演示地址爲：系統網站平臺

週報系統源碼地址：週報系統源碼地址

歡迎fork和start