前端页面数据处理方法、装置、设备和存储介质制造方法及图纸

本公开提供一种前端页面数据处理方法、装置、设备和存储介质，所述方法包括：在当前页面调用样式组件，所述样式组件中的样式具有样式标识码；根据所述当前页面的配置文件获取所述当前页面的当前环境对应的样式标识码；根据所述样式标识码在所述样式组件中选取对应的页面样式；将所述页面样式加载到所述当前页面中，以发布所述当前页面。本公开的技术方案可以加快软件的迭代开发。以加快软件的迭代开发。以加快软件的迭代开发。

【技术实现步骤摘要】
前端页面数据处理方法、装置、设备和存储介质


[0001]本公开涉及计算机软件开发
，尤其涉及一种前端页面数据处理方法、装置、设备和存储介质。

技术介绍

[0002]前端页面由HTML(Hypertext Markup Language，超文本标记语言)结构层、CSS(Cascading Style Sheets，层叠样式表)表示层、JS(JavaScript)行为层组成。CSS即为前端界面的样式。在前端页面开发过程中，可能需要前端开发人员重复使用大部分相同的代码去实现UI(User Interface，用户界面)样式，在样式的发版过程中，可能因为编译代码时的失误造成版本依赖不对等，这些情况都会增加工作量，造成人力的浪费。
[0003]此外，开发前端页面时，每次有小的样式改动都需要去重新发版上线，并且需要经过层层的审批才可以部署生产，这使得软件的开发周期延长。
[0004]综上，采用当前的前端开发的样式的生成和改动方案时，前端页面的代码开发效率较低。

技术实现思路

[0005]本公开提供一种前端页面数据处理方法、装置、电子设备和非暂态计算机可读存储介质，用以解决现有技术中前端代码开发效率较低的问题，提高了软件迭代开发的速度。
[0006]本公开提供一种前端页面数据处理方法，包括：在当前页面调用样式组件，所述样式组件中的样式具有样式标识码；根据所述当前页面的配置文件获取所述当前页面的当前环境对应的样式标识码；根据所述样式标识码在所述样式组件中选取对应的页面样式；将所述页面样式加载到所述当前页面中，以发布所述当前页面。
[0007]根据本公开提供的一种前端页面数据处理方法，所述根据所述当前页面的配置文件获取所述当前页面的当前环境对应的样式标识码，包括：若所述当前环境为预发环境，则获取所述预发环境对应的第一标识码；若所述当前环境为线上环境，则获取所述线上环境对应的第二标识码。
[0008]根据本公开提供的一种前端页面数据处理方法，所述当前环境为预发环境，所述页面样式为第一标识码对应的页面样式，所述发布所述当前页面之后，所述方法还包括：在根据测试数据确认所述当前页面无误后，获取线上环境对应的第二标识码；根据所述第二标识码在所述样式组件中选取对应的页面样式替换原有的页面样式加载到所述当前页面中。
[0009]根据本公开提供的一种前端页面数据处理方法，所述在当前页面调用样式组件之前，所述方法还包括：根据包管理工具npm安装命令从服务器下载所述样式组件并安装到本地设备。
[0010]根据本公开提供的一种前端页面数据处理方法，所述根据包管理工具npm安装命令从服务器下载所述样式组件之前，所述方法还包括：为编辑好的样式生成样式标识码并
增加到样式列表中；将所述样式列表上传到所述服务器以供下载使用。
[0011]根据本公开提供的一种前端页面数据处理方法，所述在当前页面调用样式组件，包括：采用导入外部样式的方式导入所述样式组件的列表文件。
[0012]根据本公开提供的一种前端页面数据处理方法，所述当前页面包括移动端页面或个人电脑PC端页面。
[0013]本公开提供一种前端页面数据处理装置，所述装置包括：调用单元，用于在当前页面调用样式组件，所述样式组件中的样式具有样式标识码；获取单元，用于根据所述当前页面的配置文件获取所述当前页面的当前环境对应的样式标识码；选取单元，用于根据所述样式标识码在所述样式组件中选取对应的页面样式；加载单元，用于将所述页面样式加载到所述当前页面中，以发布所述当前页面。
[0014]根据本公开提供的一种前端页面数据处理装置，所述获取单元还用于：若所述当前环境为预发环境，则获取所述预发环境对应的第一标识码；若所述当前环境为线上环境，则获取所述线上环境对应的第二标识码。
[0015]根据本公开提供的一种前端页面数据处理装置，所述当前环境为预发环境，所述页面样式为第一标识码对应的页面样式，所述装置还包括替换单元，用于：在根据测试数据确认所述当前页面无误后，获取线上环境对应的第二标识码；根据所述第二标识码在所述样式组件中选取对应的页面样式替换原有的页面样式加载到所述当前页面中。
[0016]根据本公开提供的一种前端页面数据处理装置，所述装置还包括下载单元，用于：根据包管理工具npm安装命令从服务器下载所述样式组件并安装到本地设备。
[0017]根据本公开提供的一种前端页面数据处理装置，所述装置还包括样式发布单元，用于：为编辑好的样式生成样式标识码并增加到样式列表中；将所述样式列表上传到所述服务器以供下载使用。
[0018]根据本公开提供的一种前端页面数据处理装置，所述调用单元还用于采用导入外部样式的方式导入所述样式组件的列表文件。
[0019]根据本公开提供的一种前端页面数据处理装置，所述当前页面包括移动端页面或个人电脑PC端页面。
[0020]本公开还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一种所述前端页面数据处理方法的步骤。
[0021]本公开还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述任一种所述前端页面数据处理方法的步骤。
[0022]本公开提供的前端页面数据处理方法、装置、电子设备和非暂态计算机可读存储介质，通过使用配置文件为前端页面的项目配置样式，具体通过配置文件中的样式标识码在样式组件中选取对应的页面样式加载到当前页面中，实现了样式的可配置化，提高了软件迭代开发的效率。
附图说明
[0023]为了更清楚地说明本公开或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本公开的一
些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
[0024]图1是本公开提供的前端页面数据处理方法的流程示意图；
[0025]图2是本公开提供的生成并发布样式的过程的流程示意图；
[0026]图3是本公开提供的新建页面的示意图；
[0027]图4是本公开提供的样式列表页的示意图；
[0028]图5是本公开提供的前端页面数据处理装置的结构示意图；
[0029]图6是本公开提供的电子设备的结构示意图。
具体实施方式
[0030]为使本公开的目的、技术方案和优点更加清楚，下面将结合本公开中的附图，对本公开中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。
[0031]在本公开一个或多个实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本公开一个或多个实施例。在本公开一个或多个实施例和所附权利要本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端页面数据处理方法，其特征在于，所述方法包括：在当前页面调用样式组件，所述样式组件中的样式具有样式标识码；根据所述当前页面的配置文件获取所述当前页面的当前环境对应的样式标识码；根据所述样式标识码在所述样式组件中选取对应的页面样式；将所述页面样式加载到所述当前页面中，以发布所述当前页面。2.根据权利要求1所述的方法，其特征在于，所述根据所述当前页面的配置文件获取所述当前页面的当前环境对应的样式标识码，包括：若所述当前环境为预发环境，则获取所述预发环境对应的第一标识码；若所述当前环境为线上环境，则获取所述线上环境对应的第二标识码。3.根据权利要求2所述的方法，其特征在于，所述当前环境为预发环境，所述页面样式为第一标识码对应的页面样式，所述发布所述当前页面之后，所述方法还包括：在根据测试数据确认所述当前页面无误后，获取线上环境对应的第二标识码；根据所述第二标识码在所述样式组件中选取对应的页面样式替换原有的页面样式加载到所述当前页面中。4.根据权利要求3所述的方法，其特征在于，所述在当前页面调用样式组件之前，所述方法还包括：根据包管理工具npm安装命令从服务器下载所述样式组件并安装到本地设备。5.根据权利要求4所述的方法，其特征在于，所述根...

【专利技术属性】
技术研发人员：杨晓霞，
申请(专利权)人：京东科技控股股份有限公司，
类型：发明
国别省市：