介绍

快搭平台界面设计引擎是一套用于可视化拖拽构建用户界面的基础上实现业务逻辑的渐进式界面渲染引擎.与其他的前端的框架不同的是,
快搭平台界面设计引擎被设计成以实现业务逻辑为导向.极大的减低了界面布局的门槛. 让一般的开发人员经过简单学习就能安排开发系统功能.
其高可复用性,一旦形成行业组件库会极大的给往后的项目可开发人员赋能.

涉及技术

快搭平台组件的开发主要技术涉及: OOP , nodejs , typescript, javascript ,css ,jss , jQuery,vue ,react,webPack 等.

特点

• 可复用性
• 可按需打包
• 可集成 vue ,react,bootStrap 等主流组件
• 低耦合
• 支持移动/平板
• 丰富的组件资源(目前有主库包含了上百个组件)
• 组件市场(敬请期待…)

设计器结构图

组件的类继承关系列表

• SerializeComponetBase 组件顶层基类.主要负责组件的序列/反序列化,事件的注册/反注册

  • ComponentBase 组件基类 .界面设计器的鼠标动作,焦点,拖拽 等等

    • ContainerBase 容器组件基类. 内部可以包含多个子组件. 它的继承组件如: DesignerPageBase, DbComponentBase,FieldDbComponentBase

      • DbComponentBase 带数据源属性的组件基类.就是组件是可以绑定数据源
        • FieldDbComponentBase 数据源字段组件基类.就是组件是可以绑定数据源的字段的组件 如: InputBase
          • InputBase 输入组件基类
            • InputEdit input 输入框组件
            • Checkbox 复选框选择组件
            • InputRadio 单选框组件
            • InputSwitch 开关组件
            • Rate 评分组件
            • TextareaEdit 文本域组件
            • UploadCmp 上传组件
            • YHDatePickerBase 日期选择组件基类
            • DropDownBase 下拉组件基类
              • SelectMultipleBase 下拉多选组件
              • SelectTreeBase 下拉树形组件
            • PopInputBase 弹出选择项框的输入组件基类
              • PopInputTableBase 弹出Table选择项框的选择输入组件
              • PopInputTreeBase 弹出树形选择框的选择输入组件
      • Tabs 页签组件
      • MobileComponentBase 手机端组件基类
      • VueComponentBase Vue组件基类
      • ButtonBase 按钮组件基类

    • InvisibleBase 不可见组件的基类. 设计模式下可见,运行模式下不可见.主要用于数据源,主题 等等只是配置的组件.它的继承的组件如: DataSourceBase,KDPage,ZlPage

      • DataSourceBase 数据源基类
      • PageBase 页面基类
        • ZlPage 页面操作服务类
        • EditorPage 弹出的编辑页面组件
        • KDPage 页面服务

了解组件的基类是组件开发的基础. 只有这样才能知道自己所要开发的组件要继承那个基类.继承正确的基类可以的大大的减少代码的

参考

组件API