全新升级,基于vue-cli3.0 + Element UI 构建的 响应式后台管理系统

4,843 阅读2分钟
原文链接: segmentfault.com

目前 v3.0.0 版本 点击前往 v1.0.0 版本

更新日志

  • [x] 更新vue-cli为3.0版本 这里有篇文章
  • [x] 增加广告管理
  • [x] 优化路由控制
  • [x] 优化一些配置文件
  • [x] 登录用户信息存储改为 cookie

一键操作包 点击下载

  1. 环境搭建用 windows 上面建议用 phpstudy ,其它环境自行百度
  2. 把两个文件放到网站根目录
  3. 把MySQL的root密码改为 root, 再新建数据库 vue-admin ,再把vue-admin.sql 文件导入到MySQL
  4. 打开浏览器 输入 http://localhost/vue-admin-ht...

v3.0.0 踩过的坑

  1. 这次更新后 vuex 开启严格模式后,出现浅拷贝的问题,就是变量引用的问题 这里有篇文章
  2. 还有就是路由导入某个文件时要在文件头部引入具体的某个文件,不用 resolve => require(['xx.vue'], resolve) 或者 () => import('xx.vue') 这种方式, 这两种方式都有可能出现循环引用的错误! throw new Error('Cyclic dependency' + nodeRep)

vue-admin-html

基于Vue.js 2.x系列 + Element UI + RBAC/AUTH权限 的响应式后台管理系统

前言

项目前端地址: github.com/lmxdawn/vu.…

项目后端地址: github.com/lmxdawn/vu.…

欢迎大家的star

PC版

图片描述

手机版

功能

  • [x] 管理员登录
  • [x] 登录
  • [x] 修改密码
  • [x] 角色管理
  • [x] 权限管理
  • [x] 401/404错误页面
  • [x] 动态面包屑
  • [x] 动态侧边栏
  • [x] 广告管理

安装步骤

git clone https://github.com/lmxdawn/vue-admin-html.git      // 把模板下载到本地
cd vue-admin-html    // 进入模板目录
npm install         // 安装项目依赖,等待安装完成之后

本地开发

// 开启服务器,浏览器访问 http://localhost:8080
npm run serve

构建生产

// 执行构建命令,生成的dist文件夹放在服务器下即可访问
npm run build

Online Demo

(建议使用最新版Chrome浏览器)
在线 Demo

License

MIT

Copyright (c) 2018 lmxdawn