vue-vben-admin
vue-vben-admin copied to clipboard
vbenjs
A modern vue admin panel built with Vue3, Shadcn UI, Vite, TypeScript, and Monorepo. It's fast!
import { defineComponent } from 'vue'; import { BasicTable, useTable, BasicColumn, TableAction } from '/@/components/Table'; import { demoListApi } from '/@/api/demo/table'; const columns: BasicColumn[] = [ { title: 'ID', dataIndex:...
**⚠️ IMPORTANT ⚠️ Please check the following list before proceeding. If you ignore this issue template, your issue will be directly closed.** - [ ] Read [the docs](https://anncwb.github.io/vue-vben-admin-doc/). - [...
关于项目更新与封装
首先感谢作者的无私奉献，目前已经投入两个项目的生产使用，毋庸置疑，在速度,ui适配和使用体验来说已经远远超过蚂蚁的antd pro。所以后续我们打算把所有产品的中后台使用vben重构。 但是在使用中遇到一个比较棘手的问题，提出一些建议 因为已经投入生产环境，但是当前仓库一经更新，我们本地项目的代码就跟不上了，也需要同步更新。比如日前客户需要暗黑主题在线切换，前面我们是直接整个antd打包两个css文件的方式实现。等到作者放出更好的通过css变量的方案来实现我们打算全面更换，但是要更改的地方就非常多，并且无论查看仓库还是官方文档都没有一个有效的更新说明，花了非常多的时间去修改才搞定。 以上只是一个例子，还有从beta版开始，我们非常多的精力都花在跟着仓库同步更新上，因为官方仓库没有任何更新说明，差不多每天代码都在更新，使用者也必须至少两三天查看commit来更新，这个非常不方便 并且目前vben的代码碎片化也比较严重，很难统一管理 所以提出更改方案的几项建议，希望可以供作者参考 关于src运行时代码： - 类似Antd pro那样把布局和一些常用的hooks等抽出来做成monorepo发布,比如单独一个vben-components，包括vben-layout,vben-card,vben-table,vben-charts等到库，需要更新时，只要`pnpm update vben-xxx`,然后改几个api就行 - 对于非远程加载的数据,比如settings等，抽出单独的组件,使用类似react中`useContext`,`useRedcuer`这样的hooks封装,而不要用`vuex`统一管理 关于build开发代码: 尽量把所有的插件和配置等都提取出来打包到一个仓库里，只要在vite.config.ts里引入一个`import vbenconfig`函数就行,接着放出几个自定义配置的选项就行 关于文档: 尽量把每次更新和调整的API写进去，这样方便升级 最后再次感谢作者提供这么好的后台，让管理系统开发工作量减少很多
### `General` > ✏️ Mark the necessary items without changing the structure of the PR template. - [ ] Pull request template structure not broken ### `Type` > ℹ️ What...
### `General` > ✏️ Mark the necessary items without changing the structure of the PR template. - [ ] Pull request template structure not broken ### `Type` > ℹ️ What...
**⚠️ 重要 ⚠️ 在进一步操作之前，请检查下列选项。如果您忽视此模板或者没有提供关键信息，您的 Issue 将直接被关闭** - [x] 已阅读 [文档](https://anncwb.github.io/vue-vben-admin-doc/). - [x] 确保您的代码已是最新或者所报告的 Bug 在最新版本中可以重现. (部分 Bug 可能已经在最近的代码中修复) - [x] 已在 Issues 中搜索了相关的关键词 - [x] 不是 ant design vue 组件库的...
**⚠️ IMPORTANT ⚠️ Please check the following list before proceeding. If you ignore this issue template, your issue will be directly closed.** - [ ] Read [the docs](https://anncwb.github.io/vue-vben-admin-doc/). - [...
**⚠️ IMPORTANT ⚠️ Please check the following list before proceeding. If you ignore this issue template, your issue will be directly closed.** - [ ] Read [the docs](https://anncwb.github.io/vue-vben-admin-doc/). - [...
**⚠️ 重要 ⚠️ 在进一步操作之前，请检查下列选项。如果您忽视此模板或者没有提供关键信息，您的 Issue 将直接被关闭** - [x] 已阅读 [文档](https://anncwb.github.io/vue-vben-admin-doc/). - [ ] 确保您的代码已是最新或者所报告的 Bug 在最新版本中可以重现. (部分 Bug 可能已经在最近的代码中修复) - [ ] 已在 Issues 中搜索了相关的关键词 - [ ] 不是 ant...
**⚠️ 重要 ⚠️ 在进一步操作之前，请检查下列选项。如果您忽视此模板或者没有提供关键信息，您的 Issue 将直接被关闭** - [x] 已阅读 [文档](https://anncwb.github.io/vue-vben-admin-doc/). - [x] 确保您的代码已是最新或者所报告的 Bug 在最新版本中可以重现. (部分 Bug 可能已经在最近的代码中修复) - [x] 已在 Issues 中搜索了相关的关键词 - [x] 不是 ant design vue 组件库的...
