artiely / Vue Admin
基于and-design-vue的vue后台管理系统模板
Stars: ✭ 226
Projects that are alternatives of or similar to Vue Admin
Vue Element Admin
🎉 A magical vue admin https://panjiachen.github.io/vue-element-admin
Stars: ✭ 73,044 (+32220.35%)
Mutual labels: webpack, vue-cli, i18n, axios, vuex, dashboard, admin, vue-admin
Vue Admin Webapp
this is a admin project
Stars: ✭ 673 (+197.79%)
Mutual labels: webpack, vue-cli, axios, vuex, dashboard, admin, vue-admin
D2 Admin
An elegant dashboard
Stars: ✭ 11,012 (+4772.57%)
Mutual labels: webpack, vue-cli, i18n, axios, vuex, admin, vue-admin
Nx Admin
👍 A magical 🐮 ⚔ vue admin,记得star
Stars: ✭ 2,497 (+1004.87%)
Mutual labels: webpack, vue-cli, i18n, axios, vuex, admin, vue-admin
Vue Blog
🎉 基于vue全家桶 + element-ui 构建的一个后台管理集成解决方案
Stars: ✭ 208 (-7.96%)
Mutual labels: webpack, vue-cli, i18n, axios, vuex, admin
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 (+4753.1%)
Mutual labels: vue-cli, axios, admin, ant-design, vue-admin
Laravue
Admin dashboard for enterprise Laravel applications built by VueJS and Element UI https://laravue.dev
Stars: ✭ 1,964 (+769.03%)
Mutual labels: webpack, axios, vuex, dashboard, admin
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 (+5635.4%)
Mutual labels: admin, vue-cli, axios, ant-design, vue-admin
Ant Design Vue Pro
👨🏻💻👩🏻💻 Use Ant Design Vue like a Pro!
Stars: ✭ 8,965 (+3866.81%)
Mutual labels: vuex, dashboard, admin, ant-design, vue-admin
Ruoyi Vue Fast
(RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统
Stars: ✭ 107 (-52.65%)
Mutual labels: vue-cli, axios, vuex, admin, vue-admin
Vue Admin Template
Sample Admin Template based on Vuejs & Vuetify.
Stars: ✭ 177 (-21.68%)
Mutual labels: webpack, vue-cli, i18n, dashboard, vue-admin
Iview Admin
Vue 2.0 admin management system template based on iView
Stars: ✭ 15,963 (+6963.27%)
Mutual labels: vue-cli, axios, vuex, admin, vue-admin
Ruoyi Vue
(RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统
Stars: ✭ 596 (+163.72%)
Mutual labels: vue-cli, axios, vuex, admin, vue-admin
Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 1,135 (+402.21%)
Mutual labels: vue-cli, axios, vuex, vue-admin
Vue Cli Multi Page
基于vue-cli模板的多页面多路由项目,一个PC端页面入口,一个移动端页面入口,且有各自的路由, vue+webpack+vue-router+vuex+mock+axios
Stars: ✭ 145 (-35.84%)
Mutual labels: webpack, vue-cli, axios, vuex
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+476.11%)
Mutual labels: webpack, vue-cli, axios, vuex
Vue Admin Template
a vue2.0 minimal admin template
Stars: ✭ 15,411 (+6719.03%)
Mutual labels: vue-cli, axios, vuex, vue-admin
React Antd Admin
用React和Ant Design搭建的一个通用管理后台
Stars: ✭ 1,313 (+480.97%)
Mutual labels: webpack, dashboard, admin, ant-design
Xyy Vue
🎨基于vue+vue-router+vuex+axios+webpack开发的个人Demo《Qu约》
Stars: ✭ 1,316 (+482.3%)
Mutual labels: webpack, vue-cli, axios, vuex
此项目将随着[email protected]发布后进行全面重构,欢迎star!
效果预览
预览地址
https://artiely.gitee.io/antd-admin
快速构建
# 更新依赖
npm i
# 启动本地开发环境
npm run dev
# 启动本地测试环境
npm run build-staging
# 启动线上测试环境
npm run build
# 发布上线
npm run build-release
# pm2
pm2 deploy deploy.yml production setup
pm2 deploy deploy.yml production
快速新建页面
npm run new
# 请在指定的文件夹下新建页面 如: about/userInfo
# 请尽量用2个以上的单词描述页面组件, 准确表达组件含义避免过于宽泛。
# 页面组件与路由的path和name必须一一对应,名称一致,利于快速搜索和定位
# 页面组件驼峰名userInfo会被转换为user-info
# 自动生成的会包含一些必要信息,避免重复书写,尽量使用快捷新建页面
# 与业务相关的组件全部是中划线命名,与业务无关的遵循vue官方组件命名规则
你将了解到
-
[x] axios封装并支持重连、取消
-
[x] 响应式断点支持pc、pad及手机
-
[x] 多布局切换
-
[x] 可自定义主题
-
[x] 标签页模式及对应功能实现
-
[x] 色弱模式
-
[x] 自定义字体大小
-
[x] 自定义组件及物料
-
[x] 丰富的过滤器及指令
-
[x] 骨架屏
-
[x] Sentry等第三方插件的集成
-
[x] 多场景菜单
-
[x] pm2一键发布
-
[ ] 国际化
...
#项目结构
├─doc // 文档目录
│
├─public // 静态资源目录
├─script // 脚本
│
├─node_modules
│
├─src // 项目源文件
│ │ main.js // 入口文件
│ ├─api // 请求接口
│ │
│ ├─assets // 组件静态资源
│ │
│ ├─common // 公共文件
│ │ ├─directive // 指令
│ │ ├─filter // 过滤器
│ │ └─utils // 工具
│ │
│ ├─i18n // 国际化
│ │
│ ├─config // 业务配置文件
│ ├─core // 非业务抽离文件
│ ├─layouts // 布局组件
│ ├─packages // 非业务组件
│ ├─plugins // 第三方插件
│ ├─views // 业务组件
│ ├─router // 路由管理
│ └─store // 状态管理
│
├─test // 测试
└─theme // 主体管理
...
浏览器支持
IE 9+ Firefox(最新) Chrome(最新) Safari(最新)
环境
win10
node v10.15.1
vuecli v3.7.0
依赖
"vue": "^2.6.10",
"vue-router": "^3.0.3",
"vuex": "^3.0.1",
"vuepress": "^1.0.0-alpha.48"
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].