快速基于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写的后端,支持大前端,支持全栈开发,请请starfork项目。

如有使用问题请留言。

一、技术栈

二、源码地址

structure-admin

三、线上地址

线上地址: http://structure_admin.mwcxs.top
账号:test,密码:123456

四、系统截图

4.1 登录页

快速基于nodeJS+vue+vuex+mysql+redis建立一个后台管控系统_第1张图片

4.2 主页

快速基于nodeJS+vue+vuex+mysql+redis建立一个后台管控系统_第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

你可能感兴趣的:(node.js,vue.js,vuex,mysql,redis)