All Projects → gcddblue → Vue Admin Webapp

gcddblue / Vue Admin Webapp

Licence: mit
this is a admin project

Projects that are alternatives of or similar to Vue Admin Webapp

Vue Element Admin
🎉 A magical vue admin https://panjiachen.github.io/vue-element-admin
Stars: ✭ 73,044 (+10753.49%)
Mutual labels:  webpack, webpack4, vue-cli, axios, mock, vuex, element, dashboard, admin, vue-admin
Nx Admin
👍 A magical 🐮 ⚔ vue admin,记得star
Stars: ✭ 2,497 (+271.03%)
Mutual labels:  webpack, vue-cli, axios, mock, vuex, element, admin, vue-admin
D2 Admin
An elegant dashboard
Stars: ✭ 11,012 (+1536.26%)
Mutual labels:  webpack, vue-cli, axios, mock, vuex, element, admin, vue-admin
Vue Admin
基于and-design-vue的vue后台管理系统模板
Stars: ✭ 226 (-66.42%)
Mutual labels:  webpack, vue-cli, axios, vuex, dashboard, admin, vue-admin
Vue Blog
🎉 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案
Stars: ✭ 208 (-69.09%)
Mutual labels:  webpack, vue-cli, axios, mock, vuex, admin, vue-router
Vue Cms
基于 Vue 和 ElementUI 构建的一个企业级后台管理系统
Stars: ✭ 415 (-38.34%)
Mutual labels:  webpack, webpack4, vue-cli, axios, mock, vuex, element
Vue Admin Beautiful
🚀🚀🚀vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护,同时支持电脑,手机,平板,切换分支查看不同的vue版本,element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)
Stars: ✭ 10,968 (+1529.72%)
Mutual labels:  vue-cli, axios, mock, element, admin, vue-admin
Laravue
Admin dashboard for enterprise Laravel applications built by VueJS and Element UI https://laravue.dev
Stars: ✭ 1,964 (+191.83%)
Mutual labels:  webpack, axios, vuex, dashboard, admin, vue-router
Ruoyi Vue
(RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统
Stars: ✭ 596 (-11.44%)
Mutual labels:  vue-cli, axios, vuex, element, admin, vue-admin
Ruoyi Vue Fast
(RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统
Stars: ✭ 107 (-84.1%)
Mutual labels:  vue-cli, axios, vuex, element, admin, vue-admin
Vue Cli Multi Page
基于vue-cli模板的多页面多路由项目,一个PC端页面入口,一个移动端页面入口,且有各自的路由, vue+webpack+vue-router+vuex+mock+axios
Stars: ✭ 145 (-78.45%)
Mutual labels:  webpack, vue-cli, axios, mock, vuex, vue-router
Vue Todos
vue最新实战项目教程,从零开始,一步一个脚印,循序渐进。跟着我一起学习vue吧!
Stars: ✭ 1,659 (+146.51%)
Mutual labels:  webpack, vue-cli, axios, vuex, element, vue-router
Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 1,135 (+68.65%)
Mutual labels:  vue-cli, axios, npm, vuex, vue-router, vue-admin
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+93.46%)
Mutual labels:  webpack, webpack4, vue-cli, axios, vuex, vue-router
vue-admin-better
🚀🚀🚀vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus,vue admin plus,vue admin pro
Stars: ✭ 12,962 (+1826%)
Mutual labels:  mock, admin, element, vue-cli, axios, vue-admin
Fantastic Admin
一款开箱即用的 Vue 中后台管理系统框架,基于ElementUI,兼容PC、移动端,vue-admin, vue-element-admin, vue后台
Stars: ✭ 153 (-77.27%)
Mutual labels:  vue-cli, vuex, element, admin, vue-router, vue-admin
vue-element-admin-ts
vue-element-admin 的 typescript 版本
Stars: ✭ 101 (-84.99%)
Mutual labels:  admin, element, axios, vue-router, vue-admin, webpack4
Vue Cnode
🚀 基于vue3 function-based 构建cnode社区
Stars: ✭ 192 (-71.47%)
Mutual labels:  webpack, vue-cli, axios, vuex, vue-router
Vue Admin Design
基于vue + elementUI的管理系统模板
Stars: ✭ 279 (-58.54%)
Mutual labels:  webpack, vue-cli, axios, vuex, vue-router
Iview Admin
Vue 2.0 admin management system template based on iView
Stars: ✭ 15,963 (+2271.92%)
Mutual labels:  vue-cli, axios, vuex, admin, vue-admin

简介

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].