，京东开源项目列表解决方案前言根据全球领先的信息技术研究和咨询公司Gartner的最新预测，2021年全球IT支出将达到4万亿美元。作为主要的经济和IT亚太地区强国，中国应用开发市场将迎来爆发期，未来几年增速将超过全球平均水平。在研发资源有限的情况下，企业更注重节省人力成本和提高人力效率，大多数应用都离不开列表布局。不断增长的需求。为此，京东零售iPaaS前端研发团队推出了通过LowCode构建网页列表的技术方案Drip-Table，实现可视化构建列表，节省开发人力。经过近几个月的不断优化迭代，框架已经稳定下来，现已开源。源码地址：https://github.com/JDFED/drip-table官网地址：http://drip-table.jd.com使用场景1、没有编程基础的用户想搭建一个自定义列表应用。2.开发者高效创建列表，少量代码即可实现定制化需求。使用方法先给大家通过动态图露脸~。您也可以直接打开Drip-Table案例进行列表构建。架构方案引入列表的整体流程如下：首先使用Drip-Table-Generator可视化构建工具构建列表，配置组件属性，如果不能满足业务场景，配置自定义组件，然后编写渲染图在线嵌入模板数据逻辑，最终生成JSONSchema协议数据。列表由Drip-Table渲染器动态渲染，最终业务方无需开发即可直接完成列表相关的业务需求。Drip-Table-GeneratorDrip-Table-Generator是一个可视化的脚手架列表解决方案。Drip-Table-Generator的基本能力那么一个好的可视化建表方案需要具备哪些基本能力。主要包括以下5点：1.HTMLTreeediting（样式编辑）对页面可见元素进行编辑，页面结构样式可以自由修改2.ComponentTreeediting（组件编辑）选中组件中的一个组件组件列表并通过拖拽的方式嵌入到页面中3.CustomDevelopment（定制开发）研发可以参与到自定义组件的开发中，满足定制化的场景添加业务判断逻辑的能力，比如验证规则列表组件及配置基础组件基础组件是列表常用的常用组件，包括文字、图形、标签等组件。业务组件业务组件通常只服务于特定的业务，研发可以根据Drip-table-generator暴露的API方法添加自定义的业务组件。CustomComponents自定义组件解决了无法操作数据字段和无法验证语法和逻辑的问题。构建工具或使用在线代码编辑器让用户编写LowCode代码生成业务组件，然后进行语法检查，并使用预览功能验证业务逻辑；此外，代码编辑器支持通过嵌套模板进行数据操作。JsonSchema协议定义采用国际规范（UnderstandingJSONSchema），定义了全局和列表项的Json数据格式。通过配置项，我们可以决定开启或关闭某些功能，或者设置表格样式等。Drip-TableDrip-Table是一个基于JsonSchema的动态列表渲染方案。该架构主要分为四个JSONSchema定义，分别是Columnsschema、ConfigsSchema、Refs和EventCallback。还支持Antd-design和Drip-design主题包。Columns模式定义了列表组件的数据规范。ConfigsSchema定义了一个全局配置列表。Refs公开列表实例参数。事件回调定义列表框事件回调。成功案例交付平台上的低代码项目使用Drip-Table构建物料清单。目前已建成72个物料清单，高效支撑双十一等群体大促需求。在线使用稳定，节省研发人力75%。滴滴表后续发展将聚焦列表垂直领域，整合全行业能力，赋能各业务，节省研发资源。欢迎大家使用滴滴表，参与共建，希望在github上点个Star支持一下~。参考资料Drip-Table源码地址：https://github.com/JDFED/drip-tableDrip-Table官网链接：http://drip-table.jd.comDrip-Form官网链接：https:///dripform.jd。comLeo源码地址：https://github.com/JDFED/leoDrip-Desgin官网链接：http://drip-design.jd.comMicro-App官网链接：https://github.com/micro-zoe/微应用
