[发明专利]设置控件样式属性的方法和装置

说明书

技术领域

本发明涉及网页开发技术领域，特别是涉及一种设置控件样式属性的方法和装置。

背景技术

CSS(CascadingStyleSheet，层叠样式表)是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。使用CSS样式可以控制许多仅使用HTML(HypertextMarkupLanguage，超文本标记语言)无法控制的样式属性。当在浏览器中打开一个HTML网页时，浏览器将读取该网页中的HTML标签，并根据CSS样式表将网页元素呈现出来，即CSS样式决定浏览器将如何描述HTML元素的表现形式。控件是对数据和方法的封装，控件可以有自己的样式属性和方法。在WAFII(WebApplicationFrameworkII，网页应用程序框架II)平台控件库中把部分常用CSS样式作为控件自身样式属性，开发者在WAFII动态开发平台配置工具中对目标控件的样式属性设置初始值。

传统技术中，一个页面往往有多个控件，而每一个控件有多个样式属性，各个样式属性之间是独立的，运行期通过控件样式属性去渲染DOM(DocumentObjectModel，文件对象模型)元素的过程中，每渲染一个样式属性就需要操作一次DOM元素，因此，运行期动态渲染网页时往往需要频繁操作DOM元素，导致渲染速度缓慢，同时也会带来很多性能问题。

发明内容

基于此，为了解决上述问题，提出了一种加快渲染速度的设置控件样式属性的方法和装置。

一种设置控件样式属性的方法，所述方法包括：获取为选取的目标控件设置样式属性的指令；根据所述设置样式属性的指令显示可编辑样式面板，通过所述可编辑样式面板获取对所述目标控件的各样式属性及相应样式属性值的设置；接收对所述设置的保存指令，根据所述对目标控件的各样式属性及相应样式属性值的设置生成CSS文件。

在其中一个实施例中，所述方法还包括：

将所述目标控件的控件信息和对应的样式属性信息记录在配置文件中。

在其中一个实施例中，根据所述设置样式属性的指令显示可编辑样式面板的步骤，包括：读取所述配置文件，根据所述目标控件的控件信息从所述配置文件中获取到相应的样式属性信息；解析所述样式属性信息，根据所述样式属性信息在所述可编辑样式面板中初始化所述目标控件的属性及相应属性值。

在其中一个实施例中，所述方法还包括：在加载页面的过程中，根据所述页面的包路径查找是否存在共享的CSS文件，若是，则根据共享的CSS文件渲染所述页面上的控件。

在其中一个实施例中，所述CSS文件中记录了控件的样式类信息；所述根据共享的CSS文件渲染所述页面上的控件的步骤，包括：加载所述CSS文件中的控件的样式类信息，将所述样式类信息对应的控件属性值一次赋值到控件元素中，实现控件的渲染。

一种设置控件样式属性的装置，所述装置包括：获取模块，用于获取为选取的目标控件设置样式属性的指令；显示模块，用于根据所述设置样式属性的指令显示可编辑样式面板，通过所述可编辑样式面板获取对所述目标控件的各样式属性及相应样式属性值的设置；生成模块，接收对所述设置的保存指令，根据所述对目标控件的各样式属性及相应样式属性值的设置生成CSS文件。

在其中一个实施例中，所述装置还包括：记录模块，用于将所述目标控件的控件信息和对应的样式属性信息记录在配置文件中。

在其中一个实施例中，所述显示模块包括：读取模块，用于读取所述配置文件，根据所述目标控件的控件信息从所述配置文件中获取到相应的样式属性信息；初始化模块，用于解析所述样式属性信息，根据所述样式属性信息在所述可编辑样式面板中初始化所述目标控件的样式属性及相应样式属性值。

在其中一个实施例中，所述装置还包括：渲染模块，用于在加载页面的过程中，根据所述页面的包路径查找是否存在共享的CSS文件，若是，则根据共享的CSS文件渲染所述页面上的控件。

在其中一个实施例中，所述CSS文件中记录了控件的样式类信息；渲染模块还用于加载所述CSS文件中的控件的样式类信息，将所述样式类信息对应的控件属性值一次赋值到控件元素中，实现控件的渲染。