1）Ant Design：一套企业级 UI 设计语言和组件库。它提供了丰富的界面组件、图标、布局和样式，用于构建现代化的 Web 应用程序。Ant Design 遵循一套统一的设计规范，提供一致性的用户体验。地址：https://ant.design/ 2）Ant Design ProComponents：在 Ant Design 的基础上进行封装和高度定制化的组件库，包含了像...
npm install @ant-design/pro-components 在项目的入口文件中引入ProComponents的样式文件: import'@ant-design/pro-components/dist/index.css'; 在需要使用ProComponents的地方引入相应的组件,例如: import{ProTable}from'@ant-design/pro-components'; 根据ProComponents提供的文档,配置相应的属性和数据,例如: constcolu...
而 ProTable 一个组件满足以上所有功能,支持接口请求和自动生成筛选表单。 不过使用 ProComponents 的前提是,没有个性化特别强的需求,虽然说 ProTable 支持完全降级为 table 使用,但会有一种“杀鸡用牛刀”的感觉,而且还很增加开发人员的理解成本,没有必要。 ProTable 1. 常用API (1)request:ProTable 最重要的 AP...
一、概述 建议crud用ProComponents来开发,这样的效率更高一些,不管是umi hooks还是ahooks中的表格,表单等功能,不如它强大,它主要包含以下组件: ProLayout解决布局的问题,提供开箱即用的菜单和面包屑功能 ProTable表格模板组件,抽象网络请求和表格格式化 ProForm表单模板组件,预设常见布局和行为 ProCard提供卡片切分以及栅...
官网:https://web3.ant.design/Ant Design Pro Components Ant Design Pro Components 是基于Ant Design而开发的模板组件,提供更高级别的抽象支持,开箱即用,可以显著提升制作CRUD页面的效率,更加专注于页面。ProComponents 是在Ant Design的基础上进行封装的页面级组件库,一个组件就可以搞定一个页面。这个组件库是 Ant...
所以我们在刚开始的时候就需要阅读 ProComponents 文档,来熟悉所需要的组件。ProLayout ProForm ProTable ProCard 1. ProLayout 关于ProLayout 我们其实已经在之前有接触了,它是一个高级布局组件,我们的ant design pro 就是基于 ProLayout 的布局组件搭建成我们喜欢的这个样子的。如果大家忘了,可以返回看一下,src/in...
相信很多同学都用过Ant Design这一 react 著名组件库,而ProComponents则是在 antd 之上进行封装的页面级组件库(指一个组件就可以搞定一个页面)。它同时也是Ant Design Pro中后台框架所用的主要组件库。如果你手上有要用 react 开发的中后台新项目又人手不够的话,我强烈推荐你体验一下这个库。可以极大的减少日常 ...
所以我们在刚开始的时候就需要阅读 ProComponents 文档,来熟悉所需要的组件。ProLayout ProForm ProTable ProCard 1. ProLayout 关于ProLayout 我们其实已经在之前有接触了,它是一个高级布局组件,我们的ant design pro 就是基于 ProLayout 的布局组件搭建成我们喜欢的这个样子的。如果大家忘了,可以返回看一下,src/in...
Ant Design是蚂蚁金服推出的一款用于研发企业级中后台产品设计体系的 React UI 组件库。第一个公开版本是2015年发布的，算是比较早的了。一开始大部分程序员都认为这是阿里KPI的产物，不过这么多年来一直持续迭代，我可以说这是最强UI组件，Github的star达到了78.5K，目前官方维护的是React版本，VUE版本是社区维护。
灵感来源于 AntDesign 的 pro-components 高级组件库(React) 打造一个基于 Vue 的ProTable高级组件 安装 npm install vue3-procomponents 文档地址 1、支持书写 jsx、vue 文件 2、支持表单搜索 3、支持虚拟列表 4、支持批量选中复制 5、支持模糊搜索 6、支持列设置 ...