快速基于nodeJS+vue+vuex+mysql+redis创建一个后台管控系统

structure-admin

structure-admin是一个后台管控系统的架子，技术栈：nodeJS+vue+vuex+mysql+redis，前端使用vue的element-ui的组件库，后端使用nodeJS的服务，数据库mysql，缓存使用的是redis，后端彻底使用nodeJS，数据库使用mysql，基于nodejs的thinkjs框架搭建的，全栈开发。

支持：

• 一、vuex来实现状态管理
• 二、静态页面，引入后端服务（nodeJs）
• 三、组件是用的是element-ui
• 四、页面布局是上左右，左右布局使用的弹性和布局flex，左边定宽，右边计算宽度
• 五、左右的滚动条是相互独立的，去掉body上的滚动条

若是喜欢nodeJS写的后端，支持大前端，支持全栈开发，请请star并fork项目。

若有使用问题请留言。

1、技术栈

• ThinkJS（ Node端框架） 官方网站
• Vue.js（客户端双向数据绑定框架） 官方网站

2、源码地址

structure-admin

3、线上地址

线上地址： structure_admin.mwcxs.top 帐号：test，密码：123456

4、系统截图

4.1 登陆页

4.2 主页

5、本地运行程序

一、首先你的环境是nodejs，不会安装配置参考：nodejs环境配置

二、clone下来项目

git clone https://github.com/saucxs/structure-admin.git
复制代码

三、分别针对前端vue的structure-admin-web的文件夹和node后端structure-admin-node，安装相应依赖

npm install
复制代码

四、安装redis（能够考虑安装RedisDesktopManager）

参考：安装window下的redis，redis可视化管理工具（Redis Desktop Manager）安装，基础使用，实例化项目

五、安装mysql，这个就不赘述

六、修改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
  }
};
复制代码

七、数据库文件，地址在structure-admin-node/src/common/mysql/structure_admin.sql

八、分别对先后端分离的项目启动

(1)前端vue的structure-admin-web的启动

npm run dev
复制代码

(2)和node后端structure-admin-node的启动

npm start
复制代码

说明

周报系统是基于structure-admin后台管理框架下搭建

周报系统演示地址为：系统网站平台

周报系统源码地址：周报系统源码地址

欢迎fork和start