ant design ProComponents

最新推荐文章于 2024-08-06 10:11:16 发布
最新推荐文章于 2024-08-06 10:11:16 发布
阅读量673 收藏
点赞数
分类专栏： antd 文章标签： reactjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/diaojw090/article/details/114287407
版权
本文介绍使用ProComponents进行高效开发的方法，重点讲解了ProLayout、ProTable等组件的应用场景及优势，包括高级布局、表格模板、表单模板等功能，帮助开发者快速搭建高质量应用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、概述
建议crud用ProComponents来开发，这样的效率更高一些，不管是umi hooks还是ahooks中的表格，表单等功能，不如它强大，它主要包含以下组件：

ProLayout 解决布局的问题，提供开箱即用的菜单和面包屑功能
ProTable 表格模板组件，抽象网络请求和表格格式化
ProForm 表单模板组件，预设常见布局和行为
ProCard 提供卡片切分以及栅格布局能力
ProDescriptions 定义列表模板组件，ProTable 的配套组件
ProSkeleton 页面级别的骨架屏
二、ProLayout高级布局

三、PageContainer页面容器
1.支持底部永远采用悬浮式的工具按纽栏。

四、ProCard 标准卡片
gitHub文档参考

Angular8 + ng.ant.design 开箱即用
小红红的博客
09-10 3558
> 【fc-angular】基于angular8的多页面后台管理系统 # 一、简介 ## 1、源码地址 - 【源码地址】[https://github.com/FE-free/fc-angular](https://github.com/FE-free/fc-angular) ## 2、在线预览 - 【在线预览】[https://FE-free.github.io/fc-angular/de...
UI组件 - ProComponents - 1
个人笔记
05-31 1472
比较基础的
专业组件：:trophy:像Pro一样使用Ant Design！
02-05
English || ProComponents Pro Series组件放置在此处以支持重型组件。 :desktop_computer: 浏览器兼容性 现代浏览器和Internet Explorer 11（带有 ） IE11，边缘 最近2个版本 最近2个版本 最近2个版本 最近2个版本 贡献 欢迎任何类型的贡献，这里有一些示例说明您如何为该项目做出贡献 :grinning_face_with_big_eyes: ： 在日常工作中使用Ant Design Pro，umi和ProComponents。 提交以报告错误或提出问题。 提出以改进我们的代码。 组件看板 组件 资料下载 下载一个版本 压缩大小 布局 亲表 专业领域 形式 前骨骼 亲表 亲卡 亲描述
ant design pro v5: ProComponents简介（重点要掌握）
热水钟博客
01-27 5182
一、概述 建议crud用ProComponents来开发，这样的效率更高一些，不管是umi hooks还是ahooks中的表格，表单等功能，不如它强大，它主要包含以下组件： ProLayout解决布局的问题，提供开箱即用的菜单和面包屑功能 ProTable表格模板组件，抽象网络请求和表格格式化 ProForm表单模板组件，预设常见布局和行为 ProCard提供卡片切分以及栅格布局能力 ProDescriptions定义列表模板组件，ProTable 的配套组件 ProSke...
antdDesign ProComponents
1234
03-03 623
使用方便，可以对每步进行缓存 （普通antDesign的step 没有缓存）
【antDesign--ProComponents】高级表格/高级布局等应用UI框架
weixin_42342065的博客
05-31 579
ProComponents
测试开发【Mock平台】17开发：Antd高级模板组件ProComponents
测试开发转型之旅上的小学生
02-27 1399
【Mock平台】为系列测试开发教程，从0到1编码带你一步步使用Spring Boot 和 Antd React框架完成搭建一个测试工具平台，希望作为一个实战项目对各位的测试开发学习之路有帮助，关注公众号发送“mock”获取github项目源码地址，大奇一个专注测试技术干货原创与分享的家伙。升级好最新前端框架后，让我们回到Mock服务前后端的配置服务开发中，最开始我们已经学会了Antd pro的中后台框架的创建，以及使用Ant Design组件进行布局式开发前端页面。
Ant Design ProComponents中，怎么获取到ProFormCascader选择的数据
最新发布
09-21
在Ant Design ProComponents中，当您使用`ProFormCascader`组件进行层级选择时，数据通常会在用户完成选择后作为值返回。你可以通过监听`onChange`事件来获取这个数据。 `ProFormCascader`组件的`onChange`是一个回...
ant design和procomponents
03-28
Ant Design和ProComponents都是React UI组件库，由Ant Design团队开发。Ant Design是一个全面的UI组件库，包括按钮、表单、布局、导航、数据可视化等各种组件，而ProComponents是专门为企业级管理系统设计的组件库，...
Ant Design以及Ant Design Pro入门.zip
10-10
"Ant Design Pro 入门"则会介绍如何初始化一个Ant Design Pro项目，使用预设的模板和布局，以及如何利用ProComponents进行快速开发。这部分可能会涉及路由管理、权限控制、API接口集成等企业级应用开发的常见问题。 ...
ant design和procomponents有什么趋避
03-28
Ant Design和Procomponents都是基于React框架的UI组件库，它们都具有以下优点： 1. 遵循现代UI设计的原则，可以帮助开发人员快速创建美观、高效的Web应用程序。 2. 提供了丰富的组件和模板，可以快速搭建Web应用...
element-pro-components:基于element-plus的Vue 3的组件库
04-18
元素亲组件（WIP） 基于element-plus的Vue 3的组件库 | 去做： 组件 ProLayout 专业菜单 面包屑 ProTabs ProTable 专业表格 ProInputTag ProRadio ProRadioButton ProCheckbox ProCheckboxButton ProSelect ProCrud ProSerach ProList ProUpload ... docs 测试 vetur ... 安装 yarn add element-pro-components # or npm i element-pro-components 用法 import { createApp } from 'vue' import App from './App.vue' import ElementPro from '
ProComponent 用法学习
qq_52522995的博客
08-09 3582
在 ProComponent 中，最为核心的就是 ProForm（表单）和 ProTable（表格）两个组件，面对数量繁多的配置项，很多人都会在文档中迷失自我，本文就来总结了一些常见的配置。
强烈推荐：企业级应用的终极组件库——ProComponents
gitblog_00606的博客
08-06 631
强烈推荐：企业级应用的终极组件库——ProComponents 项目地址:https://gitcode.com/gh_mirrors/pr/pro-components 在快速发展的互联网时代，企业级应用的需求日益增长，而寻找一套既能满足功能需求又能提升开发效率的UI组件库变得至关重要。今天，我们要向大家介绍的是ProComponents——一款专为企业应用量身打造的强大组件库，它以Ant De...
ProComponents EditableProTable使用
qq_29050279的博客
05-26 850
【代码】ProComponents EditableProTable使用。
ProComponents(适用于中后台的页面系列组件)学习: 重型列表页面组件（二）
热水钟博客
05-20 2082
一、概述 一个列表页面一般包括：页面的标题、面包屑（即页面路径）、页面的tab标签（可选）、工具栏按纽、表格（带高级搜索，排序等功能）、底部悬浮操作栏等。 这就需要用到： （1）页面容器组件PageContainer： 自带标题、面包屑、tab标签栏、右上角公用操作按纽栏、底部按纽操作栏。 （2）高级表格组件ProTable: 自带搜索查询（高级查询）、表格分页、排序、列设置、刷新、全屏等功能及与服务端交互的能力。 三、代码重点分析： （1）页面...
ProComponents(适用于中后台的页面系列组件)学习: 查看页面组件ProDescriptions（四）
热水钟博客
05-20 2760
一、概述 主要为实现数以后在信息项的查看功能，简化做查看页面，这时候就要用到ProDescriptions组件。 （1）我们可以整个查看页面，来自远程服务的数据（例如数据库的）这时候可以整体设置ProDescriptions的request属性 + ProDescriptions.Item dataIndex。 （2）我们可以单独设置每个查看项的，通过：ProDescriptions.Item （3）也可以通过请求接口数据和 columns来展现，我...
「2023 年最新」使用 React、Ant Design Pro、ProComponents 实现各种搜索筛选表格 实战总结（一）
Constantiny的博客
05-11 2756
「2023 年最新」使用 React、Ant Design Pro、ProComponents 实现各种搜索筛选表格 实战总结（一）
ProComponents(适用于中后台的页面系列组件)学习: 其它常用组件
热水钟博客
05-20 1959
一、页面水印组件：WaterMark ，根据需要是否给每个页面增加水印。 二、卡片组件：ProCard 高级卡片，，用来增加效果。 三、指标卡组件：StatisticCard 指标卡，经常用在页面上，常用于我的桌面，或者一些统计分析界面。 四、骨架屏组件：ProSkeleton，类似进度条效果，用户有一个过渡，增强用户体验。 五、ProField 原子组件：统一 ProForm、ProTable、ProList、Filter 等组件里面的字段定义。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值