简介

智能化可视化物料生产平台:基于集团智能化方向的产物(ImgCook/PAI/PipCook/可视化搭建引擎),结合业务需求的自由化定制,提供面向开发者的,快速高效的产出组件、模块和页面的低代码物料生产平台。

架构大图

架构大图.jpg

部分功能流程图

D2C (7).jpg

功能特征

  • 机器转码:基于D2C(design to code)的机器智能转码,去除了对视觉稿的约束,向开发者提供了高精准度的视觉稿还原能力。
  • 可视化:所见即所得的可视化拖拽搭建、数据绑定、逻辑编排能力,向开发者提供了功能完善的可视化物料生产平台。
  • 物料闭环:无需接入第三方组件库,通过平台的D2C、可视化搭建、源码开发即可生产基础组件,发布后供平台自身进行复杂模块页面的搭建使用。
  • 源码开发:源码开发既可以针对D2C的机器转码进行修正,也可以源码开发HTML和CSS进而用于后续的可视化搭建、编码和数据绑定等。
  • 多DSL:一次开发,支持产生多种DSL(React、Vue、Rax、Weex、小程序等)的源码,且通过模板引擎可以对代码进行统一的业务定制和格式规范化等。
  • 智能化:页面中组件模块的智能检测,组件模块的智能识别,使得组件模块的复用智能化,且发布流程自动触发机器的训练学习,不断强化智能化水平。
  • 自动化:自动化的添加埋点,加上可视化的验收标记备注,助力业务埋点效率提升。

物料相关

生产方式:

  • D2C:基于sketch的机器转码
  • I2C:基于图片的组件检测与识别
  • F2C:基于流程图的代码开发
  • 源码开发:更进一步加强源码开发与可视化搭建的双向同步
  • 可视化搭建:基于基础元件、公共组件、业务组件的可视化搭建

    使用方式:

  • tnpm包

  • 基于脚手架的源码下载
  • 导入白龙马平台
  • 功能扩展:

  • 接入白龙马:支持独立页的数据预请求和直接发布上线

  • 自动化埋点:平台生产的组件、模块和页面支持自动化埋点
  • 多DSL支持:接入的卢等平台,一套组件,维护多端项目React、PHP、Flutter、小程序等
  • 测试:接入单元测试、自动化测试等
  • 规范化:代码语法风格的规范化,统一化等

后续功能规划

  • npm包的在线引用支持
  • 多DSL之PHP模板支持
  • F2C基于流程图的开发调研…
  • 组件模块导入sketch插件…
  • 单元测试/自动化测试…
  • 已完成内容的攻坚创新性迭代…