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

说明书

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

技术领域

本发明涉及软件开发技术领域，具体而言，涉及一种WEB前端控件的开发方法和一种WEB前端控件的开发系统。

背景技术

在WEB(互联网网页)客户端蓬勃发展的今天，许多应用管理系统中，需要编写大量的代码，即使目前有诸如EXT，Jquery等优秀的框架来简化前端编程，但前端代码编写量依然庞大，由于代码的编写、调试与维护都需要大量专业性的技术人员，对前端技术人员的素质要求较高，增加了前端调试与维护的困难，提高了开发与后期维护的成本。现有的WEB前端开发系统，通常需要用户自己编写或者使用第三方提供的控件插件库，javascript编码的工作量很大，增加了web前端开发与维护的成本。

因此，如何降低WEB前端控件的开发难度，从而降低web前端开发与维护成本，成为亟待解决的问题。

发明内容

本发明旨在至少解决上述现有技术或相关技术中存在的技术问题之一。

为此，本发明的一个目的在于提出了一种WEB前端控件的开发方法。

本发明的另一个目的在于提供了一种WEB前端控件的开发系统。

本发明的第一方面提出了一种WEB前端控件的开发方法，包括：根据接收到的配置指令，创建WEB前端控件模型的XML(Extensible Markup Language，又称可扩展标记语言)配置；利用JAVA端模型和渲染引擎解析所述XML配置，生成前端控件脚本；利用模版技术根据所述前端控件脚本生成HTML(HyperText Markup Language，又称超文本标记语言)；调用前端控件结合所述HTML生成目标样式的控件。

根据本发明第一方面的WEB前端控件的开发方法，利用JAVA服务端的解析能力和内置模版，结合目标控件的XML配置，利用模板技术生成目标样式，使用户不需要编写javascript编码，提高web前端控件的开发效率。

在上述技术方案中，优选地，所述的WEB前端控件的开发方法进一步包括：在前端事件触发时，收集前端控件的差异化数据，将所述前端控件模型的差异化数据序列化到JAVA端；在JAVA端模型数据发生改变时，通过所述渲染引擎将相关数据反序列化到前端，其中，所述JAVA端模型由所述JAVA端解析所述XML配置获得。

在该技术方案中，在交互事件中使用暴露的API(应用程序编程接口)来获取和设置控件的属性值，JAVA服务端会通过渲染差异化数据传输等机制来保证前后台控件数据的一致性，从而达到前端免编程的使用效果。

在上述技术方案中，优选地，所述创建WEB前端控件模型XML配置，具体包括：创建控件视图XML配置和控件UI模型XML配置，并通过唯一标识进行关联，其中，控件视图XML配置描述控件的数据属性，控件UI模型XML配置描述控件的布局属性。

在该技术方案中，控件视图XML配置与控件UI模型XML配置是对控件属性的表达，并且通过唯一标识的关联，以便解析和使用，利于保证控件在前端和后端的一致性。

在上述技术方案中，优选地，所述利用JAVA端模型和渲染引擎解析所述XML配置，生成前端控件脚本，具体包括：利用所述JAVA端模型解析所述控件视图XML配置，生成第一解析结果，并将所述第一解析结果加载到缓存；利用所述渲染引擎解析所述控件UI模型XML配置，生成第二解析结果，并结合缓存中的所述第一解析结果进行递归渲染，生成所述前端控件的脚本。