All Projects → GeekQiaQia → vue3.0-template-admin

GeekQiaQia / vue3.0-template-admin

Licence: MIT License
本项目基于vue3+ElementPlus+Typescript+Vite搭建一套通用的后台管理模板;并基于常见业务场景,抽象出常见功能组件;包括动态菜单,菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等

Programming Languages

Vue
7211 projects
typescript
32286 projects
javascript
184084 projects - #8 most used programming language
SCSS
7915 projects

Projects that are alternatives of or similar to vue3.0-template-admin

vue-next-admin
🎉🎉🔥基于vue3.x 、Typescript、vite、Element plus等,适配手机、平板、pc 的后台开源免费模板库(vue2.x请切换vue-prev-admin分支)
Stars: ✭ 1,002 (+100.4%)
Mutual labels:  element-ui, vue3, vite, vue3-typescript, element-plus, vue-next-admin
bpmn-vue-activiti
基于Vue3.x + Vite + bpmn-js + element-plus + tsx 实现的Activiti流程设计器(Activiti process designer based on Vue3.x + Vite + BPMN-JS + Element-Plus + TSX implementation)
Stars: ✭ 345 (-31%)
Mutual labels:  vue3, vite, vue-next, element-plus
vue-lite-admin
a lite vue3.0 admin template,there is no typescript and vuex (但注释挺全)
Stars: ✭ 67 (-86.6%)
Mutual labels:  vue-admin, vue3, vite, element-plus
vue3-element-admin
🎉 基于 vite2 + vue3 + element-plus 的后台管理系统vue3-element-admin;使用vue-cli可以切换webpack分支
Stars: ✭ 79 (-84.2%)
Mutual labels:  vue-admin, vue3, vite, element-plus
RuoYi-Cloud-Vue3
🎉 基于Spring Boot、Spring Cloud & Alibaba、Vue3 & Vite、Element Plus的分布式前后端分离微服务架构权限管理系统
Stars: ✭ 295 (-41%)
Mutual labels:  vue-admin, vue3, vite, vite2
Vue3 News
🔥 Find the latest breaking Vue3、Vue CLI 3+ & Vite News. (2021)
Stars: ✭ 2,416 (+383.2%)
Mutual labels:  vue3, vite, vue3-typescript, vite2
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 (+2492.4%)
Mutual labels:  element-ui, vue-admin, vue3, element-plus
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 (+2093.6%)
Mutual labels:  element-ui, vue-admin, vue3, element-plus
vite-vue3-lowcode
vue3.x + vite2.x + vant + element-plus H5移动端低代码平台 lowcode 可视化拖拽 可视化编辑器 visual editor 类似易企秀的H5制作、建站工具、可视化搭建工具
Stars: ✭ 1,309 (+161.8%)
Mutual labels:  element-ui, vue3, vite, element-plus
chengpeiquan.com
My personal website. Base on Vite 2.0 and Vue 3.0. If you want to know how to use Vite to develop a project, you can refer to this repository.
Stars: ✭ 43 (-91.4%)
Mutual labels:  vue3, vite, vue3-typescript, vite2
Admin-Frame-Vue3
基于Vue3 + Element-Plus + Vite 开发的中/后台管理系统
Stars: ✭ 181 (-63.8%)
Mutual labels:  element-ui, vue-admin, vue3, vite
app
专门为互联网人打造的题解神器,神器在手,工作不愁
Stars: ✭ 64 (-87.2%)
Mutual labels:  vue3, vite, vue3-typescript
hoc-element-table
📦 A Vue 3.x Table Component built on Webpack 5
Stars: ✭ 26 (-94.8%)
Mutual labels:  element-ui, vue3, element-plus
admin-work
Vue3 和 NaiveUI 的完美结合—Admin Work,拥有漂亮、强大、完善的功能。采用 Vue3 Vite2 Typescript NaiveUI Pinia编写的中后台框架。全面的系统配置,优质模板,常用组件,真正一站式开箱即用。持续更新,不断完善,一直在前进~~
Stars: ✭ 394 (-21.2%)
Mutual labels:  vue-admin, vue3, vite2
mall-admin-web
youlai-mall 管理前端,基于vue-element-admin升级的Vue3版本,技术栈:Vue3 + Vite2+ TypeScript + Element-Plus +Pinia。
Stars: ✭ 230 (-54%)
Mutual labels:  vue3, element-plus, vite2
vue3-docs
vue中文社区,vue3 中文文档
Stars: ✭ 180 (-64%)
Mutual labels:  vue-admin, vue3, vue3-typescript
soybean-admin
A fresh and elegant admin template, based on Vue3,Vite3,TypeScript,NaiveUI and UnoCSS [一个基于Vue3、Vite3、TypeScript、NaiveUI 和 UnoCSS的清新优雅的中后台模版]
Stars: ✭ 2,322 (+364.4%)
Mutual labels:  vue-admin, vue3, vite
electron-admin-element-vue
Electron Vue3.x Element-UI Admin
Stars: ✭ 37 (-92.6%)
Mutual labels:  element-ui, vue3, element-plus
OSAPI
👋 OSAPI 是依靠通用性后台管理平台搭建的API管理平台,基于 vue3、Nestjs 技术栈实现,包含 RBAC 角色权限模块、数据展示、编辑等模块。
Stars: ✭ 32 (-93.6%)
Mutual labels:  vue3, vite, element-plus
vite-svg
Use SVG files as Vue components with Vite
Stars: ✭ 98 (-80.4%)
Mutual labels:  vue3, vite, vite2

vue3.0-template-admin

Vue3.0: vue
Vite : npm package
Element-plus:

⭐️ Show your support

Give a ⭐️ if this project helped you!

已完成功能 | The functionality is complete

  • Element Plus
  • N+1 多级菜单
  • Dashboard
  • 表格
  • router Tab 选项卡
  • 表单
  • 图表 :antv or echart
  • 二维码生成
  • 导入导出 Excel
  • 导出 Zip 文件
  • 拖拽组件
  • 富文本编辑器
  • markdown 编辑器
  • 个人页
  • 登录/注册页
  • 404 / 403
  • 菜单管理
  • 角色管理
  • 自定义图标
  • 图片拖拽/裁剪
  • 支持切换主题色:一键换肤
  • 指令权限:v-permisson /全局方法:$permission (参考 tableList.vue)
  • 国际化
  • 项目看板

正在完成功能 | The functionality is being completed

  • 可拖拽弹窗
  • 导航模式切换
  • 内容区域控制

使用到的插件/库 | Plugin or lib

工程化 | Project Tool

浏览器支持

推荐使用webkit内核浏览器

支持现代浏览器, 不支持 IE

 Edge
IE
 Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
not support last 2 versions last 2 versions last 2 versions last 2 versions

合作优质项目 | Partner project

🤝 贡献 | Contributing

欢迎参与贡献,提出问题、新功能合并请求等!

最新的贡献情况可以参阅 GitHub 提供的contributors页面

问题 | Issue

Contributions, issues and feature requests are welcome!.
Feel free to check issues page.

欢迎提 Issues

快速启动 | Quick Start

# 克隆项目
# cnpmjs
git clone https://github.com.cnpmjs.org/GeekQiaQia/vue3.0-template-admin.git

# or
git clone https://github.com/GeekQiaQia/vue3.0-template-admin.git


# 进入项目目录
cd vue3.0-template-admin

# 安装依赖 (推荐yarn)
npm install  / yarn

# 启动服务
npm run dev  / yarn dev

# 打包
npm run build  / yarn build

# 本地预览打包后的dist文件
npm run preview / yarn preview



同步代码 | synchronizing code

# add upstream
git remote add upstream https://github.com/GeekQiaQia/vue3.0-template-admin

# 抓取源仓库修改 master分支
git fetch upstream main

# 切换分支
git checkout main

# 合并远程分支
git merge upstream/main

git 提交 | git commit

 git add *  // add everything

 git status  // check status

 git cz  // commit change

 git push // push stage commit

// 如果cz 命令无法找到,全局安全commitize
 npm install -g commitizen

持续升级 | Continuous upgrades

  • 重构 request.ts 请求,使其灵活可配置化;
  • 使用 AES 加密方式,对密码进行安全加密;
  • 完成换肤切换功能,使用 ElementPlus theme-chalk 实现换肤
  • 重构登录注册页面,完善忘记密码交互以及必填字段校验
  • 设计角色管理,选择不同的角色,授权不同的菜单
  • 根据不同的登录用户角色,展示不同的菜单
  • 【enhance】 vite 不同环境变量配置

技术反馈和交流群 | Technical feedback and communication

赞助 | Sponsored

开源不易, 有了您的赞助, 我们会做的更好~

快照 | screen shots

登录注册

image.png

主题风格

image.png

国际化

image.png

全屏功能

image.png

tab 标签页

image.png

首页

image.png

Dashboard

工作台

image.png

分析页

image.png

复制文本

image.png

列表页

image.png

表单页

基础表单

image.png

分步表单

image.png

高级表单

image.png

二维码

image.png

个人中心

image.png

个人设置

image.png

拖拽组件

image.png

菜单管理

image.png

角色管理

image.png

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