快速基于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

三、线上地址

线上地址： 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