vue-admin-webappthis is a admin project
简介
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 ,所以你最好提前熟悉了解这些知识,这将对你认识学习该项目有很大帮助
详细的项目介绍,可以关注我的的相关文章:
安装
# 克隆项目
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
Online
License
Copyright (c) 2019 gcddblu
评论
Pear Admin LayuiLayui Admin 后台模板
PearAdminLayui 是基于Layui的后台管理系统模板,扩展Layui原生UI样式,整合第三方开源组件,提供便捷快速的开发方式,延续LayuiAdmin的设计风格,持续完善的样式与组件的维护
Pear Admin LayuiLayui Admin 后台模板
0
svn admin
web版的svn配置管理工具。由于每次修改svn配置信息都要跑到服务器修改配置和文件,非常烦。网上没有找到我们项目合适的svnweb配置工具,于是自己动手,用jsp写了一个web版的管理工具,发布到t
svn admin
0
Pear Admin LayuiLayui Admin 后台模板
Pear Admin Layui 是基于 Layui 的后台管理系统模板,扩展Layui原生UI样式
Pear Admin LayuiLayui Admin 后台模板
0
Open Admin for Schools
OpenAdministrationforSchools(OAfS)是一个基于Web的学校管理系统,主要功能包括:人员统计、考勤、纪律、报告卡、在线成绩单和家长浏览等。适合初中、高中使用,可生成HTM
Open Admin for Schools
0
Django Redmine Admin
DjangoRedmineAdmin是一个小型的Django应用程序,其模型用于兼容Redmine所创建的数据库结构,你可以通过它来浏览Redmine数据对象。
Django Redmine Admin
0
material-angular-dashboardMaterial Angular Admin Template
MaterialAngularDashboardWelcometothefirstdarkdashboardwithGoogleMaterialDesignandAngular!Itsmuchmore
material-angular-dashboardMaterial Angular Admin Template
0