All Projects → loveRandy → Vue Cli3.0 Vueadmin

loveRandy / Vue Cli3.0 Vueadmin

基于vue-cli3.0+vue+elementUI+vuex+axios+权限管理的后台管理系统

Projects that are alternatives of or similar to Vue Cli3.0 Vueadmin

Vue Blog
🎉 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案
Stars: ✭ 208 (-79.24%)
Mutual labels:  axios, permission, vuex, vue-router
Vue Website
🍰 想用vue把我现在的个人网站重新写一下,新的风格,新的技术,什么都是新的!
Stars: ✭ 351 (-64.97%)
Mutual labels:  axios, vuex, vue-router
Vue Architecture Boilerplate
Vue.js architecture for front-end projects at @NOALVO
Stars: ✭ 40 (-96.01%)
Mutual labels:  axios, vuex, vue-router
Vue Qq
🎨 Vue family bucket with socket.io and express/koa2 , create a web version of mobile QQ, supporting real-time group chat, real-time private chat, special care, shielding chat, smart IP geographic location, real-time display temperature and other QQ core functions
Stars: ✭ 861 (-14.07%)
Mutual labels:  axios, vuex, vue-router
Vue Music
基于vue2.0的网易云音乐播放器,api来自于NeteaseCloudMusicApi,v2.0为最新版本
Stars: ✭ 855 (-14.67%)
Mutual labels:  axios, vuex, vue-router
Dokit
基于 Spring Boot2、 Jpa、 Spring Security、JWT、redis、Vue的前后端分离的后台管理系统开发平台, 用户管理、菜单管理、角色管理、字典管理、权限控制的方式为RBAC,操作日志、异常日志、接口限流、项目支持数据权限管理,支持一键生成前后端代码(支持在线预览及打包下载),支持前端菜单动态路由 可一键部署服务器应用,数据库。系统中活跃用户状态监控,监视当前系统CPU、内存、磁盘、堆栈等相关信息,基于Element UI在线表单设计及生成Vue代码。
Stars: ✭ 348 (-65.27%)
Mutual labels:  axios, vuex, vue-router
Vue Music Webapp
🎵💞🐔基于Vue 全家桶 (2.x)制作的移动端音乐 WebApp 。媲美原生、项目完整、功能完备、UI美观、交互一流。
Stars: ✭ 499 (-50.2%)
Mutual labels:  axios, vuex, vue-router
Vue Project
基于vue-cli构建的财务后台管理系统(vue2+vuex+axios+vue-router+element-ui+echarts+websocket+vue-i18n)
Stars: ✭ 301 (-69.96%)
Mutual labels:  axios, vuex, vue-router
Vue Music
cloud-music(网易云音乐)
Stars: ✭ 500 (-50.1%)
Mutual labels:  axios, vuex, vue-router
Vue Quasar Admin
Vue 2.0 admin-dashboard based on Quasar-Framework
Stars: ✭ 516 (-48.5%)
Mutual labels:  axios, vuex, vue-router
Vue Admin Webapp
this is a admin project
Stars: ✭ 673 (-32.83%)
Mutual labels:  axios, vuex, vue-router
Nuxt Ssr Demo
✨ 高仿掘金,整合 vue + nuxt + axios + vuex + vue-router (nuxt 自带 vuex 和 vue-router),一个基于 Nuxt 的服务器端渲染 Demo
Stars: ✭ 856 (-14.57%)
Mutual labels:  axios, vuex, vue-router
Vue Store
基于Vue+Vue-Router+Vuex+Element-ui+axios,参考小米商城,实现的电商项目。
Stars: ✭ 308 (-69.26%)
Mutual labels:  axios, vuex, vue-router
Vuejs Admin
基于eggjs、vuejs的设备管理系统,有帮助的话麻烦给个star谢谢
Stars: ✭ 350 (-65.07%)
Mutual labels:  axios, vuex, vue-router
Vue News
Vue2.5知乎日报单页应用
Stars: ✭ 300 (-70.06%)
Mutual labels:  axios, vuex, vue-router
Netease yanxuan
vue版网易严选,体验网易严选购物流程,线上访问:http://zhaoboy.bid/yanxuan/#/
Stars: ✭ 417 (-58.38%)
Mutual labels:  axios, vuex, vue-router
Vue2 Study
vue 的webpack配置,按需加载,element-ui,vuex
Stars: ✭ 16 (-98.4%)
Mutual labels:  axios, vuex, vue-router
Vue Zhihu Daily
🤓使用vue编写的练手的知乎日报WebApp(iOS版)
Stars: ✭ 285 (-71.56%)
Mutual labels:  axios, vuex, vue-router
Vue Testing Examples
Advanced testing with vuejs. When you need to go beyond Getting started section and see some real world example with everything that proper tests should have.
Stars: ✭ 288 (-71.26%)
Mutual labels:  axios, vuex, vue-router
Blog.admin
✨ 基于vue 的管理后台,配合Blog.Core与Blog.Vue等多个项目使用
Stars: ✭ 500 (-50.1%)
Mutual labels:  axios, vuex, vue-router

vue-admin-permission

项目基于vue-cli3.0进行搭建,并使用了vue全家桶vue vuex axios vue-router elementui,增加了按钮级别的权限控制

线上预览地址

React版本请移步

脚手架版本:

*vue-cli-3.0

用到vue相关的生态链模块:

  • vue
  • vue-router
  • vuex
  • axios

项目要点

  • 路由懒加载
  • 根据权限生成动态路由
  • 全局数据请求拦截处理及loading
  • 多个代理配置
  • 抽离第三方库文件dll

项目启动步骤

  1. 安装包(这里需要使用npm进行安装,如果用cnpm或者yarn会有热更新失效的问题) npm install
  2. 开发运行 npm run serve:randy
  3. 生产打包 npm run dll (仅需运行一次) npm run build

项目分析

npm run analyze

温馨提示

在新增vue页面的时候,热更新可能会失效,重启一下项目

个人博客系统:www.randy168.com

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].