{"repo":"bailihuiyue/ant-design-pro-vue3","free":true,"listed":false,"github":"https://github.com/bailihuiyue/ant-design-pro-vue3","clone":"git clone https://github.com/bailihuiyue/ant-design-pro-vue3.git","description":"vue3 admin,ant design vue pro,vue admin,vue vite admin,ant design pro","language":"Vue","stars":211,"topics":["vue","vue-admin","ant-design","admin-template","vue3"],"license":null,"category":"dashboards-admin","readme_excerpt":"Ant Design Vue Pro An out-of-box UI solution for enterprise applications as a Vue boilerplate. based on Ant Design of Vue 基于 Vite4 Vue3 Ant-Design-of-Vue2 TS 实现的 Ant Design Pro Vue 码云地址: https://gitee.com/Onces/ant-design-pro-vue3 预览图 ---- 首页 个人中心 夜间模式 锁屏界面 可点击右下角锁头按钮进行解锁 流程图 Echarts设计器 目前有柱状图,折线图,饼图,自定义图,不同的图有不同的setting,代码文件也是分开的,可自行扩展 手机预览(最低支持iphone4) 项目下载和运行 ---- 路由和菜单 ---- 基本结构 - 路由文件 通过约定的语法根据在 router.ts 中配置路由, - 后端路由:通过defaultSettings.ts中的useAsyncRouter来设置是否启用,后端路由的格式在mockUtils.ts的userNav中。 - 后端路由对应的component自动引入逻辑在batchImportFiles,会自动引入view下面的,vue文件作为页面 - 普通路由参照exampleRouterMap - 菜单生成根据路由配置来生成菜单。菜单项名称，嵌套路径与路由高度耦合,具体配置内容参照 Ant Design Pro Vue 即可 - 菜单跳转第三方网址的写法meta: { title: 'user.login.login', icon: 'account-book', target: 'http://www.baidu.com', blank: false }如果不想在新窗口打卡,请写明blank: false否则blank不写或者任意值均表示true 布局 ---- - 布局没有采用新版pro-layout插件,因为二次封装不利于个性化定制,而且pro-layout全是用jsx写的,所以还是使用了ant-pro 2.0的代码去修改 新增页面 ---- - 项目结构采用了类似ant design pro(react版本)的模块化结构,这样其他项目使用时直接复制文件夹即可,省去了在不同文件加分别找文件的痛苦了 - 模板在template文件夹中 ├helper.ts 工具文件,等同于utils ├Index.vue 页面文件 ├service.ts 用于存放接口内容 ├types.ts 声明ts类型使用 ├ 国际化文件 │ ├cn.ts 中文 │ └en.ts 英文 和服务端进行交互 ---- - 项目使用了apite作为mock工具,文件写在了/mock文件夹中 业务图标 ---- - 图标除了 Ant Design Vue 自带的图标以外还使用了 vite-plugin-svg-icons 插件缓存svg,所有图标都放在src/assets/icons中 - - 想使用antv自带的图标请拷贝node modules\\@ant-design\\icons-svg\\inline-svg到图标文件夹,会自动引入,名称为 文件夹名-文件名 例如a下的b.svg,SvgIcon组件传入name=\"a-b\"即可: 想获取所有已添加的icon: import ids from 'virtual:svg-icons-names'; // = ['icon-icon1','icon-icon2","default_branch":null,"files":null,"tree":[],"storefront":"/r/bailihuiyue","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/bailihuiyue/ant-design-pro-vue3/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}