vue-admin-webapp 是一个后台管理 spa 页面，它基于 vue 和 element-ui 采用了最新的前端技术栈，实现了登录权限验证，动态路由生成，并使用 easy-mock 来模拟请求数据，实现了典型的业务模型案例，它可以帮你快速搭建后台管理系统模板，并根据实际的业务需求添加路由来实现企业级管理页面，相信本项目一定能帮助到你。

• 在线预览-github
• 在线预览-gitee （推荐国内用户）

目前版本基于 webpack 4.0+ 和 vue-cli 3.x 版本构建，需要 Node.js 8.9 或更高版本（推荐 8.11.0+），相关知识可以自行进官网进行了解

在开始之前，请确保在本地安装 node 和 webpack 及 git。 本项目涉及的技术栈主要有 ES6 、vue 、vuex 、vue-router 、vue-cli 、axios 、webpack 、element-ui 、easyMock ,所以你最好提前熟悉了解这些知识，这将对你认识学习该项目有很大帮助

详细的项目介绍，可以关注我的的相关文章：

正确姿势开发 vue 后台管理系统

# 克隆项目 git clone git@github.com:gcddblue/vue-admin-webapp.git # 进入项目目录 cd vue-admin-webapp # 安装依赖 npm install # 启动服务 npm run serve 

deploy分支执行 deploy.sh 文件脚本执行 npm run build 并上传至 gh-pages 分支更新 github pages 页面

- 登录 / 注销 - 登录仿GeeTest-极验安全策略 - 页面 - 初次进入引导用户 - sideBar收缩和展开 - 全屏控制 - 侧边栏 - 根据不同用户权限展示相应的动态左侧菜单 - 权限验证 - 管理员页面 - 权限设置 - 表格操作 - 涉及平常业务遇到的相关表格操作（参考） - Excel - Excel导出 - Excel导入 - 多级表头导出 - Echarts - 滑动显示更多数据 - 动态切换charts - map地图使用 - Icons - element-icon - 阿里iconfont 

在线浏览

MIT

Copyright (c) 2019 gcddblu