京东又开源一款新框架，用起来真优雅！
优势 何时使用 开始使用 配置端 应用端 开源地址 driptable 是京东零售推出的一款用于企业级中后台的动态列表解决方案，项目基于 react 和 json schema，旨在通过简单配置快速生成页面动态列表来降低列表开发难度、提高工作效率。
driptable 目前包含以下子项目：drip-table、drip-table-generator。各个子项目具体介绍如下：
drip-table ：动态列表解决方案的核心库，其主要能力是支持符合 json schema 标准的数据自动渲染列表内容。 drip-table-generator ：一个可视化的用于 driptable 配置 json schema 标准的配置数据的生成工具。 优势 高效开发 ：提高前端列表开发效率，实现 lowcode 方式快速开发列表页。 配置化渲染 ：以简单的 json schema 配置字段，自动渲染处所需要的列表，降低用户使用成本。 动态可扩展 ：支持自定义组件开发，通过api快速生成自定义的或者实现业务功能的单元格组件。 界面框架自由 ：表格界面框架支持多种主题包，另外还支持自定义主题包。 何时使用 用于中后台 cms 列表页的快速搭建，通过简单 json schema 数据即可生成列表，无需硬编码。 用于 lowcode 列表搭建的前端 table 预览以及实现，无需复杂前端代码，便可实现自定义的列表。
img
开始使用 driptable 分为两种应用场景：配置端和应用端。配置端主要负责通过可视化方式和 low-code 方式进行 json schema 标准数据的生成。应用端的职能则是将 json schema 标准配置数据渲染成动态列表。
配置端
1 安装依赖 配置端依赖应用端，安装前先确保已安装 drip-table。
「yarn」
yarn add drip-table-generator 「npm」
npm install --save drip-table-generator 2 在文件开头引入依赖 import driptablegenerator from drip-table-generator; import drip-table-generator/dist/index.min.css; 3 在页面中引用 return ; 配置端正常渲染效果如下：
应用端 1 安装依赖 安装 drip-table：
「yarn」
yarn add drip-table 「npm」
npm install --save drip-table 2 在文件开头引入依赖 // 引入 drip-table import driptable from drip-table; // 引入 drip-table 样式 import drip-table/dist/index.min.css; 3 引用 const schema = { size: middle, columns: [ { key: columnkey, title: 列标题, dataindex: dataindexname, component: text, options: { mode: single, }, }, ], }; return ( ); 应用端正常渲染效果如下：
img 开源地址 https://github.com/jdfed/drip-table
晶体管正确电压加载方法注意事项
小蓝单车重回市场 押金将以滴滴出行券返还
集博科技推出连网型数据汇集终端机的方案
学技术 | 带您认识Microchip MPU之第一篇 Microchip MPU产品
电源防雷器接线方式及使用注意事项
京东又开源一款新框架，用起来真优雅！
11月份动力电池产业链销售旺季依旧强势
动态可配置多输出RO PUF设计研究
采用CPLD(MAX7128)为核心实现压电生物传感器检测电路的设计
在Matlab环境下实现DSP的实时调试和代码生成方法研究
浅谈C语言与C++的前世今生
微电网的两种拓扑架构思路介绍
阿里将成立名为“平头哥”的半导体公司!为什么是“平头哥”？
PCB差分信号设计中常见的误区详解
PLC网关助力传统非标设备实现物联网升级
甲烷气体预校准模块FSM-T-01在焦化厂煤气泄漏检测中的应用
小米官方在微博正式宣布，旗下无线快充技术取得了新进展
继电器线圈端反向并接二极管的原因
我国首颗手机传感芯片推出 打破国外垄断
WINCC组态软件实现远程监控的应用方案
driptable 目前包含以下子项目：drip-table、drip-table-generator。各个子项目具体介绍如下：
drip-table ：动态列表解决方案的核心库，其主要能力是支持符合 json schema 标准的数据自动渲染列表内容。 drip-table-generator ：一个可视化的用于 driptable 配置 json schema 标准的配置数据的生成工具。 优势 高效开发 ：提高前端列表开发效率，实现 lowcode 方式快速开发列表页。 配置化渲染 ：以简单的 json schema 配置字段，自动渲染处所需要的列表，降低用户使用成本。 动态可扩展 ：支持自定义组件开发，通过api快速生成自定义的或者实现业务功能的单元格组件。 界面框架自由 ：表格界面框架支持多种主题包，另外还支持自定义主题包。 何时使用 用于中后台 cms 列表页的快速搭建，通过简单 json schema 数据即可生成列表，无需硬编码。 用于 lowcode 列表搭建的前端 table 预览以及实现，无需复杂前端代码，便可实现自定义的列表。
img
开始使用 driptable 分为两种应用场景：配置端和应用端。配置端主要负责通过可视化方式和 low-code 方式进行 json schema 标准数据的生成。应用端的职能则是将 json schema 标准配置数据渲染成动态列表。
配置端
1 安装依赖 配置端依赖应用端，安装前先确保已安装 drip-table。
「yarn」
yarn add drip-table-generator 「npm」
npm install --save drip-table-generator 2 在文件开头引入依赖 import driptablegenerator from drip-table-generator; import drip-table-generator/dist/index.min.css; 3 在页面中引用 return ; 配置端正常渲染效果如下：
应用端 1 安装依赖 安装 drip-table：
「yarn」
yarn add drip-table 「npm」
npm install --save drip-table 2 在文件开头引入依赖 // 引入 drip-table import driptable from drip-table; // 引入 drip-table 样式 import drip-table/dist/index.min.css; 3 引用 const schema = { size: middle, columns: [ { key: columnkey, title: 列标题, dataindex: dataindexname, component: text, options: { mode: single, }, }, ], }; return ( ); 应用端正常渲染效果如下：
img 开源地址 https://github.com/jdfed/drip-table
晶体管正确电压加载方法注意事项
小蓝单车重回市场 押金将以滴滴出行券返还
集博科技推出连网型数据汇集终端机的方案
学技术 | 带您认识Microchip MPU之第一篇 Microchip MPU产品
电源防雷器接线方式及使用注意事项
京东又开源一款新框架，用起来真优雅！
11月份动力电池产业链销售旺季依旧强势
动态可配置多输出RO PUF设计研究
采用CPLD(MAX7128)为核心实现压电生物传感器检测电路的设计
在Matlab环境下实现DSP的实时调试和代码生成方法研究
浅谈C语言与C++的前世今生
微电网的两种拓扑架构思路介绍
阿里将成立名为“平头哥”的半导体公司!为什么是“平头哥”？
PCB差分信号设计中常见的误区详解
PLC网关助力传统非标设备实现物联网升级
甲烷气体预校准模块FSM-T-01在焦化厂煤气泄漏检测中的应用
小米官方在微博正式宣布，旗下无线快充技术取得了新进展
继电器线圈端反向并接二极管的原因
我国首颗手机传感芯片推出 打破国外垄断
WINCC组态软件实现远程监控的应用方案