可视化界面设计与开发 @kesplus/gridlayout-designer

概述

不同于传统的低代码开发平台，KES Plus平台提供的可视化开发产物不是中间产物，而是页面源码，支持开发者在可视化开发与代码模式开发之间 无缝切换，可在源码中插入代码片段。KES Plus 基于 vue 源码进行可视化拖拉拽、接口开发、代码插入等功能。开发者对源代码有 100% 的掌控能力，可以通过写代码轻松对页面功能进行功能增强。

通过 反复 的切换、迭代，开发者既可以享受可视化开发的效率，又保留了源码的灵活性。开发者可以自由选择自己擅长的方式，高效且轻松的实现界面设计与功能开发，做到 开发周期减半，双倍交付成果！

布局

界面设计器提供了丰富的代码模板，开发者可以选择多种类型的布局实现自己的业务需求。也可以通过组合多种布局实现更复杂的布局。

可视化设计

设计器提供了剪刀、复制、拖拉拽的能力，使得开发者可以灵活快速实现业务架构布局。开发者不仅仅可以设计一个空白的页面，也可以基于一个现有界面进行反复的更新迭代。

丰富物料

设计器在通过丰富的多样的物料、代码区块支撑开发者对大部分业务的开箱即用。设计器也通过物料配置集成了组件文档，开发者在需要查看组件文档时仅仅需要点击左下角的物料帮助即可看到预设好的组件文档以及各种示例，保障开发过程中的丝滑流畅。

可视化接口编程

设计器属性区提供了组件各个属性的可视化配置及说明，尽可能避免开发者在开发过程中去查看组件文档的情况，充分提高开发者有限时间内的效率。

深度个性化定制

同时，设计器支持代码定位、自定义物料、区块等能力。通过 发布订阅 机制，订阅原子或高级事件包含鼠标事件、拖拽事件、物料回调、界面事件等功能，对设计器界面、功能、操作等进行深度个性化定制。设计器中可见的所有元素均为插件实现，为开发者提供无限可能，达到越用越好用，越用越快的效果。