[发明专利]WEB前端控件的开发方法和系统

摘要

本发明涉及WEB前端控件的开发方法和系统，其中，WEB前端控件的开发方法包括：根据接收到的配置指令，创建WEB前端控件模型的XML配置；利用JAVA端模型和渲染引擎解析所述XML配置，生成前端控件脚本；利用模版技术根据所述前端控件脚本生成HTML；调用前端控件结合所述HTML生成目标样式的控件。本发明的技术方案通过创建目标控件的XML配置，利用模板技术生成目标样式，使用户不需要编写javascript编码，提高web前端控件的开发效率，从而降低web前端开发与维护的成本。

主权项

1.一种WEB前端控件的开发方法，其特征在于，包括：

根据接收到的配置指令，创建WEB前端控件模型的XML配置；

利用JAVA端模型和渲染引擎解析所述XML配置，生成前端控件脚本；

利用模版技术根据所述前端控件脚本生成HTML；

调用前端控件结合所述HTML生成目标样式的控件。

2.根据权利要求1所述的开发方法，其特征在于，进一步包括：

在前端事件触发时，收集前端控件的差异化数据，将所述前端控件模型的差异化数据序列化到JAVA端；

在JAVA端模型数据发生改变时，通过所述渲染引擎将相关数据反序列化到前端，其中，所述JAVA端模型由所述JAVA端解析所述XML配置获得。

3.根据权利要求1所述的开发方法，其特征在于，所述创建WEB前端控件模型XML配置，具体包括：

创建控件视图XML配置和控件UI模型XML配置，并通过唯一标识进行关联，其中，所述控件视图XML配置描述控件的数据属性，所述控件UI模型XML配置描述控件的布局属性。

4.根据权利要求3所述的开发方法，其特征在于，所述利用JAVA端模型和渲染引擎解析所述XML配置，生成前端控件脚本，具体包括：

利用所述JAVA端模型解析所述控件视图XML配置，生成第一解析结果，并将所述第一解析结果加载到缓存；

利用所述渲染引擎解析所述控件UI模型XML配置，生成第二解析结果，并结合缓存中的所述第一解析结果进行递归渲染，生成所述前端控件的脚本。

5.根据权利要求4所述的开发方法，其特征在于，所述调用前端控件结合所述HTML生成目标样式的控件，具体包括：

调用Jquery编写的布局与控件，生成可视化的控件样式，并对属性值进行绑定。

6.一种WEB前端控件的开发系统，其特征在于，包括：

配置单元，跟据接收到的配置指令，创建WEB前端控件模型的XML配置；

解析单元，利用JAVA端模型和渲染引擎解析所述XML配置，生成前端控件脚本；

目标单元，利用模版技术根据所述前端控件脚本生成HTML，调用前端控件结合所述HTML生成目标样式的控件。

7.根据权利要求6所述的开发系统，其特征在于，进一步包括：

序列化单元，在前端事件触发时，收集前端控件的差异化数据，将所述前端控件模型的差异化数据序列化到JAVA端；

反序列化单元，在JAVA端模型数据发生改变时，通过所述渲染引擎将相关数据反序列化到前端，其中，所述JAVA端模型由所述JAVA端解析所述XML配置获得。

8.根据权利要求7所述的开发系统，其特征在于，所述配置单元，具体用于：

创建控件视图XML配置和控件UI模型XML配置，并通过唯一标识进行关联，其中，所述控件视图XML配置描述控件的数据属性，所述控件UI模型XML配置描述控件的布局属性。

9.根据权利要求8所述的开发系统，其特征在于，所述解析单元，具体用于：

利用所述JAVA端模型解析所述控件视图XML配置，生成第一解析结果，并将所述第一解析结果加载到缓存；

利用所述渲染引擎解析所述控件UI模型XML配置，生成第二解析结果，并结合缓存中的所述第一解析结果进行递归渲染，生成所述前端控件的脚本。

10.根据权利要求9所述的开发系统，其特征在于，所述目标单元，具体用于：

调用Jquery编写的布局与控件，生成可视化的控件样式，并对属性值进行绑定。