草庐IT

vue3-antd-admin管理后台框架

前言vue3-antd-admin是一个后台前端解决方案,它基于vue3和antd-ui实现。它使用了最新的前端技术栈,集成了动态路由、鉴权登录、菜单管理等基础功能,在此之上对样式进行优化,解决了其他框架菜单超出不滚动、未BFC隔离等被忽略的问题。它与同类型框架相比逻辑更加清晰简洁,没有冗余代码上手更加快速。相信不管你的需求是什么,本项目都能帮助到你。goodluck!本项目当前只是基础部分完成了,还有很多地方需要完善,例如:H5适配、页面动画、指令权限、更多好用的组件等等等等,由于本人平时工作原因并不能快速迭代更新,所以希望更多的开发者加入进来本框架已开源至github传送门预览框架基础版秉

vue3-antd-admin管理后台框架

前言vue3-antd-admin是一个后台前端解决方案,它基于vue3和antd-ui实现。它使用了最新的前端技术栈,集成了动态路由、鉴权登录、菜单管理等基础功能,在此之上对样式进行优化,解决了其他框架菜单超出不滚动、未BFC隔离等被忽略的问题。它与同类型框架相比逻辑更加清晰简洁,没有冗余代码上手更加快速。相信不管你的需求是什么,本项目都能帮助到你。goodluck!本项目当前只是基础部分完成了,还有很多地方需要完善,例如:H5适配、页面动画、指令权限、更多好用的组件等等等等,由于本人平时工作原因并不能快速迭代更新,所以希望更多的开发者加入进来本框架已开源至github传送门预览框架基础版秉

form rules校验:动态table中input校验

问题描述使用antd的form-model的rules表单校验那如图表格中的input如何也一同校验?如图可见规则是一个数据结构为二维数组的可动态生成的表格,如何对其中的input进行校验?一维数组表格校验分析先分析简单点的问题,表格是数组,且input是放在插槽里的,如何进行校验?代码中editParam为表单校验的整体对象editParam.jobSetInfoDetails为表格用到的数组二维数组表格校验分析个人理解猜测我猜测表单校验就是对form所绑定对象key->value的校验prop是要让你找到校验目标属性的keyinputv-model绑定的是value数组的只要通过index

form rules校验:动态table中input校验

问题描述使用antd的form-model的rules表单校验那如图表格中的input如何也一同校验?如图可见规则是一个数据结构为二维数组的可动态生成的表格,如何对其中的input进行校验?一维数组表格校验分析先分析简单点的问题,表格是数组,且input是放在插槽里的,如何进行校验?代码中editParam为表单校验的整体对象editParam.jobSetInfoDetails为表格用到的数组二维数组表格校验分析个人理解猜测我猜测表单校验就是对form所绑定对象key->value的校验prop是要让你找到校验目标属性的keyinputv-model绑定的是value数组的只要通过index

antd 3.x升4.x踩坑之路~

我们是袋鼠云数栈UED团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。兼容性问题第三方依赖兼容问题React-最低v16.9,部分组件使用hooks重构react升级相关文档Less-最低v3.1.0,建议升级到less4.x@ant-design/icons-antd-不再内置Icon组件,请使用独立的包对3.x的兼容性处理或许是考虑到部分组件升级的毁坏性,antd4.x中依然保留了对3.x版本的兼容,废弃的组件通过@ant-design/compatible保持兼容,例如Icon,Form注:建议@ant-design/compati

antd 3.x升4.x踩坑之路~

我们是袋鼠云数栈UED团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。兼容性问题第三方依赖兼容问题React-最低v16.9,部分组件使用hooks重构react升级相关文档Less-最低v3.1.0,建议升级到less4.x@ant-design/icons-antd-不再内置Icon组件,请使用独立的包对3.x的兼容性处理或许是考虑到部分组件升级的毁坏性,antd4.x中依然保留了对3.x版本的兼容,废弃的组件通过@ant-design/compatible保持兼容,例如Icon,Form注:建议@ant-design/compati

详细剖析|袋鼠云数栈前端框架Antd 3.x 升级 4.x 的踩坑之路

袋鼠云数栈从2016年发布第⼀个版本开始,就始终坚持着以技术为核⼼、安全为底线、提效为⽬标、中台为战略的思想,坚定不移地⾛国产化信创路线,不断推进产品功能迭代、技术创新、服务细化和性能升级。在数栈过去的产品迭代中受限于当前组件的版本,积累了很多待解决的问题,随着新的功能需求不断增加,很多原先的组件以及交互设计需要进行优化。2月,伴随着数栈UI5.0的焕新升级,数栈前端团队一起将组件框架antd从v3.x升级到了v4.x,更新组件的UI,提升产品的交互体验,使数栈产品能够更加灵活地适应未来产品功能迭代的需求。本文将总结归纳袋鼠云数栈前端框架Antd从3.x升级到4.x的相关步骤,及在这个过程中踩

详细剖析|袋鼠云数栈前端框架Antd 3.x 升级 4.x 的踩坑之路

袋鼠云数栈从2016年发布第⼀个版本开始,就始终坚持着以技术为核⼼、安全为底线、提效为⽬标、中台为战略的思想,坚定不移地⾛国产化信创路线,不断推进产品功能迭代、技术创新、服务细化和性能升级。在数栈过去的产品迭代中受限于当前组件的版本,积累了很多待解决的问题,随着新的功能需求不断增加,很多原先的组件以及交互设计需要进行优化。2月,伴随着数栈UI5.0的焕新升级,数栈前端团队一起将组件框架antd从v3.x升级到了v4.x,更新组件的UI,提升产品的交互体验,使数栈产品能够更加灵活地适应未来产品功能迭代的需求。本文将总结归纳袋鼠云数栈前端框架Antd从3.x升级到4.x的相关步骤,及在这个过程中踩

antd pro 使用心得

最近用antdpro开发了一些web小工具。antdpro不仅仅是升级版的antd组件,更重要的是提供了全套的前端解决方案,包括前端工程的编译打包,路由配置,数据管理,样式和资源的引用,和后端的交互方式。甚至对于网站的国际化也有支持。本篇是近期使用antdpro时,用到的一些功能的整理,整理这些内容是因为比较常用,省得每次在antdpro的官方文档中去搜索。菜单部分antdpro一般用在后台的管理系统,所以菜单部分是重中之重,antdpro的菜单是集中在一个文件中(config/routes.ts)配置的,非常方便。子菜单配置管理系统中,随着管理粒度的细分,子菜单是必不可少的,antdpro中

antd pro 使用心得

最近用antdpro开发了一些web小工具。antdpro不仅仅是升级版的antd组件,更重要的是提供了全套的前端解决方案,包括前端工程的编译打包,路由配置,数据管理,样式和资源的引用,和后端的交互方式。甚至对于网站的国际化也有支持。本篇是近期使用antdpro时,用到的一些功能的整理,整理这些内容是因为比较常用,省得每次在antdpro的官方文档中去搜索。菜单部分antdpro一般用在后台的管理系统,所以菜单部分是重中之重,antdpro的菜单是集中在一个文件中(config/routes.ts)配置的,非常方便。子菜单配置管理系统中,随着管理粒度的细分,子菜单是必不可少的,antdpro中