简介
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
-
安装好node.js，创建好 基于vue3-admin 的项目，使用idea打开项目 vue-admin 注意：以管理员的方式运行idea,在Terminal,运行命令，查看 node -v D:\idea_java_projects\vue\vue-admin>node -v v14.15.0 D:\idea_java_projects\vue\vue-admin>npm -v 6.14.8 D
-
vue-cli3 项目中使用 vue-ueditor-wrap 1、安装 npm i vue-ueditor-wrap # 或者 yarn add vue-ueditor-wrap 2、使用 // 引入组件 import VueUeditorWrap from 'vue-ueditor-wrap'; // 注册组件 components: { VueUeditorWrap, }, // 双向
-
vue-cli3 之【框架搭建】教程 或许有的同学还不知道vue3.0与之前的版本有哪些好处，可以查查相关资料。主要改动是优化了节点，减少了无谓的遍历，优化速度提升了约6倍！ 那么vue-cli3.0框架与之前cli2.0又有了一些变化，我们简单说几个： 1、名字改了，以前叫vue-cli,现在叫@vue/cli。2、build和co... 文章 Villin 2020-11-16 72浏览量 v
-
vue-element-admin 中 vuex 是模块化的。 登录流程 1，HTTP 配置（utils/request.js） 2，API 配置（api/user.js） import request from '@/utils/request' export function login(username, password) { return request({ url: '/
-
vue-admin-webapp :::正确姿势开发vue后台管理系统
-
然后在终端输入npm run dev的时候，提示错误信息： $ npm run dev > vue-admin-template@4.4.0 dev > vue-cli-service serve INFO Starting development server... ERROR ValidationError: webpack Dev Server Invalid Options
-
Vue Admin 是一个基于 Vue 2.0 和 Bulma 0.3 的 后台管理框架。 特性： 基于 Vue 2.0 和 Bulma 0.3 技术 响应式和弹性布局 多种图表类型 丰富的组件或参见 vue-bulma 基于优秀的第三方库
-
vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型。
-
该模块提供了一个基于Vue.js的纯静态后台管理系统的界面方案， 该模块克隆自：vue-admin-template，感谢PanJiaChen. 构建步骤 # Install dependencies npm install --registry=https://registry.npm.taobao.org # Serve with hot reload at localhost:9528
-
简介 开箱即用的基于配置的后台管理解决方案，最少的编写代码，通过配置文件即可实现：增，删，改，查，翻页 的功能。 它基于 vue 和 element和MongoDB。它使用了最新的前端技术栈，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级后台产品。 文档 讨论组 依赖 nodejs(需要单独安装) koa 2.0.0 项目依赖模块) Element UI
-
Django-Vue-Admin 是一套全部开源的快速开发平台，毫无保留给个人及企业免费使用。 前端采用ruoyi-ui 、Vue、Element UI。 后端采用Python语言Django框架。 权限认证使用Jwt，支持多终端认证系统。 支持加载动态权限菜单，多方式轻松权限控制。 特别鸣谢：Gin-Vue-Admin，RuoYi ，Vue-Element-Admin，eladmin-web。
-
在线预览 更新日志 相关依赖 vue-router iview axios vuex 功能 登录页 一周七天自动切换不同的壁纸（建议自己配置） 标签栏 点击标签切换页面 刷新当前标签页 关闭其他标签/关闭所有标签 注意： 组件的名称和路由的名称一定要一致，例如 Home.vue 组件名称 name: home，则在路由文件中也要给它设置为 name: home，否则页面内容不能缓存 // 在r
-
vue-admin-beautiful 是一款基于 vue+element-ui 的绝佳的中后台前端开发管理框架（基于 vue/cli 4 最新版，同时支持电脑，手机，平板）。 Admin Pro拥有四种布局（画廊布局、综合布局、纵向布局、横向布局）四种主题（默认、海洋之心、绿茵草场，荣耀典藏），共计16布局主题种组合，满足所有项目场景，已支持常规bug自动修复，前端代码自动规范，代码一键生成等众
-
Gin-vue-admin是一个基于vue和gin开发的全栈前后端分离的后台管理系统，集成jwt鉴权，动态路由，动态菜单，casbin鉴权，表单生成器，代码生成器等功能，提供多种示例文件，让您把更多时间专注在业务开发上。 项目文档 在线文档 : https://www.gin-vue-admin.com/ 从环境到部署教学视频 开发教学 (贡献者: LLemonGreen And Fann) 前端