[发明专利]级联样式表数据生成方法、系统、计算机设备及存储介质

说明书

本发明公开了一种级联样式表数据生成方法、系统、计算机设备及存储介质，涉及数据处理技术领域，包括：接收客户端发出的数据生成信号，获取待处理数据和目标模板数据；识别所述待处理数据的数据类型，采用与所述数据类型对应的解析策略对所述待处理数据进行解析，生成目标级联样式表CSS代码；基于所述目标级联样式表CSS代码进行提取，获得所述目标级联样式表CSS代码对应的语法树；基于所述目标模板数据对所述目标级联样式表CSS代码对应的语法树进行遍历，获得目标结果并将所述目标结果发送至客户端，解决了现有的当前代码生成工具样式选择比较单一，生成的样式文件仅支持CSS格式，因此代码复用效率较低，适用性较差问题。

技术领域

本发明涉及数据处理技术领域，尤其涉及一种级联样式表数据生成方法、系统、计算机设备及可读存储介质。

背景技术

CSS(CascadingStyleSheets，级联样式表)是一种样式设计语言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，做到网页表现与内容分离。但是CSS样式十分丰富，在开发过程中不仅需要熟记众多CSS样式属性、功能，还需要在开发中对字体、文字、颜色、背景等方便精确的控制，才可以使网页内容更加丰富多彩，工作量较大。

本发明创造的发明人在研究中发现，现有已经存在一些在线生成CSS代码工具，但是当前的代码生成工具样式选择比较单一，可自主生成的样式较少，生成的样式文件仅支持CSS格式，因此代码复用效率较低，适用性较差。

发明内容

本发明的目的是提供一种级联样式表数据生成方法、系统、计算机设备及可读存储介质，用于解决现有的当前代码生成工具样式选择比较单一，可自主生成的样式较少，生成的样式文件仅支持CSS格式，因此代码复用效率较低，适用性较差问题。

为实现上述目的，本发明提供一种级联样式表数据生成方法，应用于CSS平台服务器端，包括以下：

接收客户端发出的数据生成信号，获取待处理数据和目标模板数据；

识别所述待处理数据的数据类型，采用与所述数据类型对应的解析策略对所述待处理数据进行解析，生成目标级联样式表CSS代码；

基于所述目标级联样式表CSS代码进行提取，获得所述目标级联样式表CSS代码对应的语法树；

基于所述目标模板数据对所述目标级联样式表CSS代码对应的语法树进行遍历，获得目标结果并将所述目标结果发送至客户端。

进一步的，所述识别所述待处理数据的数据类型，采用与所述数据类型对应的解析策略对所述待处理数据进行解析，生成目标级联样式表CSS代码，包括以下：

判断所述待处理数据的数据类型；

当所述待处理数据的数据类型为预设控件集合，则根据预设代码模板和所述预设空间集合生成目标级联样式表CSS代码；

当所述待处理数据的数据类型为图片，则对所述待处理数据进行图像识别，并根据识别结果和预设编译规则生成目标级联样式表CSS代码；

当所述待处理数据的数据类型为自主编辑文本，则基于预设映射规则对待处理数据进行抽离，以生成目标级联样式表CSS代码。

进一步的，所述对所述待处理数据进行图像识别，并根据识别结果和预设编译规则生成目标级联样式表CSS代码，包括以下：

采用图形用户界面可区分编译器对所述待处理数据进行处理，获得HTML+CSS代码数据作为识别结果；

基于所述识别结果和预设CSS数据抽离正向规则生成目标级联样式表CSS代码；

将所述待处理数据及其对应的目标级联样式表CSS代码存储在预设图片数据库中。