在推进新品业务线上正规化的过程中，需要新增上市物料审核CMS和嵌入营销中心，为商家运营提供更便捷的打分和点评体验。在技??术选型过程中，新产品团队了解到水滴低代码平台具备可视化构建CMS的能力。内置丰富的能力，可以高效快速的构建CMS，如表单、权限控制、微前端等。与业务需求的产品形态高度契合，设计风格一致，默认支持微前端。在运维部署上几乎可以做到零成本，产品嵌入营销中心非常方便。经过技术调研，对比全部开发所需的40+人日，团队选择了效率更高的Waterdrop低代码作为CMS实现，并在6人日内完成了整个共建构建过程。本文以营销中心建设——新品发布物料审核CMS（以下简称新品CMS）为最佳实践，从零开始介绍如何使用水滴低代码平台。01Waterdrop—CMS快速解决方案Waterdrop具有面向编程和低代码的优点。两者相辅相成，为开发者提供了涵盖中后台管理系统方方面面的解决方案。我会站在开发者的角度，借鉴营销中心搭建新产品CMS的最佳实践，一步步从需求评审，到组件开发，再到页面构建，最后上线CMS。新品CMS最终效果02新品CMS需求分析经过需求梳理，针对新品CMS在营销中心的应用分析了以下特点：业务复杂：模块关联性强，数据复杂度高跳转和数据传输需求较多,模块间交互需求较多UI还原度高：需要符合营销中心的设计语言，保持设计风格一致微前端结合：新CMS不是独立使用，而是嵌入到营销中使用中心作为子应用开发周期短：3页（6表、4表），从开发到测试仅需6天。除了功能分析，作者还对页面和组件进行了梳理。在定制场景下，还有4个业务组件需要定制开发。好在水滴有共建能力。开发人员可以自定义业务组件集，并将其导入到系统中。需求梳理03组件共建开发的需求梳理好后，接下来就是定制业务组件的过程。开发者下载自定义组件模板库后，即可进行相关的自定义开发。该模板包含组件开发、公共依赖、调试工具和命令的代码模板。开发完成后，可以通过命令发布到jnpm。这样就可以在dropletworkbench的插件管理中安装对应的组件集了。安装完成后，就可以在搭建页面使用了。自定义组件开发流程1、本地开发时，可以边编码边调试表单和表单组件接口。2、开发好的自定义组件集成功发布到jnpm仓库后，就可以在dropletworkbench上安装使用了。3.已安装的组件可在构建页面拖拽使用。至此，页面中需要的组件都开发好了，接下来我们进入页面搭建环节~04页面可视化搭建页面搭建环节非常简单。Waterdrop提供了一个表单表格设计器，只需拖放，就可以调整组件的布局和样式，使其看起来像UI设计稿中的样子。为了减少用户调整布局和修改样式的操作次数，水滴团队和基础业务体验部UI设计团队制定了中台和后台的视觉标准，并在低端实现。代码平台，让理想的样式一键拖放即可。除了界面构建，水滴表单设计器还支持表单联动、异步取数据等复杂逻辑配置。开发者可以灵活切换到Schema接口进行各种逻辑的配置和编写。在表单验证方面，内置了url、https、图片大小、数组上下限等几十种常用的验证，如果不满意可以填写自定义正则表达式，或者配置其他复杂的验证通过模式。水滴表单设计器：JSON编辑能力05前端事件编译不包括界面布局，还需要处理业务逻辑和交互跳转。这里可以使用水滴工作台的事件编排功能，编写JS动作，绑定到模块暴露的各个事件上。优越的。在新产品的提交表单中，虽然表单组件本身已经提供了基本的校验能力，但是在提交表单之前还是需要进行一些个性化的校验逻辑，这里可以通过写JSaction来实现。另外，需要对表单采集的数据进行一些结构转换，以满足后台接口文档的定义。可以在事件配置中的“表单提交前”事件中绑定相应的JSaction来处理数据转换逻辑。事件绑定和action编写06接口和数据源接口构建和事件逻辑编排完成后，可以和后台接口联合调试，连接接口和数据源。不同于常见的低代码平台，DripWorks不仅提供前端维度构建，还通过FaaS对接数据源。接口开发者可以通过FaaS免去运维部署细节的麻烦，通过预置模板，简单配置即可生成想要的功能，连接DUCC等数据源。包括NodeJS、JAVA等在内的各种增删改查接口的创建速度非常快。在新的CMS场景中，已经有对应的后台服务，所以只需修改接口参数后，直接绑定对应的接口URL即可。这样，构建的模块就成功绑定到后台服务提供的接口了~绑定接口服务07权限控制页面开发和接口联调完成后，需要自定义权限控制CMS应用程序。在权限控制方面，水滴提供完善的角色权限管控能力。可以设置不同的角色，分配相应的菜单、页面和功能权限。除了为用户提供页面级的查看权限控制外，还提供后端可调用API服务，调用后可进行更精细的权限控制。角色权限控制08运维免云构建部署及版本管理构建完成后，点击构建发布即可上线。水滴会自动生成源代码并在云端构建，最终将构建产品推送到京东前端发布平台Pubfree进行部署。这样做的好处是完成的产品会固化，不再受平台变化的影响。同时可获取源码进行二次开发或私有化部署。对于CMS等变更频率低但业务复杂度高的类型，稳定性和灵活性要好一些。同时，水滴还提供了测试、预发布、生产三种环境。开发者可以根据情况选择不同的历史版本，秒级切换三种环境。版本管理发布后点击链接地址跳转到线上应用，即可获取最终输出的CMS，水滴搭建的产品默认符合Micro-App微前端应用规范，可直接使用联系了营销中心等，结合微前端框架，整个搭建、开发、部署的流程就结束了。09小结通过新CMS应用的实践过程可以看出，水滴不仅支持可视化拖拽式搭建CMS系统，还具备灵活深入的组件共建和逻辑扩展能力，可以满足不同CMS的业务需求。内置的权限、组件、菜单路由和构建部署也很方便，减少重复开发，可以显着提高性能。但还有很多需要完善的地方，比如各功能模块内容丰富，学习入门等，水滴团队将本着精益求精、用户至上的精神，不断提升平台的易用性需要。,扩展性。同时，在开源建设方面，水滴也开源并不断迭代优秀的底层功能，包括表格、表格等，欢迎大家体验，提出宝贵建议~！相关资源dropform的开源能力：https://github.com/JDFED/drip...dropform的开源能力：https://github.com/JDFED/drip...作者：黄皓
