中文 | English
vue3 admin plus 提供企业级开发demo
本架构使用的技术为:vue3(setup-script)+vite2+element-plus 的新一代的前端框架,It's fast!
使用 eslint+prettier+gitHooks 格式和校验代码,提高代码规范性和开发效率
//10-14
add permission of role and code
//11-11
update element-plus vite2 vue3 version ,add func of element-svg icon for side menu
add domo of 'import export download template' in CRUD
github 地址: https://github.com/jzfai/vue3-admin-plus.git
国内体验地址:http://8.135.1.141/vue3-admin-plus
---- 我们先看看加载速度和构建后的包大小:
框架有js,ts和plus版本
开发和使用感受:两个字 真香!!!!!
-- 文档努力开发中。。。。
可以先参考(和vue-admin-template使用类似):vue-admin-template使用文档
1.布局方式全部采用 flex 代替以前的 float,float 布局方式全部移除,优化了部分布局方式
2.采用 vue3(setup-script)书写,用 vite2 替换 webpack,加入了 vue3 的 jsx 写法,vite2速度更快,使用vue3 的 composition 代替 vue2 option api 写法,更易维护和迁移
3.简化了部分复杂的逻辑,优化了架构部分设计方式
打包大小减少41%
初次渲染快55%, 更新渲染快133%
内存减少54%
使用Proxy代替defineProperty实现数据响应式
重写虚拟DOM的实现和Tree-Shaking
# 克隆项目
git clone https://github.com/jzfai/vue3-admin-plus.git
# 进入项目目录
cd vue3-admin-plus
# 安装依赖(建议用yarn)
yarn
# 启动服务
yarn run dev
浏览器访问 http://localhost:5001
# 构建测试环境
yarn run build-serve
# 构建生产环境
yarn run build
# 预览发布环境效果
yarn run preview:build-serve
# 预览生产环境
yarn run preview
# 代码格式检查并自动修复
yarn run lint
- 登录 / 注销
- 权限验证
- 页面权限
- 指令权限
- 权限配置
- 二步登录
- 多环境发布
- serve
- build
- priview
- lint
- 全局功能
- 国际化多语言
#- 多种动态换肤
- 动态侧边栏(支持多级路由嵌套)
- 动态面包屑
- 快捷导航(标签页)
- Svg Sprite 图标
- 本地/后端 mock 数据
- Screenfull全屏
- 自适应收缩侧边栏
- 编辑器
- 富文本
- Markdown
#- JSON 等多格式
#- Excel
#- 导出excel
#- 导入excel
#- 前端可视化excel
#- 导出zip
- 表格
- 动态表格
#- 拖拽表格
#- 内联编辑
- 错误页面
- 401
- 404
- 組件
- 头像上传
- 返回顶部
#- 拖拽Dialog
#- 拖拽Select
#- 拖拽看板
#- 列表拖拽
#- SplitPane
#- Dropzone
#- Sticky
#- CountTo
- 综合实例
- 错误日志
- Dashboard
#- 引导页
- ECharts 图表
#- Clipboard(剪贴复制)
#- Markdown2html
注:#---暂未实现(希望大家能一起开发)
架构开发不易,如果感觉好,请给我点个start,架构还在不断完善中,欢迎加入我开发,一起成为Contributors !!!!
注意:vue3不在支持IE浏览器 Modern browsers and Internet Explorer 11+.
IE / Edge | Firefox | Chrome | Safari |
---|---|---|---|
Edge | last 2 versions | last 2 versions | last 2 versions |
MIT license.
Copyright (c) 2021-present kuanghua
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。