guodonglw / Vue3.0 Admin
Licence: mit
vue3.0 + typescript + element-ui + 后台系统
Stars: ✭ 142
Programming Languages
typescript
32286 projects
Labels
Projects that are alternatives of or similar to Vue3.0 Admin
Vue Admin Html
Vue-cli3.0 + Element UI + Spring Boot2.0 + ThinkPHP5.1 + 响应式的后台管理系统 https://lmxdawn.github.io/vue-admin
Stars: ✭ 436 (+207.04%)
Mutual labels: admin, element-ui
Vue Boilerplate Template
🍎 Efficient development of web SPA using Vue.js(2.*) + Webpack + Element-ui + Pwa + Vuex + Vuex-router + Vue-i18n + Dayjs + Lodash.
Stars: ✭ 461 (+224.65%)
Mutual labels: admin, element-ui
Eladmin Web
eladmin前端源码，项目基于 Spring Boot 2.1.0 、 Spring Boot Jpa、 Spring Security、Redis、Vue的前后端分离后台管理系统， 权限控制采用 RBAC，菜单动态路由
Stars: ✭ 3,416 (+2305.63%)
Mutual labels: admin, element-ui
Vue2 Element
基于vue2 + vue-router2 + element-ui + vuex2 + fetch + webpack2 企业级后台管理系统最佳实践
Stars: ✭ 112 (-21.13%)
Mutual labels: admin, element-ui
Go Admin Ui
基于Gin + Vue + Element UI的前后端分离权限管理系统的前端模块
Stars: ✭ 376 (+164.79%)
Mutual labels: admin, element-ui
Ruoyi Vue
(RuoYi)官方仓库 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统
Stars: ✭ 596 (+319.72%)
Mutual labels: admin, element-ui
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 (+9028.17%)
Mutual labels: admin, element-ui
Ruoyi Vue Fast
(RuoYi)官方仓库 基于SpringBoot，Spring Security，JWT，Vue & Element 的前后端分离权限管理系统
Stars: ✭ 107 (-24.65%)
Mutual labels: admin, element-ui
Yii2 Boilerplate
yii2 + vue.cli + element ui 前后端分离样板项目
Stars: ✭ 89 (-37.32%)
Mutual labels: admin, element-ui
vue-element-admin-ts
vue-element-admin 的 typescript 版本
Stars: ✭ 101 (-28.87%)
Mutual labels: admin, element-ui
Vue Admin Next
Professional enterprise application with Vue Composition API, Multi-Module Design, Data Processing Flow and Friendly User Interface.
Stars: ✭ 125 (-11.97%)
Mutual labels: admin, element-ui
opsli-ui
OPSLI 快速开发平台基于springboot、vue、element-ui ，项目采用前后端分离架构，热插拔式业务模块与插件扩展性高 ,代码简洁，功能丰富，开箱即用
Stars: ✭ 76 (-46.48%)
Mutual labels: admin, element-ui
Sk Admin
基于 Spring Boot、 Spring Data JPA、 Spring Security、Vue 的前后端分离的管理系统。项目采用模块开发方式， 主要模块：权限管理 （RBAC（Role-Based Access Control，基于角色的访问控制），支持数据字典、数据权限管理、前端菜单支持动态路由）、日志管理、代码生成器、系统监控、云存储管理、系统工具等等
Stars: ✭ 130 (-8.45%)
Mutual labels: admin, element-ui
jxc-admin
一个前后端分离的简易进销存后台管理系统，基于SpringBoot和vue-element-admin实现，具备常见的后台管理功能，登录态使用session，使用基于资源url的简单权限控制。
Stars: ✭ 203 (+42.96%)
Mutual labels: admin, element-ui
Vue Seed
a boilerplate for large vue project with ElementUI 2.x
Stars: ✭ 555 (+290.85%)
Mutual labels: admin, element-ui
Vue Element Admin
🎉 A magical vue admin https://panjiachen.github.io/vue-element-admin
Stars: ✭ 73,044 (+51339.44%)
Mutual labels: admin, element-ui
vue-admin-work
🎉🎉🚀🚀🚀🚀vue-admin-work是一个中后台系统管理方案。使用 vue2.x 及周边全家桶工具开发而来。支持多种功能，不同角色权限🚀🚀🚀🎉🎉
Stars: ✭ 74 (-47.89%)
Mutual labels: admin, element-ui
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 (+7623.94%)
Mutual labels: admin, element-ui
vue3-admin
简介
vue3-admin是一个后台管理系统的前端页面展示，是由vue-cli4和elemnet-ui搭建实现的。使用了最新的vue框架，内部采用了组件化开发模式，尽可能使得每个组件都遵循单一 功能原则。虽然刚开始看起来可能略感疲惫（由于子组件功能单一，所以内部通信较多），但是对后期的维护有着非常大的好处。项目采用弹性盒（flex）布局，故而在移动端也有着较好的显示效果，可在移动端进行打开demo查看。
演示(由于作者自己买的低配版阿里云服务器，所以可能导致请求时间略长)
移动端可扫码查看
更快更好的开发体验，请查看下面的项目
开发
# 克隆项目
git clone [email protected]:guodonglw/vue3.0-admin.git
# 进入项目目录
cd vue3.0-admin
# 安装依赖
npm install
# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 启动服务
npm run serve
# 如遇到node-sass的问题，可尝试
npm rebuild node-sass
浏览器访问 http://localhost:8080
发布
# 构建生产环境
npm run build
打包会出现dist文件夹，用Chrome浏览器打开index.html页面即可
Browsers support
Modern browsers
 Firefox |
 Chrome |
 Safari |
|---|---|---|
| last 2 versions | last 2 versions | last 2 versions |
备注
// 建议首先查看路由文件(了解项目路由以及如何进行动态生成前端路由)
// 页面查看顺序(登录页（views/Login）-> 首页(views/Home/Dashboard))，其中views/Home为其他页面的公共引用部分
// 与后端交互接口（请查看service/index.ts，数据由mock.js产生；实际开发请查看util/request.ts）
// 后台系统包括了登录，异步生成路由，echarts数据可视化，table表增删改查等功能，希望该demo示例可以帮助到有需要的朋友快速上手
// 根据vue-cli示例，主页面index.vue中会采用vue2的写法，在子组件中则有较大的变化，请仔细查看区别
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].