1 Star 0 Fork 1

yzc / vue3-admin-plus

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

vue3-admin-plus

中文 | 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 address

Access address

github 地址: https://github.com/jzfai/vue3-admin-plus.git

国内体验地址:http://8.135.1.141/vue3-admin-plus

例子

---- 我们先看看加载速度和构建后的包大小:

template-speed-analysis

template-demo

相关项目

框架有js,ts和plus版本

开发和使用感受:两个字 真香!!!!!

文档

-- 文档努力开发中。。。。

可以先参考(和vue-admin-template使用类似):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.简化了部分复杂的逻辑,优化了架构部分设计方式

vue3和vue2在性能上的对比

  • 打包大小减少41%

  • 初次渲染快55%, 更新渲染快133%

  • 内存减少54%

  • 使用Proxy代替defineProperty实现数据响应式

  • 重写虚拟DOM的实现和Tree-Shaking

vite2和webpack打包速度上的对比

构建步骤

# 克隆项目
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 / EdgeIE / Edge FirefoxFirefox ChromeChrome SafariSafari
Edge last 2 versions last 2 versions last 2 versions

讨论和交流(含vue3+ts视频教程)

WeChat group

版本

MIT license.

Copyright (c) 2021-present kuanghua

MIT License Copyright (c) 2021-present kuanghua Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

👏A magical vue3 admin using vue3(script-setup) + vite2 + element-plus 展开 收起
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/zhicao/vue3-admin-plus.git
git@gitee.com:zhicao/vue3-admin-plus.git
zhicao
vue3-admin-plus
vue3-admin-plus
master

搜索帮助