CN110764816A - 一种管理页面的方法、设备及介质 - Google Patents

Abstract

本发明公开了一种管理页面的方法，包括以下步骤：设置包括标识ID和样式值的对应关系的配置文件；解析当前页面的页面结构，获取页面结构的结构元素、标识ID和样式值；基于页面结构中的标识ID在配置文件中确定对应的样式值；判断配置文件中的样式值与页面结构中的样式值是否一致；以及响应于配置文件中的样式值与页面结构中的样式值不一致，基于配置文件中的样式值和结构元素对当前页面进行更新并显示。本发明还公开了一种计算机设备和可读存储介质。本发明提出的管理页面的方法、设备及介质通过设定好的样式值和标识ID，按照固定格式组合成配置文件，可快速开发、交付，缩短产品研发周期，进而达到提高产品整体竞争力的目的。

Description

一种管理页面的方法、设备及介质

技术领域

本发明涉及页面开发领域，更具体地，特别是指一种管理页面的方法、设备及可读介质。

背景技术

在存储领域，随着存储架构和硬件的发展，存储的性能有了很大的提高，如果想有个更大的突破时，此时往往需要管理软件来协助，这个时候就能凸显出管理软件的重要性。在管理软件使用过程中，客户使用的满意程度往往取决于使用管理软件的风格和易用性上，而风格上的统一，是由层叠样式表决定的；随着后续需求量的增多、功能模块的增多，层叠样式表的内容会越加越多，人工的编写，容易出错和引入问题；过多的样式内容，造成代码的冗余，加载时影响管理软件的性能；后期更是不好维护，也极易引入问题。

发明内容

有鉴于此，本发明实施例的目的在于提出一种管理页面的方法、设备及介质，通过引入配置每个功能模块的样式值的配置文件和解析页面结构并与配置文件进行关联的解析模块，可以替代人为编写层叠样式表，进而减少引入问题的可能；配置文件记录每个模块的具体样式属性，如布局、颜色、背景、宽度、高度、字体和模块标识，每个模块样式信息都是独立的，通过模块标识能够快速定位到某个模块的样式信息，便于后期的维护。

基于上述目的，本发明实施例的一方面提供了一种管理页面的方法，包括如下步骤：设置包括标识ID和样式值的对应关系的配置文件；解析当前页面的页面结构，获取所述页面结构的结构元素、标识ID和样式值；基于所述页面结构中的所述标识ID在所述配置文件中确定对应的样式值；判断所述配置文件中的样式值与所述页面结构中的样式值是否一致；以及响应于所述配置文件中的样式值与所述页面结构中的样式值不一致，基于所述配置文件中的样式值和所述结构元素对当前页面进行更新并显示。

在一些实施方式中，所述获取所述页面结构的结构元素、标识ID和样式值包括：判断所述当前页面是否为第一次加载。

在一些实施方式中，判断所述当前页面是否为第一次加载包括：判断所述页面结构中是否存在样式值。

在一些实施方式中，所述获取所述页面结构的结构元素、标识ID和样式值还包括：响应于所述页面结构中不存在样式值，确定所述当前页面为第一次加载，并根据所述配置文件中对应的样式值和所述结构元素对当前页面进行显示。

在一些实施方式中，所述设置包括标识ID和样式值的配置文件包括：根据需要设置功能模块以及功能模块对应的样式值；给所述功能模块分配标识ID；以及在配置文件中将所述标识ID与样式值进行关联。

本发明实施例的另一方面，还提供了一种计算机设备，包括：至少一个处理器；以及存储器，存储器存储有可在处理器上运行的计算机指令，指令由处理器执行以实现如下步骤：设置包括标识ID和样式值的对应关系的配置文件；解析当前页面的页面结构，获取所述页面结构的结构元素、标识ID和样式值；基于所述页面结构中的所述标识ID在所述配置文件中确定对应的样式值；判断所述配置文件中的样式值与所述页面结构中的样式值是否一致；以及响应于所述配置文件中的样式值与所述页面结构中的样式值不一致，基于所述配置文件中的样式值和所述结构元素对当前页面进行更新并显示。

在一些实施方式中，所述获取所述页面结构的结构元素、标识ID和样式值包括：判断所述当前页面是否为第一次加载。

在一些实施方式中，判断所述当前页面是否为第一次加载包括：判断所述页面结构中是否存在样式值。

在一些实施方式中，所述获取所述页面结构的结构元素、标识ID和样式值还包括：响应于所述页面结构中不存在样式值，确定所述当前页面为第一次加载，并根据所述配置文件中对应的样式值和所述结构元素对当前页面进行显示。

本发明实施例的再一方面，还提供了一种计算机可读存储介质，计算机可读存储介质存储有被处理器执行时实现如上方法步骤的计算机程序。

本发明具有以下有益技术效果：

(1)通过引入配置文件，使得开发工作减少对前端工程师的依赖，提高人力使用率；

(2)通过引入解析模块，程序解析样式数据值，并插入到页面结构中，提高开发效率，并达到智能化的目的；

(3)新增功能模块时，风格和样式可快速进行更改和开发，达到快速交付的目的，缩短产品研发周期；

(4)后期维护时，通过配置文件和解析模块可快速确定风格和样式的问题，快速修改和上线，以提高产品整体竞争力。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的实施例。

图1为本发明提供的管理页面的方法的实施例的示意图；

图2为本发明提供的管理页面的方法的实施例的流程图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚明白，以下结合具体实施例，并参照附图，对本发明实施例进一步详细说明。

需要说明的是，本发明实施例中所有使用“第一”和“第二”的表述均是为了区分两个相同名称非相同的实体或者非相同的参量，可见“第一”“第二”仅为了表述的方便，不应理解为对本发明实施例的限定，后续实施例对此不再一一说明。

基于上述目的，本发明实施例的第一个方面，提出了一种管理页面的方法的实施例。图1示出的是本发明提供的管理页面的方法的实施例的示意图。如图1所示，本发明实施例包括如下步骤：

S1、设置包括标识ID和样式值的对应关系的配置文件；

S2、解析当前页面的页面结构，获取所述页面结构的结构元素、标识ID和样式值；

S3、基于页面结构中的所述标识ID在所述配置文件中确定对应的样式值；

S4、判断所述配置文件中的样式值与所述页面结构中的样式值是否一致；以及

S5、响应于所述配置文件中的样式值与所述页面结构中的样式值不一致，基于所述配置文件中的样式值和所述结构元素对当前页面进行更新并显示。

本发明实施例在页面开发前，需要确定每个功能模块要呈现的样式内容，并将每个功能模块记录为一个标识ID，记录到配置文件中，如池记录为[{id:pool,{color:#000,height:8px}}]；在开发阶段，编写每个功能模块的页面结构时，按照层级关系，在最底层的页面元素属性中添加对应的标识ID；引入解析模块，在需要查看某个功能模块的页面时，解析模块会先解析当前页面的页面结构，获取页面结构的元素属性，得到其中的标识ID，然后按照标识ID对配置文件进行检索，获取到样式值，判断是否是第一次加载、样式值是否变化，决定是否要进行样式值的更新，减少重复样式值的加载，提高加载效率。最后将样式值作用于页面结构，进行渲染呈现。

设置包括标识ID和样式值的配置文件。在一些实施方式中，所述设置包括标识ID和样式值的配置文件包括：根据需要设置功能模块以及功能模块对应的样式值；给所述功能模块分配标识ID；以及在配置文件中将所述标识ID与样式值进行关联。配置文件的格式为数组对象，对象属性有功能模块对应的标识ID和样式值，如池的配置文件是[{id:pool,{color:#000,height:8px}}]；卷的配置文件是[{id:volume,{background:#000,height:8px}}]。当然，这只是对配置文件的示例性介绍，在其他实施例中，配置文件可以是其他格式。

解析当前页面的页面结构，获取所述页面结构的结构元素、标识ID和样式值。当访问到某个页面时，解析模块优先解析当前页面的页面结构，获取到功能模块的标识ID，根据标识ID检索配置文件，得到对应的样式值。在一些实施方式中，所述获取所述页面结构的结构元素、标识ID和样式值包括：判断所述当前页面是否为第一次加载。在一些实施方式中，判断所述当前页面是否为第一次加载包括：判断所述页面结构中是否存在样式值。在一些实施方式中，所述获取所述页面结构的结构元素、标识ID和样式值还包括：响应于所述页面结构中不存在样式值，确定所述当前页面为第一次加载，并根据所述配置文件中对应的样式值和所述结构元素对当前页面进行显示。也即是，当前页面为第一次加载时，页面中不包括样式值，依据配置文件中对应的标识ID和样式值来对页面进行渲染展示。当前页面不是第一次加载时，则必然包含相应的样式值，可以从当前页面结构的元素属性中获取样式值。

基于所述标识ID在所述配置文件中确定对应的样式值。获取了标识ID后，通过标识ID关联具体的配置数据，例如池配置数据、卷配置数据以及主机配置数据，然后根据标识ID从配置文件中获取当前页面的样式值。本发明实施例中样式值包括颜色和高度，但是这仅仅是示例性的，在其他的实施例中，可以包括其他的样式值。

判断所述配置文件中的样式值与所述页面结构中的样式值是否一致。响应于所述配置文件中的样式值与所述页面结构中的样式值不一致，基于所述配置文件中的样式值和所述结构元素对当前页面进行更新并显示。在配置文件中获取到样式值，称为第一样式值，在页面结构中的样式值，称为第二样式值，将第一样式值和第二样式值进行对比，如果第一样式值和第二样式值不同，表明需要对页面进行更新。基于所述配置文件中的样式值和所述结构元素对当前页面进行更新并显示。配置文件中的样式值是工程师根据需要进行设定的，因此，配置文件中的样式值始终保持是最新的状态。

图2示出的是本发明提供的管理页面的方法的实施例的流程图。如图2所示，从框101开始，接着前进到框102，设置包括标识ID和样式值的配置文件；接着前进到框103，解析当前页面的页面结构；接着前进到框104，判断当前页面是否为第一次加载，如果是，前进到框107，基于配置文件中的样式值和结构元素对当前页面进行更新并显示，如果否，前进到框105，基于所述标识ID在所述配置文件中确定对应的样式值；接着前进到框106，判断所述配置文件中的样式值与所述页面结构中的样式值是否一致，如果是，前进到框108结束，如果否，前进到框107，基于配置文件中的样式值和结构元素对当前页面进行更新并显示，然后前进到框108结束。

引入的配置文件和解析模块，作用是将之前需要用户编写的层叠样式表工作交由这两个模块进行执行。开发人员只需要设计样式数据和编写页面结构即可，不用再编写层叠样式表内容，降低了因用户编写而引入问题的几率。若后续需要新增模块时，只需要在配置文件中增加该新增模块的标识ID，并在页面结构中添加该标识ID，简单高效，提高开发效率和缩短产品研发周期，完全替代了之前按照层级关系编写层叠样式表的繁琐工作。在后期的维护工作中，只需要维护配置文件即可，通过配置文件就能够快速更改页面样式和风格，进而提升产品竞争力。

需要特别指出的是，上述管理页面的方法的各个实施例中的各个步骤均可以相互交叉、替换、增加、删减，因此，这些合理的排列组合变换之于管理页面的方法也应当属于本发明的保护范围，并且不应将本发明的保护范围局限在实施例之上。

基于上述目的，本发明实施例的第二个方面，提出了一种计算机设备，包括：至少一个处理器；以及存储器，存储器存储有可在处理器上运行的计算机指令，指令由处理器执行以实现如下步骤：S1、设置包括标识ID和样式值的对应关系的配置文件；S2、解析当前页面的页面结构，获取所述页面结构的结构元素、标识ID和样式值；S3、基于页面结构中的所述标识ID在所述配置文件中确定对应的样式值；S4、判断所述配置文件中的样式值与所述页面结构中的样式值是否一致；以及S5、响应于所述配置文件中的样式值与所述页面结构中的样式值不一致，基于所述配置文件中的样式值和所述结构元素对当前页面进行更新并显示。

在一些实施方式中，所述获取所述页面结构的结构元素、标识ID和样式值包括：判断所述当前页面是否为第一次加载。

在一些实施方式中，判断所述当前页面是否为第一次加载包括：判断所述页面结构中是否存在样式值。

在一些实施方式中，所述获取所述页面结构的结构元素、标识ID和样式值还包括：响应于所述页面结构中不存在样式值，确定所述当前页面为第一次加载，并根据所述配置文件中对应的样式值和所述结构元素对当前页面进行显示。

在一些实施方式中，所述设置包括标识ID和样式值的配置文件包括：根据需要设置功能模块以及功能模块对应的样式值；给所述功能模块分配标识ID；以及在配置文件中将所述标识ID与样式值进行关联。

本发明还提供了一种计算机可读存储介质，计算机可读存储介质存储有被处理器执行时执行如上方法的计算机程序。

最后需要说明的是，本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，可以通过计算机程序来指令相关硬件来完成，管理页面的方法的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，程序的存储介质可为磁碟、光盘、只读存储记忆体(ROM)或随机存储记忆体(RAM)等。上述计算机程序的实施例，可以达到与之对应的前述任意方法实施例相同或者相类似的效果。

此外，根据本发明实施例公开的方法还可以被实现为由处理器执行的计算机程序，该计算机程序可以存储在计算机可读存储介质中。在该计算机程序被处理器执行时，执行本发明实施例公开的方法中限定的上述功能。

此外，上述方法步骤以及系统单元也可以利用控制器以及用于存储使得控制器实现上述步骤或单元功能的计算机程序的计算机可读存储介质实现。

此外，应该明白的是，本文的计算机可读存储介质(例如，存储器)可以是易失性存储器或非易失性存储器，或者可以包括易失性存储器和非易失性存储器两者。作为例子而非限制性的，非易失性存储器可以包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦写可编程ROM(EEPROM)或快闪存储器。易失性存储器可以包括随机存取存储器(RAM)，该RAM可以充当外部高速缓存存储器。作为例子而非限制性的，RAM可以以多种形式获得，比如同步RAM(DRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据速率SDRAM(DDRSDRAM)、增强SDRAM(ESDRAM)、同步链路DRAM(SLDRAM)、以及直接Rambus RAM(DRRAM)。所公开的方面的存储设备意在包括但不限于这些和其它合适类型的存储器。

本领域技术人员还将明白的是，结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。为了清楚地说明硬件和软件的这种可互换性，已经就各种示意性组件、方块、模块、电路和步骤的功能对其进行了一般性的描述。这种功能是被实现为软件还是被实现为硬件取决于具体应用以及施加给整个系统的设计约束。本领域技术人员可以针对每种具体应用以各种方式来实现的功能，但是这种实现决定不应被解释为导致脱离本发明实施例公开的范围。

结合这里的公开所描述的各种示例性逻辑块、模块和电路可以利用被设计成用于执行这里功能的下列部件来实现或执行：通用处理器、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或其它可编程逻辑器件、分立门或晶体管逻辑、分立的硬件组件或者这些部件的任何组合。通用处理器可以是微处理器，但是可替换地，处理器可以是任何传统处理器、控制器、微控制器或状态机。处理器也可以被实现为计算设备的组合，例如，DSP和微处理器的组合、多个微处理器、一个或多个微处理器结合DSP和/或任何其它这种配置。

结合这里的公开所描述的方法或算法的步骤可以直接包含在硬件中、由处理器执行的软件模块中或这两者的组合中。软件模块可以驻留在RAM存储器、快闪存储器、ROM存储器、EPROM存储器、EEPROM存储器、寄存器、硬盘、可移动盘、CD-ROM、或本领域已知的任何其它形式的存储介质中。示例性的存储介质被耦合到处理器，使得处理器能够从该存储介质中读取信息或向该存储介质写入信息。在一个替换方案中，存储介质可以与处理器集成在一起。处理器和存储介质可以驻留在ASIC中。ASIC可以驻留在用户终端中。在一个替换方案中，处理器和存储介质可以作为分立组件驻留在用户终端中。

在一个或多个示例性设计中，功能可以在硬件、软件、固件或其任意组合中实现。如果在软件中实现，则可以将功能作为一个或多个指令或代码存储在计算机可读介质上或通过计算机可读介质来传送。计算机可读介质包括计算机存储介质和通信介质，该通信介质包括有助于将计算机程序从一个位置传送到另一个位置的任何介质。存储介质可以是能够被通用或专用计算机访问的任何可用介质。作为例子而非限制性的，该计算机可读介质可以包括RAM、ROM、EEPROM、CD-ROM或其它光盘存储设备、磁盘存储设备或其它磁性存储设备，或者是可以用于携带或存储形式为指令或数据结构的所需程序代码并且能够被通用或专用计算机或者通用或专用处理器访问的任何其它介质。此外，任何连接都可以适当地称为计算机可读介质。例如，如果使用同轴线缆、光纤线缆、双绞线、数字用户线路(DSL)或诸如红外线、无线电和微波的无线技术来从网站、服务器或其它远程源发送软件，则上述同轴线缆、光纤线缆、双绞线、DSL或诸如红外线、无线电和微波的无线技术均包括在介质的定义。如这里所使用的，磁盘和光盘包括压缩盘(CD)、激光盘、光盘、数字多功能盘(DVD)、软盘、蓝光盘，其中磁盘通常磁性地再现数据，而光盘利用激光光学地再现数据。上述内容的组合也应当包括在计算机可读介质的范围内。

以上是本发明公开的示例性实施例，但是应当注意，在不背离权利要求限定的本发明实施例公开的范围的前提下，可以进行多种改变和修改。根据这里描述的公开实施例的方法权利要求的功能、步骤和/或动作不需以任何特定顺序执行。此外，尽管本发明实施例公开的元素可以以个体形式描述或要求，但除非明确限制为单数，也可以理解为多个。

应当理解的是，在本文中使用的，除非上下文清楚地支持例外情况，单数形式“一个”旨在也包括复数形式。还应当理解的是，在本文中使用的“和/或”是指包括一个或者一个以上相关联地列出的项目的任意和所有可能组合。

上述本发明实施例公开实施例序号仅仅为了描述，不代表实施例的优劣。

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指令相关的硬件完成，程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

所属领域的普通技术人员应当理解：以上任何实施例的讨论仅为示例性的，并非旨在暗示本发明实施例公开的范围(包括权利要求)被限于这些例子；在本发明实施例的思路下，以上实施例或者不同实施例中的技术特征之间也可以进行组合，并存在如上的本发明实施例的不同方面的许多其它变化，为了简明它们没有在细节中提供。因此，凡在本发明实施例的精神和原则之内，所做的任何省略、修改、等同替换、改进等，均应包含在本发明实施例的保护范围之内。

Claims (10)

1.一种管理页面的方法，其特征在于，包括以下步骤：

设置包括标识ID和样式值的对应关系的配置文件；

解析当前页面的页面结构，获取所述页面结构的结构元素、标识ID和样式值；

基于所述页面结构中的所述标识ID在所述配置文件中确定对应的样式值；

判断所述配置文件中的样式值与所述页面结构中的样式值是否一致；以及

响应于所述配置文件中的样式值与所述页面结构中的样式值不一致，基于所述配置文件中的样式值和所述结构元素对当前页面进行更新并显示。

2.根据权利要求1所述的方法，其特征在于，所述获取所述页面结构的结构元素、标识ID和样式值包括：

判断所述当前页面是否为第一次加载。

3.根据权利要求2所述的方法，其特征在于，判断所述当前页面是否为第一次加载包括：

判断所述页面结构中是否存在样式值。

4.根据权利要求3所述的方法，其特征在于，所述获取所述页面结构的结构元素、标识ID和样式值还包括：

响应于所述页面结构中不存在样式值，确定所述当前页面为第一次加载，并根据所述配置文件中对应的样式值和所述结构元素对当前页面进行显示。

5.根据权利要求1所述的方法，其特征在于，所述设置包括标识ID和样式值的配置文件包括：

根据需要设置功能模块以及功能模块对应的样式值；

给所述功能模块分配标识ID；以及

在所述配置文件中将所述标识ID与样式值进行关联。

6.一种计算机设备，其特征在于，包括：

至少一个处理器；以及

存储器，所述存储器存储有可在所述处理器上运行的计算机指令，所述指令由所述处理器执行时实现以下步骤：

设置包括标识ID和样式值的对应关系的配置文件；

解析当前页面的页面结构，获取所述页面结构的结构元素、标识ID和样式值；

基于所述页面结构中的所述标识ID在所述配置文件中确定对应的样式值；

判断所述配置文件中的样式值与所述页面结构中的样式值是否一致；以及

响应于所述配置文件中的样式值与所述页面结构中的样式值不一致，基于所述配置文件中的样式值和所述结构元素对当前页面进行更新并显示。

7.根据权利要求6所述的计算机设备，其特征在于，所述获取所述页面结构的结构元素、标识ID和样式值包括：

判断所述当前页面是否为第一次加载。

8.根据权利要求7所述的计算机设备，其特征在于，判断所述当前页面是否为第一次加载包括：

判断所述页面结构中是否存在样式值。

9.根据权利要求8所述的计算机设备，其特征在于，所述获取所述页面结构的结构元素、标识ID和样式值还包括：

响应于所述页面结构中不存在样式值，确定所述当前页面为第一次加载，并根据所述配置文件中对应的样式值和所述结构元素对当前页面进行显示。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1-5任意一项所述方法的步骤。

Images