看看人家阿里的低代码引擎，多优雅！

　　特性引擎协议使用示例工程化配置：cdn可选方式：界面功能物料面板大纲面板源码面板Schema编辑编辑画布区域属性样式事件高级案例传送门
　　LowCodeEngine是由阿里巴巴钉钉团队开源的低代码引擎，该引擎全面遵循《阿里巴巴中后端前端基础构建协议规范》和《阿里巴巴中后端前端素材协议规范》。兼容主流浏览器：Chrome80，Edge80，safari和firefox最近2个版本。特性提炼自企业级低代码平台的面向扩展设计的内核引擎，奉行最小内核，最强生态的设计理念开箱即用的高质量生态元素，包括物料体系、设置器、插件等完善的工具链，支持物料体系、设置器、插件等生态元素的全链路研发周期强大的扩展能力，已支撑100个各种类型低代码平台使用TypeScript开发，提供完整的类型定义文件引擎协议
　　引擎完整实现了《低代码引擎搭建协议规范》和《低代码引擎物料协议规范》，协议栈是低代码领域的物料能否流通的关键部分。
　　使用示例npminstallalilclowcodeenginesavedev
　　TIPS：仅支持cdn方式引入，npm包用于提供typings等代码提示能力import｛init，skeleton｝fromalilclowcodeengine；skeleton。add（｛area：topArea，type：Widget，name：logo，content：YourFantaticLogo，contentProps：｛logo：https：img。alicdn。comtfsTB1SocGkT2gK0jSZFkXXcIQFXa6666。png，href：，｝，props：｛align：left，width：100，｝，｝）；init（document。getElementById（lce））；工程化配置：｛externals：｛alilclowcodeengine：varwindow。AliLowCodeEngine，alilclowcodeengineext：varwindow。AliLowCodeEngineExt｝｝cdn可选方式：方式1（推荐）：alifdcdnhttps：alifd。alicdn。comnpmalilclowcodeengine1。0。0distjsenginecore。jshttps：alifd。alicdn。comnpmalilclowcodereactsimulatorrenderer1。0。0distjsreactsimulatorrenderer。js方式2：unpkghttps：unpkg。comalilclowcodeengine1。0。0distjsenginecore。jshttps：unpkg。comalilclowcodereactsimulatorrenderer1。0。0distjsreactsimulatorrenderer。js方式3：jsdelivrhttps：cdn。jsdelivr。netnpmalilclowcodeengine1。0。0distjsenginecore。jshttps：cdn。jsdelivr。netnpmalilclowcodereactsimulatorrenderer1。0。0distjsreactsimulatorrenderer。js方式4：使用自有cdn
　　将源码中packagesenginedist和packages（reactrax）simulatorrendererdist下的文件传至你的cdn提供商界面功能
　　低代码编辑器中的区块主要包含这些功能点：
　　物料面板
　　可以查找组件，并在此拖动组件到编辑器画布中：
　　大纲面板
　　可以调整页面内的组件树结构：
　　可以在这里打开或者关闭模态浮层的展现：
　　源码面板
　　可以编辑页面级别的JavaScript代码和CSS配置：
　　Schema编辑
　　【开发者专属】可以编辑页面的底层Schema数据：
　　搭配顶部操作区的保存到本地和重置页面功能，可以实验各种schema对低代码页面的改变。编辑画布区域
　　点击组件在右侧面板中能够显示出对应组件的属性配置选项：
　　拖拽修改组件的排列顺序：
　　将组件拖拽到容器类型的组件中，注意拖拽时会在右侧提示当前的组件树：
　　属性
　　组件的基础属性值设置：
　　样式
　　组件的样式配置，如文字：
　　事件
　　绑定组件对外暴露的事件：
　　高级
　　循环、条件渲染与key设置：
　　案例钉钉宜搭是阿里巴巴自研的低代码应用开发平台
　　Parts造物是阿里巴巴自研的低代码物料管理、物料集成、物料研发的产品
　　传送门
　　开源协议：MIT
　　开源地址：https：github。comalibabalowcodeengine
　　原文链接：https：mp。weixin。qq。comsc2Wpulw3H23G0T201DpROA