Awesome Open Source
Awesome Open Source

简介

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

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

快速开始

在开始之前,请确保在本地安装 node 和 webpack 及 git。 本项目涉及的技术栈主要有 ES6vuevuexvue-routervue-cliaxioswebpackelement-uieasyMock ,所以你最好提前熟悉了解这些知识,这将对你认识学习该项目有很大帮助

详细的项目介绍,可以关注我的的相关文章:

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

安装

# 克隆项目
git clone [email protected]: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

Online

在线浏览

License

MIT

Copyright (c) 2019 gcddblu

Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Vue (66,148
Webpack (23,634
Admin (21,951
Dashboard (16,368
Mock (8,121
Axios (5,950
Vuex (5,653
Single Page Applications (5,442
Vue Router (1,979
Vue Cli (1,715
Gh Pages (1,180
Vue Admin (405
Vue Cli3 (194