[发明专利]一种可被集成的高扩展性页面设计方法及系统

权利要求书

1.一种可被集成的高扩展性页面设计方法，其特征在于：所述可被集成的高扩展性页面设计方法包括：

S1、设计具有画布区域、控件栏、属性面板的页面设计器，在画布区域排版控件、配置控件属性，最终生成页面模型；

S2、管理所有已定义的控件模型，针对当前页面的控件树结构，提供新增、删除、拖入容器控件、拖出容器控件、显示属性定义、设置属性功能；

S3、将生成的页面模型放置在基于具体技术框架配合具体组件库上进行页面渲染；

S4、根据版本号判断，旧版本页面属性通过版本转换引擎逐级转换成为新版本属性。

2.根据权利要求1所述的一种可被集成的高扩展性页面设计方法，其特征在于：所述页面设计器具有布局控件和普通控件两种类型的控件，布局控件中可以放置布局控件或普通控件，普通控件只能被放置于布局控件中，所述普通控件可设置包括允许上传的文件类型、最多上传文件数量和最大上传文件大小的特征属性，所述布局控件除了可以设置自身的特征属性以外，还具有子控件集合。

3.根据权利要求1所述的一种可被集成的高扩展性页面设计方法，其特征在于：所述页面设计器中，在控件栏中呈现已注册的控件定义；画布区域根据布局引擎提供的控件树，按树结构层次逐步绘制，具体在控件需要按照布局引擎提供的接口实现各自具体渲染图形；在选中控件时，属性面板通过布局引擎获取该组件的属性定义，渲染到属性面板中，在属性面板中设置属性将会更新到布局引擎中的控件树中，集成时需要获取和接收页面模型的数据。

4.根据权利要求1所述的一种可被集成的高扩展性页面设计方法，其特征在于：所述控件模型采用JSON结构，包括唯一标识、类型、特征属性集合，接入的实现框架需要接收控件属性定义、并调用API暴露事件改变自身状态和属性值；所述页面模型采用JSON结构，包括唯一标识、类型、特征属性集合、子控件集合属性，接入实现不需要做额外的对接。

5.根据权利要求1所述的一种可被集成的高扩展性页面设计方法，其特征在于：由布局引擎管理所有已定义的控件模型和针对当前页面的控件树结构，提供新增、删除、拖入容器控件、拖出容器控件、显示属性定义、设置属性功能。

6.根据权利要求1所述的一种可被集成的高扩展性页面设计方法，其特征在于：渲染时由渲染引擎对接实现框架的数据接口，获取页面模型，再配合控件模型即可渲染对应的页面。

7.根据权利要求1所述的一种可被集成的高扩展性页面设计方法，其特征在于：逐级转换版本属性方式是由版本转换引擎维护控件每个版本的属性升级的转换函数，对页面模型中的所有控件所记录的版本，对控件版本进行逐级升级，直至当前最新版本，上述操作在页面设计器保存时和渲染引擎执行前执行。