structure admin

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（客戶端雙向資料綁定框架） 官方網站

二、線上地址

線上地址： 線上地址，帳號：test，密碼：123456

三、系統截圖

3.1 登入頁

3.1 首頁

四、本地運行程序

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後台管理框架下搭建，週報系統演示地址為：系統網站平台
• 週報系統源碼位址：週報系統源碼位址
• 已經封裝成npm包vue-node-cli，形成前後端全端開發-管控系統的模板。