介绍快搭平台界面设计引擎是一套用于可视化拖拽构建用户界面的基础上实现业务逻辑的渐进式界面渲染引擎.与其他的前端的框架不同的是,快搭平台界面设计引擎被设计成以实现业务逻辑为导向.极大的减低了界面布局的门槛. 让一般的开发人员经过简单学习就能安排开发系统功能.其高可复用性,一旦形成行业组件库会极大的给往后的项目可开发人员赋能.
涉及技术快搭平台组件的开发主要技术涉及: 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
作者：texbox 创建时间：2022-12-05 17:12最后编辑：texbox 更新时间：2024-10-17 08:28