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

权利要求书

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

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

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

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

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

所述创建WEB前端控件模型XML配置，具体包括：

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

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

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

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

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

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

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

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

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

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

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

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

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

所述配置单元具体用于：

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

所述解析单元，具体用于：

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

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

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

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

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

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

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