Appearance
介绍
简介
Gx Admin Pro 是一整套开源的企业级中后台前端/设计解决方案,项目基于 Vue3.0+、Vite4.0+、 Ant-Design-Vue4.0+、TypeScript 、Unocss、Pinia等最新主流技术开发开发。该项目致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。
预览
项目地址
- 完整版 vue3-antd-admin 内置组件、权限、hooks、工具函数以及展示页面等。如果对项目不是很熟悉,不建议在此基础上进行开发,请使用下方提供的精简版本。
- 精简版是基于 vue3-antd-admin 提炼出的架子,包含主体功能,去除不常用的组件等方法、更适合实际项目开发。
需要掌握的基础知识
本项目需要一定前端基础知识,请确保掌握 Vue 的基础知识,以便能处理一些常见的问题。 建议在开发前先学一下以下内容,提前了解和学习这些知识,会对项目理解非常有帮助:
vite插件
官方插件:
- @vitejs/plugin-legacy-为打包后的文件提供传统浏览器兼容性支持。
- @vitejs/plugin-vue-提供 Vue 3 单文件组件支持。
- @vitejs/plugin-vue-jsx-提供 Vue 3 JSX 支持(通过 专用的 Babel 转换插件)。
其他插件:
- vite-plugin-mock - 用于本地及开发环境数据
mock
, - vite-plugin-html - 用于
html
模版转换,可以在html
文件内进行书写模版语法 - vite-plugin-compression - 用于
build
时,打包出gzip
或者brotli
来实现压缩代码的插件 - vite-plugin-style-import - 用于自动导入组件样式
- vite-plugin-vue-setup-extend - 可在
script
上设置name
属性 - unplugin-auto-import - 组件(antd-design-vue)自动导入
- vite-plugin-pwa - 可视化分析包大小
项目插件
- ant-design-vue-
项目主要UI框架
- @gx-design-vue/*-
GProDesign组件(v1版本在系统内部、v2版本放置npm)
- @gx-design-vue/pro-utils-
常用工具函数(v1版本在系统内部、v3版本放置npm)
- @gx-design-vue/pro-hooks-
常用hooks方法(v1版本在系统内部、v3版本放置npm)
- axios-
请求接口插件
- dayjs-
时间插件
- unocss-
cssStyle
- VueUse-
vueUse插件
- lodash-es-
公共方法插件
- mockjs-
本地模拟接口插件
- nprogress-
页面进度条插件
- tinymce-
富文本插件
- echarts-
图表插件
- crypto-js-
加密(主要用于本地加密存储)
- ali-oss-
阿里云oss能力(主要用于上传、鉴权、内置批量上传的hooks方法,支持断点续传)
浏览器支持
本地开发推荐使用Chrome 最新版
浏览器,不支持Chrome 80
以下版本。
生产环境支持现代浏览器,不支持 IE。
![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|
not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
如何加入我们
- Gx Admin Pro 还在持续更新中,本项目欢迎您的参与,共同维护,逐步完善,将项目做得更强。同时整个项目本着一切免费的原则,原则上不会收取任何费用及版权,可以放心使用。
- 如果你想了解更多该项目信息,可以加入QQ 群 871430530。