GeekQiaQia/vue3.0-template-admin
Fork: 352 Star: 1253 (更新于 2024-10-25 10:16:33)
license: MIT
Language: Vue .
本项目基于vue3+ElementPlus+Typescript+Vite搭建一套通用的后台管理模板;并基于常见业务场景,抽象出常见功能组件;包括动态菜单,菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等
最后发布版本: v1.1.0 ( 2021-12-16 23:04:45)
vue3.0-template-admin
- 💪 Vue 3.0 Composition API
- 🔥 Written in TypeScript
- 🏠 预览 vue3.0-template-admin
⭐️ 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
- eslint-plugin-vue eslint-plugin-vue
- axios 强大的前端请求库
- fues.js fues.js Fuzzy Search 前端模糊搜索
- echart echart 数据可视化
- antv antv 蚂蚁数据可视化
- xlsx xlsx SheetJS
- jszip jszip 优秀的前端压缩库
- mockjs mockjs 模拟和交互数据
- wangeditor wangeditor 富文本编辑器
- fullcalendar fullcalendar 丰富的日历插件
- driverJS 轻量级 driverJS 新用户引导
工程化 | Project Tool
- Git Hook 工具:husky + lint-staged
- 代码规范:EditorConfig + Prettier + ESLint + Airbnb JavaScript Style Guide
- 提交规范:Commitizen + Commitlint
- 包管理器:only-allow
浏览器支持
推荐使用webkit
内核浏览器
支持现代浏览器, 不支持 IE
IE | Edge | Firefox | Chrome | Safari |
---|---|---|---|---|
not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
合作优质项目 | Partner project
- h5-Dooring - H5-Dooring 是一款功能强大,专业可靠的 H5 可视化页面配置解决方案
- Blink - 一款自定义的生成故障艺术动画的组件库
- frontend-developer-roadmap | 一个能提高开发者工作效率的前端 js 库汇总
- generator-admin-cli | vue3.0-admin-cli 中后台脚手架
🤝 贡献 | Contributing
欢迎参与贡献,提出问题、新功能合并请求等!
最新的贡献情况可以参阅 GitHub 提供的contributors页面
❓ 问题 | Issue
Contributions, issues and feature requests are welcome!.
Feel free to check issues page.
欢迎提 Issues
脚手架 | scaffolding
您也可以使用脚手架搭建最简洁的启动项目
You can also use scaffolding to build the simplest startup project
npm install -g yo
npm install -g generator-vue3-admin-cli
Then generate your new project:
yo vue3-admin-cli
快速启动 | 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
开源不易, 有了您的赞助, 我们会做的更好~
快照 | screen shots
登录注册
主题风格
国际化
全屏功能
tab 标签页
首页
Dashboard
工作台
分析页
复制文本
列表页
表单页
基础表单
分步表单
高级表单
二维码
个人中心
个人设置
拖拽组件
菜单管理
角色管理
最近版本更新:(数据更新于 2024-10-16 14:04:46)
2021-12-16 23:04:45 v1.1.0
2021-09-07 00:18:18 v0.1.0
2021-07-26 18:26:37 v0.0.5
2021-07-20 19:48:13 v0.0.4
2021-07-04 18:48:41 v0.0.3
2021-06-16 15:03:38 v0.0.2
2021-05-23 23:24:53 v0.0.1
主题(topics):
element-plus, element-ui, typescript, vetur, vite, vite2, volar, vscode, vscode-command-palette, vue, vue-admin, vue-next, vue-next-admin, vue3, vue3-typescript
GeekQiaQia/vue3.0-template-admin同语言 Vue最近更新仓库
2024-11-03 10:21:12 LauZzL/leitingzhanji-ui
2024-11-01 13:29:47 BewlyBewly/BewlyBewly
2024-11-01 12:32:52 jxxghp/MoviePilot-Frontend
2024-11-01 00:07:33 VueTorrent/VueTorrent
2024-10-24 14:02:50 jumpserver/lina
2024-10-22 23:49:13 varletjs/varlet