在新产品业务上线规则化的推进下，需要将CMS添加到最初的素材中进行审核，嵌入营销中心，为业务运营提供更便捷的评分、审核体验。 在技术选型过程中，新产品团队了解到水滴较低的代码平台具备可视化构建CMS的能力，内置丰富的能力，能够高效快速地构建表格平台、权限管理、微信等CMS。 它与面向业务的产品形态具有很好的适应性，设计风格一致，默认支持微前端，使得运维部署能够以几乎为零的成本将产品嵌入营销中心。 在进行了技术调查，比较了所有开发所需的40人之后，团队选择了更高效的水滴二维码作为CMS的实现方式，在6个工作日完成了共建、构建流程。 本文以整理营销中心-新品首发素材审核CMS (以下简称新品CMS )的构建为最佳实践，从零开始介绍水滴低码平台的使用方法。
01
水滴—CMS快速解决方案水滴具有编程、低代码双向优势，二者相辅相成，为开发者提供了一个涵盖中后台管理系统所有角度的解决方案。 主要特点如下。
水滴功能亮点
以开发者的观点，引导您构建营销中心的新产品CMS。 作为最佳实践，从需求审阅到组件开发和页面构建，最终将CMS在线发布。
新品CMS最终效果
02
在新产品CMS需求分析中，首先MCube根据模板的缓存状态判断是否需要在网络上获取最新的模板，获取模板后进行模板加载，在加载阶段将产物转换为视图树结构， 转换完成后，表达式引擎分析表达式以获取正确的值，事件分析引擎分析用户自定义的事件以完成事件绑定，并在分析和事件绑定完成后进行视图渲染。 最终将目标页面显示在屏幕上整理需求后，对于营销中心的新产品CMS APP应用，业务较为复杂：各模块之间相关性强、数据复杂度高的交互场景较多：页面间跳转、数据传输需求多模块交互需求：需要符合营销中心设计语言、保持一贯设计风格的微提示端组合：新的CMS不是独立使用的，而是内嵌在营销中心的子APP和从开发到测试，共有3页( 6个表单、4个表单)，在短短的6天时间内，除了特征分析外，作者还组织了页面和组件。 由于业务和交互式定制场景，还有4个业务组件需要定制开发，好在水滴具有共建能力，开发者可以定制业务组件并导入系统
需求整理
03
组件联合开发
了解，首先，MCube根据模板缓存的状态确定是否需要从网络获取最新的模板。 获取模板，然后进行模板加载，在加载阶段将产物转换为视图树的结构。 转换完成后，表达式引擎分析表达式以获取正确的值，事件分析引擎分析用户自定义的事件并完成事件绑定，完成分析赋值和事件绑定后进行视图渲染，最终达到目标整理需求后，接下来是定制业务组件的过程。 开发人员可以在下载自定义组件模板库后进行相关的自定义开发。 模板包含用于组件开发的代码模板、常规依赖关系、调试工具和命令，开发完成后，可以通过命令将其发布到jnpm。 这样，您就可以安装一组支持水滴工作台插件管理的组件，并在安装完成后在生成页面中使用这些组件。
定制组件开发流程
1、本地开发时，可以在进行调试的同时进行窗体、表组件界面的调试。
2、已开发的定制配件套装，成功发放至jnpm仓库后，可安装在水滴工作台使用。
3、安装的组件可以在生成页面中拖动使用。
现在，页面所需的所有组件都已开发完毕。 接下来进入构筑页面的一环吧~
04页可视化构建页面构建环节非常简单，水滴提供表单表设计师，拖放&； 只要拖放，就可以将组件的布局和样式调整为UI设计原稿中的样子。 为了减少用户在布局调整和风格修改方面的操作次数，水滴团队联合基础业务体验部UI设计团队制定了中后台视觉标准，落地低码平台，实现一键拖动的理想风格。
水滴泡沫设计师
不仅是接口构建，水滴也支持表单联动、异步提取数据等复杂的逻辑面配置，开发者可以灵活地切换到模式界面进行各种逻辑的配置创建。 表单检查包括数十种常见检查，如url、https、图像大小和数组的上下限，否则可以填写自定义正则表达式，也可以在架构中放置其他复杂的检查。
水滴泡沫设计师： JSON编辑能力
05前端事件组织除了界面布局外，还需要处理业务逻辑和交互跳转。 在此，您可以使用水滴工作台的事件组织功能来创建JS操作并将其绑定到每个暴露模块的事件。 在新的提交表单中，表单组件本身提供了基本的验证功能，但必须在提交表单之前运行自定义的验证逻辑。 这可以通过创建JS操作来实现。 此外，为了满足后台接口文档的定义，还必须对表单中收集的数据进行结构性转换。 在事件设置为“提交表单前”的事件中，可以绑定相应的JS操作以处理数据转换逻辑。
描述事件绑定和操作
06构建接口和数据源的接口和组织事件逻辑后，可以与后台接口协同工作，连接接口和数据源。 与典型的低代码平台不同，DripWorks不仅可以构建前端维，还可以通过FaaS连接数据源。 接口开发人员可以通过FaaS消除运维部署的细节，通过预配置的模板以简单的配置生成所需的函数，并连接到DUCC等数据源。 可以快速创建包括NodeJS、JAVA等在内的各种添加删除更改界面。 另一方面，在新的CMS场景中，对应的后台服务已经存在，只需简单修改界面的进出后，直接绑定相应的界面URL即可。 至此，构建的模块已成功绑定到后台服务提供的接口~
接口服务绑定
07权限管理页面开发、界面协同工作完成后，进行CMS APP协同定制权限管理。 在权限管理方面，水滴提供了完整的角色权限管理能力，可以设置不同的角色并分配相应的菜单、页面和功能权限。 除了为用户提供页面级别的查看权限控制外，还提供了可在后端调用的API服务，通过该服务可以更好地管理权限。
角色和权限管理角色和权限管理
08运输自由云构建部署和版本控制完成后，可以单击构建发布进行在线操作。 水滴自动生成源代码，进行云构建，最终将构筑物推送到京东前端发布平台Pubfree。 这样做的好处是，构建的交付项可以固化，不受平台更改的影响。 另外，可以获得源代码进行二次开发和私有化导入，像CMS这样变更频率低但业务复杂度高的类型的稳定性、灵活性优异。 水滴也提供了测试、预发货、生产三种环境，开发者可以根据情况选择不同的历史版本，在三种环境下进行秒切换。
版本控制
点击发布后的链接地址，可以跳转到在线APP。 这样就可以得到最终生产的CMS了。 此外，水滴构建的产品默认符合Micro-App微前端引脚APP规范，可与营销中心等微前端框架直接耦合。 至此，整个构建、开发和部署过程结束。
09全新CMS APP应用实践过程总结，水滴不仅支持拖拽可视化构建CMS系统，还具备灵活深度的组件协同构建、逻辑扩展能力，能够满足不同CMS的业务诉求。 内置权限、组件、菜单路由和内部版本部署也很容易，重复开发也更少，性能大幅提高。 但是，各种功能模块内容的丰富性、学习和熟练的门槛等仍然有很多需要改进的地方。 水滴团队也本着精益求精的精神，以用户需求为导向，不断增强平台的易用性、可扩展性。 同时，在开源建设中，水滴也在开源中不断重复底层的优秀功能。 包括表格、表格等，欢迎大家的体验和宝贵建议~相关资源
水滴泡沫开源能力： https://github.com/JD fed/drip-form水滴泡沫开源能力： https://github.com/JD fed/drip-tabl作者：黄浩
