[开源推荐] 面向 Ant Design 的配置化 RESTful 数据组件库

[skylerhu]

项目地址

https://github.com/skylerhu/antd-restful

类别

JS

项目标题

面向 Ant Design 的配置化 RESTful 数据组件库。

项目描述

该库基于 React + Ant Design，围绕 RESTful 接口封装了开箱即用的数据驱动组件体系，覆盖表格与列表展示、筛选表单联动、分页排序、路由参数双向同步、请求取消与错误提示等高频能力。通过声明式配置即可完成接口对接与交互编排，并提供字段解析、格式化、校验及多种表单子组件，兼顾 antd4/5 时间库差异，适合后台管理、运营系统与动态 JSON 配置场景。

使用文档：https://skylerhu.github.io/antd-restful/

亮点

demo.mp4

示例代码

最常见的用法——直接在 RestTable 中配置 restful：

import antdRestful from "antd-restful";
const { RestTable } = antdRestful;

function UserList() {
  return (
    <RestTable
      restful="/api/users/"
      columns={[{ title: "名称", dataIndex: "name" }]}
      rowKey="id"
    />
  );
}

常见组件说明（简要）：

• RestTable：远程表格组件，支持分页、排序、筛选、高级搜索、列设置等常见后台表格能力。
• RestList：远程列表组件，适合卡片流或信息列表展示，支持分页与加载更多模式。
• GridForm：栅格表单容器，负责统一布局与字段编排，可配合各类 formitems 使用。
• RouteBaseTable：将筛选状态与 URL 参数联动，适合需要可分享链接和刷新保留状态的页面。
• RestSelect / RestTreeSelect / RestCascader：远程选择类组件，覆盖下拉、树形和级联选择场景。
• DateStrPicker / RangeStrPicker / NumberRange：常用范围输入组件，适合时间范围、日期范围与数值区间筛选。
• UploadView：文件上传组件，支持拖拽、大小/数量限制、只读回显与上传结果处理。
• CompareEdit：历史值对比编辑组件，用于展示变更前后差异并支持只读对比视图。

更多组件能力、表单项示例、工具函数与完整 API，请访问在线文档：

• https://skylerhu.github.io/antd-restful/

截图或演示视频

• 依赖restful接口的表格数据展示
• 依赖restful接口的列表数据展示
• 动态表单中的应用
• 支持路由参数同步的 RouteTable 表格应用