CN117111819A - 组件页面配置方法、装置、终端设备以及计算机存储介质 - Google Patents

组件页面配置方法、装置、终端设备以及计算机存储介质 Download PDF

Info

Publication number
CN117111819A
CN117111819A CN202311042951.0A CN202311042951A CN117111819A CN 117111819 A CN117111819 A CN 117111819A CN 202311042951 A CN202311042951 A CN 202311042951A CN 117111819 A CN117111819 A CN 117111819A
Authority
CN
China
Prior art keywords
component
page
parameters
configuration
layer
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202311042951.0A
Other languages
English (en)
Inventor
翟武昊
杨毅
尹建荣
古欣
褚夫成
轩诗彪
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shandong Youren Networking Co ltd
Original Assignee
Shandong Youren Networking Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shandong Youren Networking Co ltd filed Critical Shandong Youren Networking Co ltd
Priority to CN202311042951.0A priority Critical patent/CN117111819A/zh
Publication of CN117111819A publication Critical patent/CN117111819A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483Interaction with page-structured environments, e.g. book metaphor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Stored Programmes (AREA)

Abstract

本申请涉及计算机技术领域,尤其涉及一种组件页面配置方法、装置、终端设备以及计算机存储介质,该方法应用于组件页面配置系统,组件页面配置系统包括依次连接的数据层、映射层、定制层、容器层、展示层,数据层分别与定制层和展示层连接。该方法包括:在数据层接收到业务页面的配置信息后,依据数据层确定配置信息指定的初始配置参数;依据映射层中的待配置参数和初始配置参数确定业务页面的新配置参数,并依据定制层和新配置参数确定业务页面的目标组件;依据容器层确定目标组件对应的规范参数,并在展示层中依据规范参数对目标组件进行页面配置,规范参数用于确定目标组件在业务页面上的路径位置的参数。本申请提高了组件页面的配置效率。

Description

组件页面配置方法、装置、终端设备以及计算机存储介质
技术领域
本申请涉及计算机技术领域,尤其涉及一种组件页面配置方法、装置、终端设备以及计算机存储介质。
背景技术
随着计算机技术的高速发展以及云平台业务需求和功能的不断增长,用户对组件页面的配置效率提出了更高的要求。
目前,业务页面(购物平台促销页面、视频平台页面或者企业系统平台页面等)进行展示时,通常会将需要在页面上进行展示的内容根据页面的布局划分为多个组件,然而用户针对页面上所展示的组件布局并不是一成不变的。例如,有时需要页面上尽可能展示详细的内容,有时则反之,甚至有时候会要求在多个页面上展示相同的内容。然而,现有的组件页面配置方式是将所有的组件都堆砌在一个页面上,这种配置方式存在着极大的缺陷,由于页面和业务组件高度耦合在一起,如果新增功能或者修改原有功能模块的内容,会造成重复性的工作且存在着组件配置灵活性差的现象,进而导致组件页面的配置效率十分低下。也就是说,如何提高组件页面的配置效率是目前亟需解决的技术问题。
发明内容
本申请的主要目的在于提供一种组件页面配置方法、装置、终端设备以及计算机存储介质,旨在提高组件页面的配置效率。
为实现上述目的,本申请提供一种组件页面配置方法,所述组件页面配置方法应用于组件页面配置系统,所述组件页面配置系统包括依次连接的数据层、映射层、定制层、容器层、展示层,所述数据层分别与所述定制层和所述展示层连接;
所述组件页面配置方法包括:
在所述数据层接收到业务页面的配置信息后,依据所述数据层确定所述配置信息指定的初始配置参数;
依据所述映射层中的待配置参数和所述初始配置参数确定所述业务页面的新配置参数,并依据所述定制层和所述新配置参数确定所述业务页面的目标组件;
依据所述容器层确定所述目标组件对应的规范参数,并在所述展示层中依据所述规范参数对所述目标组件进行页面配置,所述规范参数用于确定所述目标组件在所述业务页面上的路径位置的参数。
可选地,所述依据所述映射层中的待配置参数和所述初始配置参数确定所述业务页面的新配置参数的步骤包括:
当所述映射层接收到所述数据层发送的所述初始配置参数时,获取所述初始配置参数指向的组件标记;
依据所述组件标记对所述映射层中的待配置参数和所述初始配置参数进行映射整合处理,得到所述业务页面的新配置参数。
可选地,所述依据所述组件标记对所述映射层中的待配置参数和所述初始配置参数进行映射整合处理,得到所述业务页面的新配置参数的步骤包括:
在所述映射层中的待配置参数中查找所述组件标记指向的目标参数,所述目标参数是指与所述初始配置参数的数据类型相同的参数,所述初始配置参数有多个;
在多个所述初始配置参数中将所述目标参数映射到与所述目标参数一致的初始配置参数上,并与所述待配置参数中的其它配置参数进行整合处理,得到所述业务页面的新配置参数,所述其它配置参数是指除所述目标参数之外的待配置参数。
可选地,所述定制层包括定制器,所述依据所述定制层和所述新配置参数确定所述业务页面的目标组件的步骤包括:
在所述定制层中依据所述新配置参数构建所述业务页面的组件列表,所述组件列表包括所述业务页面的已配置组件和未配置组件,所述已配置组件和所述未配置组件的数量均有多个;
在所述定制器接收到所述业务页面发送的组件配置指令后,获取所述组件配置指令中的组件配置标识,并将从所述组件列表中查找到与所述组件配置标识配对的已配置组件或者/和未配置组件作为所述业务页面的目标组件。
可选地,所述组件配置指令还包括组件序次标识和组件文件名称,所述目标组件的数量有多个,在所述依据所述定制层和所述新配置参数确定所述业务页面的目标组件的步骤之后,所述组件页面配置方法包括:
依据所述组件序次标识确定各所述目标组件对应的序次数值,按照所述序次数值对各所述目标组件进行降序排序,得到排列后的目标组件;
或者/和,确定所述组件文件名称指定的组件参数,将从多个所述目标组件中查找到的与所述组件参数相同的目标组件作为待修改组件,并将所述待修改组件的原始文件名称调整为与所述组件文件名称一致。
可选地,所述在所述展示层中依据所述规范参数对所述目标组件进行页面配置的步骤包括:
当所述展示层接收到所述容器层发送的所述规范参数时,获取所述数据层转发的所述定制层发送的所述新配置参数;
依据所述规范参数和所述新配置参数在所述业务页面上对所述目标组件进行配置。
可选地,所述新配置参数包括更新组件标记,所述依据所述规范参数和所述新配置参数在所述业务页面上对所述目标组件进行配置的步骤包括:
依据所述规范参数确定所述目标组件指定的路径地址,并确定所述业务网页的当前页面路由;
当所述路径地址与所述当前页面路由匹配时,依据所述更新组件标记检测所述目标组件是否已经配置在所述业务页面上;
若所述目标组件已配置在所述业务页面上,依据所述更新组件标记确定所述业务页面指定的目录页面,并将所述目标组件从所述目录页面上进行显示;
若所述目标组件未配置在所述业务页面上,则依据所述更新组件标记确定所述目标组件在所述业务页面上的目录标识,并将所述目标组件设置在所述目录标识指向的目标页面中进行显示。
此外,为实现上述目的,本申请还提供一种组件页面配置装置,本申请组件页面配置装置包括:
指定模块,用于在数据层接收到业务页面的配置信息后,依据所述数据层确定所述配置信息指定的初始配置参数;
组件确定模块,用于依据映射层中的待配置参数和所述初始配置参数确定所述业务页面的新配置参数,并依据定制层和所述新配置参数确定所述业务页面的目标组件;
页面配置模块,用于依据容器层确定所述目标组件对应的规范参数,并在展示层中依据所述规范参数对所述目标组件进行页面配置,所述规范参数用于确定所述目标组件在所述业务页面上的路径位置的参数。
本申请组件页面配置装置的各个功能模块在运行时实现如上所述的本申请组件页面配置方法的步骤。
此外,为实现上述目的,本申请还提供一种终端设备,所述终端设备包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的组件页面配置程序,所述组件页面配置程序被所述处理器执行时实现上述组件页面配置方法的步骤。
此外,为实现上述目的,本申请还提供一种计算机存储介质,所述计算机存储介质上存储有组件页面配置程序,所述组件页面配置程序被处理器执行时实现上述的组件页面配置方法的步骤。
本申请中组件页面配置方法应用于组件页面配置系统,其中,组件页面配置系统包括依次连接的数据层、映射层、定制层、容器层、展示层,数据层,另外,数据层分别与定制层和展示层进行连接。区别于现有的组件页面配置方式,本申请的数据层接收到业务页面的配置信息后,通过数据层可以及时确定配置信息指定的初始配置参数,然后依据映射层中的待配置参数和初始配置参数,可以迅速地确定业务页面的新配置参数,再通过定制层依据新配置参数可以直观地得到业务页面的目标组件,然后依据容器层可以及时确定目标组件对应的规范参数,进而可以依据规范参数在业务页面上对目标组件进行灵活地配置,不仅消除了业务页面上堆砌着所有组件的现象,还有效地避免了因受所有组件都堆砌在业务页面上的限制导致新增或者调整组件需要重新进行页面设计而致使配置工作量大的现象发生,从而有效地提高了组件页面的配置效率。
附图说明
图1是本申请组件页面配置方法第一实施例的流程示意图;
图2是本申请组件页面配置系统涉及的连接示意图;
图3是本申请组件页面配置方法第二实施例的流程示意图;
图4是本申请组件页面配置系统涉及的架构示意图;
图5是本申请实施例方案涉及的组件页面配置装置的结构示意图;
图6为本申请实施例方案涉及的终端设备的结构示意图。
本申请目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
本申请实施例提供了一种组件页面配置方法,参照图1所示,图1是本申请组件页面配置方法第一实施例的流程示意图。
这里将详细地对示例性实施例进行说明,其示例表示在附图中。下面的描述涉及附图时,除非另有表示,不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。
本实施例中,参照图2,图2是本申请组件页面配置系统涉及的连接示意图。本申请组件页面配置方法应用于组件页面配置系统,所述组件页面配置系统包括依次连接的数据层、映射层、定制层、容器层、展示层,所述数据层分别与所述定制层和所述展示层连接。在下述实施例中不再对本申请的执行主体进行赘述。
本申请组件页面配置方法包括:
步骤S10:在所述数据层接收到业务页面的配置信息后,依据所述数据层确定所述配置信息指定的初始配置参数;
在本实施例中,在数据层接收到业务页面的配置信息后,数据层作为数据统一入口通过接收API(Application Programming Interface,应用程序编程接口)传递的数据包中提取出组件配置数据作为初始配置参数。
在具体实施例中,在数据层接收到业务页面的配置信息后,首先通过API(Application Programming Interface,应用程序编程接口)构建组件页面配置系统中的后端与数据层之间的通信连接,根据API对该配置信息做出的响应,API从后端中的数据库中提取出包含组件配置数据的数据包,并将这个数据包发送给数据层,此时,数据层按照配置信息指定的配置标识从这个数据包中提取出与该配置标识指向的组件配置数据,并将这个组件配置数据作为初始配置参数。
需要说明的是,初始配置参数为源数据,本申请映射层中的待配置参数在源数据的基础上进行修改或者整理;另外,初始配置参数包括但不限于module Mark(组件标记,例如组件渲染、载入、对比等使用的唯一标识)、module Name(组件文件名称,即组件显示名称)、sort(组件序次标识,例如,对各组件进行排序)、configured(组件配置标识,例如记录组件是否配置)和router(标识哪些页面需要加载组件)。
步骤S20:依据所述映射层中的待配置参数和所述初始配置参数确定所述业务页面的新配置参数,并依据所述定制层和所述新配置参数确定所述业务页面的目标组件。
在本实施例中,根据映射层与数据层之间的通信连接,数据层将初始配置参数发送给映射层,此时,当映射层接收到数据层发送的初始配置参数时,可以及时获取映射层中的待配置参数,然后通过映射层对初始配置参数和待配置参数进行映射整合处理,得到业务页面的新配置参数,然后根据定制层与映射层之间的通信连接,在定制层接收到映射层发送的新配置参数,定制层依据新配置参数构建业务页面的组件列表,且在该组件列表通过展示层进行显示后,定制层中的定制器可以迅速接收到业务页面发送的组件配置指令,然后通过定制器获取组件配置指令中的组件配置标识,并依据定制器从组件列表中查找到与组件配置标识配对的已配置组件或者/和未配置组件作为业务页面的目标组件(即自定义组件)。
需要说明的是,待配置参数可以理解为前端配置定义数据(即前端自定义组件配置参数),即根据用户需求进行自定义的配置参数,待配置参数包括但不限于扩展参数(即对组件背景颜色、组件形状和组件宽高进行修改的参数),和与初始配置参数的数据类型相同的参数。
组件列表包括业务页面的已配置组件和未配置组件,也可以理解为业务业务已添加的组件和未添加的组件。
组件配置指令可以理解为按照用户需求对组件列表中的各组件进行修改组件名称、组件排序以及组件是否需要配置的操作,具体的,组件配置指令包括组件配置标识、组件序次标识和组件文件名称,其中,组件配置标识用于判断组件列表中的组件是否需要配置;组件序次标识用于对组件列表中的组件进行组件排序;组件文件名称组件列表中的组件进行组件名称修改。
步骤S30:依据所述容器层确定所述目标组件对应的规范参数,并在所述展示层中依据所述规范参数对所述目标组件进行页面配置,所述规范参数用于确定所述目标组件在所述业务页面上的路径位置的参数。
在本实施例中,根据定制层和容器层之间的连接,容器层接收到定制层发送的目标组件后,将目标组件存储在容器层中,并根据容器层中的挂载器确定目标组件对应的规范参数,然后组件页面配置系统会自动扫描规范参数中定义的目录、路径、名称参数,并依据规范参数中定义的目录、路径、名称参数,确定目标组件的路径地址,以对该目标组件进行页面配置,从而避免了因受所有组件都堆砌在业务页面上的限制导致新增或者调整组件需要重新进行页面设计而致使配置工作量大的现象发生,有效地提高了组件页面的配置效率。
综上,本申请中组件页面配置方法应用于组件页面配置系统,其中,组件页面配置系统包括依次连接的数据层、映射层、定制层、容器层、展示层,数据层,另外,数据层分别与定制层和展示层进行连接。区别于现有的组件页面配置方式,本申请的数据层接收到业务页面的配置信息后,通过数据层可以及时确定配置信息指定的初始配置参数,然后依据映射层中的待配置参数和初始配置参数,可以迅速地确定业务页面的新配置参数,再通过定制层依据新配置参数可以直观地得到业务页面的目标组件,然后依据容器层可以及时确定目标组件对应的规范参数,进而可以依据规范参数在业务页面上对目标组件进行灵活地配置,不仅消除了业务页面上堆砌着所有组件的现象,还有效地避免了因受所有组件都堆砌在业务页面上的限制导致新增或者调整组件需要重新进行页面设计而致使配置工作量大的现象发生,从而有效地提高了组件页面的配置效率。
进一步地,基于本申请组件页面配置方法的第一实施例,提出本申请组件页面配置方法的第二实施例,参照图3,图3是本申请组件页面配置方法第二实施例的流程示意图。
进一步地,在一些可行的实施例中,上述步骤S20:依据所述映射层中的待配置参数和所述初始配置参数确定所述业务页面的新配置参数,还可以包括以下实施步骤:
步骤S201:当所述映射层接收到所述数据层发送的所述初始配置参数时,获取所述初始配置参数指向的组件标记;
在本实施例中,根据数据层与映射层之间的通信连接,数据层将初始配置参数发送至映射层,当映射层接收到数据层发送的初始配置参数时,根据映射层中的配置器对初始配置参数做出的响应,确定初始配置参数指向的组件标记。
步骤S202:依据所述组件标记对所述映射层中的待配置参数和所述初始配置参数进行映射整合处理,得到所述业务页面的新配置参数。
在本实施例中,参照图4,图4是本申请组件页面配置系统涉及的架构示意图。映射层中包括待配置参数(即前端配置定义数据)和配置器。该映射层中的配置器对初始配置参数和前端配置定义数据进行对比,具体的,依据组件标记(即组件唯一标识,module Mark)对初始配置参数和前端配置定义数据进行映射整合,可以准确地得到业务页面的新配置参数。
需要说明的是,映射层的功能可以理解为用于通过配置器将前端配置定义数据和初始配置参数组合到一起。本申请的前端配置定义数据不同于初始配置参数,且该映射层设置前端配置定义数据是为了把权限下放,一方面可以让用户端灵活的对组件进行控制,另一方面是使用者还可以根据自己的需求自定义一些参数,通过扩展出的参数可进行组件背景颜色、宽高等样式修改。
进一步地,在一些可行的实施例中,上述步骤S202:依据所述组件标记对所述映射层中的待配置参数和所述初始配置参数进行映射整合处理,得到所述业务页面的新配置参数,还可以包括以下实施步骤:
步骤S2021:在所述映射层中的待配置参数中查找所述组件标记指向的目标参数,所述目标参数是指与所述初始配置参数的数据类型相同的参数,所述初始配置参数有多个;
在本实施例中,依据组件标记确定初始配置参数和待配置参数之间的映射关系,即在待配置参数中查找组件标记指向的目标参数,目标参数是指与初始配置参数的数据类型相同的参数,初始配置参数有多个。
步骤S2022:在多个所述初始配置参数中将所述目标参数映射到与所述目标参数一致的初始配置参数上,并与所述待配置参数中的其它配置参数进行整合处理,得到所述业务页面的新配置参数,所述其它配置参数是指除所述目标参数之外的待配置参数。
在本实施例中,在多个初始配置参数中将目标参数映射到与目标参数一致的初始配置参数上,并与待配置参数中的其它配置参数进行整合处理,可以确定地得到业务页面的新配置参数,其它配置参数是指目标参数之外的待配置参数。
在具体实施例中,假设初始配置参数包括组件显示名称为组件A、组件配置标识为已配置组件、组件序次标识为在第一目录中的第一位置;待配置参数包括组件显示名称为组件B、组件配置标识为未配置组件、组件序次标识为在第一目录中的第一位置和扩展参数,此时,待配置参数中的目标参数包括组件显示名称为组件B和组件配置标识为未配置组件;待配置参数中的其它配置参数包括组件序次标识为在第一目录中的第一位置和扩展参数。此时,配置器将组件显示名称为组件B映射到组件显示名称为组件A上以覆盖组件A,将组件配置标识为未配置组件映射到组件配置标识为已配置组件以覆盖已配置组件,并与组件序次标识为在第一目录中的第一位置和扩展参数进行整合处理,可以准确地得到业务页面的新配置参数。
进一步地,在另一些可行的实施例中,所述定制层包括定制器,上述步骤S20:依据所述定制层和所述新配置参数确定所述业务页面的目标组件,还可以包括以下实施步骤:
步骤S203:在所述定制层中依据所述新配置参数构建所述业务页面的组件列表,所述组件列表包括所述业务页面的已配置组件和未配置组件,所述已配置组件和所述未配置组件的数量均有多个;
在本实施例中,根据定制层与映射层之间的通信连接,映射层将新配置参数发送给定制层,此时,定制层根据新配置参数生成应用在该业务页面的组件列表,且该组件列表可以在业务页面上进行展示,以便用户通过业务页面的人机交互界面可以直观地得到组件列表中各组件的当前状态信息,例如,组件排序状态、组件配置状态和组件名称等。
步骤S204:在所述定制器接收到所述业务页面发送的组件配置指令后,获取所述组件配置指令中的组件配置标识,并将从所述组件列表中查找到与所述组件配置标识配对的已配置组件或者/和未配置组件作为所述业务页面的目标组件。
在本实施例中,当通过业务页面的人机交互界面获取用户的组件布局需求后,依据业务页面对该组件布局需求做出的响应,确定业务页面的组件配置指令,并将组件配置指令发送给定制器,此时,通过定制器获取组件配置指令中的组件配置标识,并将从组件列表中查找到与组件配置标识配对的已配置组件或者/和未配置组件作为业务页面的目标组件。
需要说明的是,定制器可以依据组件配置指令对组件列表中的组件进行排序、修改组件名称、组件是否需要配置等操作,完成后在映射层传递的配置参数的基础上,重新更新该新配置参数,并且通过该定制层的API回写到数据层。
在本实施例中,用户的移动端是比较偏个人应用较多场景,本申请可以让用户根据自己的使用场景确定组件布局需求,然后根据定制器按照该组件配置指令对组件列表进行针对性处理,将得到目标组件在业务页面进行展示,从而真正意义上实现了业务页面的定制化需求,即让每一用户的业务页面可以真正做到千人千面。
进一步地,在一些可行的实施例中,所述组件配置指令还包括组件序次标识和组件文件名称,所述目标组件的数量有多个,在上述步骤S20:依据所述定制层和所述新配置参数确定所述业务页面的目标组件之后,组件页面配置方法还可以包括以下实施步骤:
步骤A10:依据所述组件序次标识确定各所述目标组件对应的序次数值,按照所述序次数值对各所述目标组件进行降序排序,得到排列后的目标组件;
步骤A20:或者/和,确定所述组件文件名称指定的组件参数,将从多个所述目标组件中查找到的与所述组件参数相同的目标组件作为待修改组件,并将所述待修改组件的原始文件名称调整为与所述组件文件名称一致。
步骤A20:或者/和,确定所述组件文件名称指定的组件参数,将从多个所述目标组件中查找到的与所述组件参数相同的目标组件作为待修改组件,并将所述待修改组件的原始文件名称调整为与所述组件文件名称一致。
在本实施例中,定制器可以依据组件配置指令中的组件序次标识确定各目标组件对应的序次数值,按照序次数值对各目标组件进行降序排序,得到排列后的目标组件,或者/和,确定组件文件名称指定的组件参数,将从多个目标组件中查找到的与组件参数相同的目标组件作为待修改组件,并将待修改组件的原始文件名称调整为与组件文件名称一致。
进一步地,在另一些可行的实施例中,上述步骤S30:在所述展示层中依据所述规范参数对所述目标组件进行页面配置,还可以包括以下实施步骤:
步骤S301:当所述展示层接收到所述容器层发送的所述规范参数时,获取所述数据层转发的所述定制层发送的所述新配置参数;
步骤S302:依据所述规范参数和所述新配置参数在所述业务页面上对所述目标组件进行配置。
在本实施例中,当展示层接收到容器层发送的规范参数时,获取数据层转发的定制层发送的新配置参数,然后依据规范参数和新配置参数在业务页面上对目标组件进行针对性配置。
进一步地,在另一些可行的实施例中,所述新配置参数包括更新组件标记,上述步骤S302:依据所述规范参数和所述新配置参数在所述业务页面上对所述目标组件进行配置,还可以包括以下实施步骤:
步骤S3021:依据所述规范参数确定所述目标组件指定的路径地址,并确定所述业务网页的当前页面路由;
在本实施例中,依据规范参数确定目标组件指定的路径地址,并确定业务网页的当前页面路由。
需要说明的是,路径地址可以理解为目标组件在业务页面上的加载位置。当前页面路由可以理解为业务网页的当前加载位置。
步骤S3022:当所述路径地址与所述当前页面路由匹配时,依据所述更新组件标记检测所述目标组件是否已经配置在所述业务页面上;
在本实施例中,当目标组件指定的路径地址与业务网页的当前页面路由相同时,则确定该路径地址与当前页面路由匹配,然后依据更新组件标记检测目标组件是否已经配置在业务页面上。
步骤S3023:若所述目标组件已配置在所述业务页面上,依据所述更新组件标记确定所述业务页面指定的目录页面,并将所述目标组件从所述目录页面上进行显示;
在本实施例中,若目标组件已配置在业务页面上,依据更新组件标记确定业务页面指定的目录页面,并将目标组件从目录页面上进行显示。
步骤S3024:若所述目标组件未配置在所述业务页面上,则依据所述更新组件标记确定所述目标组件在所述业务页面上的目录标识,并将所述目标组件设置在所述目录标识指向的目标页面中进行显示。
在本实施例中,若目标组件未配置在业务页面上,则依据更新组件标记确定目标组件在业务页面上的目录标识,并将目标组件设置在目录标识指向的目标页面中进行显示。
综上,本申请通过配置器将初始配置参数和待配置参数组合到一起,使其既符合原有组件规则的情况下也可以灵活的对于业务组件进行扩展配置,做到了配置权限下放。然后依据挂载器可自动扫描到业务组件,并自动载入到展示层中。无需手动导入到每个页面中,让业务组件单独存放。另外,本申请预使用的业务组件不是直接展示到某个或者某几个页面之上,而是先通过定制层,可视化的展示出可用组件,可以让使用者直观的对待使用的业务组件进行排序、隐藏显示等操作。
此外,本申请还提供一种组件页面配置装置,请参照图5,图5是本申请实施例方案涉及的组件页面配置装置的结构示意图。
本申请组件页面配置装置包括:
指定模块H01,用于在数据层接收到业务页面的配置信息后,依据所述数据层确定所述配置信息指定的初始配置参数;
组件确定模块H02,用于依据映射层中的待配置参数和所述初始配置参数确定所述业务页面的新配置参数,并依据定制层和所述新配置参数确定所述业务页面的目标组件;
页面配置模块H03,用于依据容器层确定所述目标组件对应的规范参数,并在展示层中依据所述规范参数对所述目标组件进行页面配置,所述规范参数用于确定所述目标组件在所述业务页面上的路径位置的参数。
本申请组件页面配置装置的各个功能模块在运行时实现如上所述的本申请组件页面配置方法的步骤。
此外,本申请还提供一种终端设备。请参照图6,图6为本申请实施例方案涉及的终端设备的结构示意图。本申请实施例终端设备具体可以是为本地运行组件页面配置的设备。
如图6所示,本申请实施例终端设备可以包括:处理器1001,例如CPU,通信总线1002,用户接口1003,网络接口1004,存储器1005。其中,通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(Display)、输入单元比如键盘(Keyboard),可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如Wi-Fi接口)。
存储器1005设置在终端设备主体上,存储器1005上存储有程序,该程序被处理器1001执行时实现相应的操作。存储器1005还用于存储供终端设备使用的参数。存储器1005可以是高速RAM存储器,也可以是稳定的存储器(non-volatile memory),例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001的存储装置。
本领域技术人员可以理解,图6中示出的终端设备结构并不构成对终端设备的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
如图6所示,作为一种存储介质的存储器1005中可以包括操作系统、网络通信模块、用户接口模块以及终端设备的组件页面配置程序。
在图6所示的终端设备中,处理器1001可以用于调用存储器1005中存储的终端设备的组件页面配置程序,并执行上述组件页面配置方法的步骤。
此外,本申请提供了一种计算机存储介质。该计算机存储介质上存储有组件页面配置程序,组件页面配置程序被处理器执行时实现上述的组件页面配置方法的步骤。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者系统不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者系统所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者系统中还存在另外的相同要素。
上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在如上述的一个计算机存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本申请各个实施例所述的方法。
以上仅为本申请的优选实施例,并非因此限制本申请的专利范围,凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本申请的专利保护范围内。

Claims (10)

1.一种组件页面配置方法,其特征在于,所述组件页面配置方法应用于组件页面配置系统,所述组件页面配置系统包括依次连接的数据层、映射层、定制层、容器层、展示层,所述数据层分别与所述定制层和所述展示层连接;
所述组件页面配置方法包括:
在所述数据层接收到业务页面的配置信息后,依据所述数据层确定所述配置信息指定的初始配置参数;
依据所述映射层中的待配置参数和所述初始配置参数确定所述业务页面的新配置参数,并依据所述定制层和所述新配置参数确定所述业务页面的目标组件;
依据所述容器层确定所述目标组件对应的规范参数,并在所述展示层中依据所述规范参数对所述目标组件进行页面配置,所述规范参数用于确定所述目标组件在所述业务页面上的路径位置的参数。
2.如权利要求1所述组件页面配置方法,其特征在于,所述依据所述映射层中的待配置参数和所述初始配置参数确定所述业务页面的新配置参数的步骤包括:
当所述映射层接收到所述数据层发送的所述初始配置参数时,获取所述初始配置参数指向的组件标记;
依据所述组件标记对所述映射层中的待配置参数和所述初始配置参数进行映射整合处理,得到所述业务页面的新配置参数。
3.如权利要求2所述组件页面配置方法,其特征在于,所述依据所述组件标记对所述映射层中的待配置参数和所述初始配置参数进行映射整合处理,得到所述业务页面的新配置参数的步骤包括:
在所述映射层中的待配置参数中查找所述组件标记指向的目标参数,所述目标参数是指与所述初始配置参数的数据类型相同的参数,所述初始配置参数有多个;
在多个所述初始配置参数中将所述目标参数映射到与所述目标参数一致的初始配置参数上,并与所述待配置参数中的其它配置参数进行整合处理,得到所述业务页面的新配置参数,所述其它配置参数是指除所述目标参数之外的待配置参数。
4.如权利要求1所述组件页面配置方法,其特征在于,所述定制层包括定制器,所述依据所述定制层和所述新配置参数确定所述业务页面的目标组件的步骤包括:
在所述定制层中依据所述新配置参数构建所述业务页面的组件列表,所述组件列表包括所述业务页面的已配置组件和未配置组件,所述已配置组件和所述未配置组件的数量均有多个;
在所述定制器接收到所述业务页面发送的组件配置指令后,获取所述组件配置指令中的组件配置标识,并将从所述组件列表中查找到与所述组件配置标识配对的已配置组件或者/和未配置组件作为所述业务页面的目标组件。
5.如权利要求4所述组件页面配置方法,其特征在于,所述组件配置指令还包括组件序次标识和组件文件名称,所述目标组件的数量有多个,在所述依据所述定制层和所述新配置参数确定所述业务页面的目标组件的步骤之后,所述组件页面配置方法包括:
依据所述组件序次标识确定各所述目标组件对应的序次数值,按照所述序次数值对各所述目标组件进行降序排序,得到排列后的目标组件;
或者/和,确定所述组件文件名称指定的组件参数,将从多个所述目标组件中查找到的与所述组件参数相同的目标组件作为待修改组件,并将所述待修改组件的原始文件名称调整为与所述组件文件名称一致。
6.如权利要求1所述组件页面配置方法,其特征在于,所述在所述展示层中依据所述规范参数对所述目标组件进行页面配置的步骤包括:
当所述展示层接收到所述容器层发送的所述规范参数时,获取所述数据层转发的所述定制层发送的所述新配置参数;
依据所述规范参数和所述新配置参数在所述业务页面上对所述目标组件进行配置。
7.如权利要求6所述组件页面配置方法,其特征在于,所述新配置参数包括更新组件标记,所述依据所述规范参数和所述新配置参数在所述业务页面上对所述目标组件进行配置的步骤包括:
依据所述规范参数确定所述目标组件指定的路径地址,并确定所述业务网页的当前页面路由;
当所述路径地址与所述当前页面路由匹配时,依据所述更新组件标记检测所述目标组件是否已经配置在所述业务页面上;
若所述目标组件已配置在所述业务页面上,依据所述更新组件标记确定所述业务页面指定的目录页面,并将所述目标组件从所述目录页面上进行显示;
若所述目标组件未配置在所述业务页面上,则依据所述更新组件标记确定所述目标组件在所述业务页面上的目录标识,并将所述目标组件设置在所述目录标识指向的目标页面中进行显示。
8.一种组件页面配置装置,其特征在于,所述组件页面配置装置,包括:
指定模块,用于在数据层接收到业务页面的配置信息后,依据所述数据层确定所述配置信息指定的初始配置参数;
组件确定模块,用于依据映射层中的待配置参数和所述初始配置参数确定所述业务页面的新配置参数,并依据定制层和所述新配置参数确定所述业务页面的目标组件;
页面配置模块,用于依据容器层确定所述目标组件对应的规范参数,并在展示层中依据所述规范参数对所述目标组件进行页面配置,所述规范参数用于确定所述目标组件在所述业务页面上的路径位置的参数。
9.一种终端设备,其特征在于,所述终端设备包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的组件页面配置程序,所述处理器执行所述组件页面配置程序时实现如权利要求1至7中任一项所述组件页面配置方法的步骤。
10.一种计算机存储介质,其特征在于,所述计算机存储介质上存储有组件页面配置程序,所述组件页面配置程序被处理器执行时实现如权利要求1至7中任一项所述组件页面配置方法的步骤。
CN202311042951.0A 2023-08-18 2023-08-18 组件页面配置方法、装置、终端设备以及计算机存储介质 Pending CN117111819A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202311042951.0A CN117111819A (zh) 2023-08-18 2023-08-18 组件页面配置方法、装置、终端设备以及计算机存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202311042951.0A CN117111819A (zh) 2023-08-18 2023-08-18 组件页面配置方法、装置、终端设备以及计算机存储介质

Publications (1)

Publication Number Publication Date
CN117111819A true CN117111819A (zh) 2023-11-24

Family

ID=88806855

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202311042951.0A Pending CN117111819A (zh) 2023-08-18 2023-08-18 组件页面配置方法、装置、终端设备以及计算机存储介质

Country Status (1)

Country Link
CN (1) CN117111819A (zh)

Similar Documents

Publication Publication Date Title
CN111068328B (zh) 游戏广告配置表格的生成方法、终端设备及介质
US20170161032A1 (en) Running applications using pre-generated components
CN108804188A (zh) 界面换肤方法及装置
CN107958365B (zh) 物料信息变更方法、装置、存储介质及电子设备
CN112835904A (zh) 一种数据处理方法和数据处理装置
JP2006048645A (ja) ドキュメントにコンテキスト情報を埋め込むための方法およびシステム
CN110941779A (zh) 加载页面的方法、装置、存储介质及电子设备
CN113971037A (zh) 应用处理方法、装置、电子设备及存储介质
CN115098098A (zh) 页面生成方法、页面展示方法及装置
CN112860953A (zh) 图数据库的数据导入方法、装置、设备及存储介质
CN113609401A (zh) 书城频道页面的动态展示方法、电子设备及存储介质
KR102205686B1 (ko) 후보 문자 순위화 방법 및 장치와 문자 입력 방법 및 장치
US20050060378A1 (en) Method and apparatus for providing language modularization
CN112199200A (zh) 资源调度方法、装置、计算机设备和存储介质
CN113033990A (zh) 一种设计师智能匹配方法
CN111857881A (zh) 基于repo的manifest仓库加载方法、装置及存储介质
CN116048517A (zh) 基于b/s架构应用系统的api接口生成方法、系统和装置
CN117111819A (zh) 组件页面配置方法、装置、终端设备以及计算机存储介质
CN115145552A (zh) 规则引擎的执行方法、装置、设备及计算机可读存储介质
CN110505151B (zh) 流量转发方法、装置、设备及存储介质
CN114819490A (zh) 任务发布方法、装置、设备及存储介质
CN110266596B (zh) 消息处理方法、装置、设备及计算机可读存储介质
CN113326052A (zh) 业务组件的升级方法、装置、计算机设备和存储介质
CN107301089A (zh) 一种app部署及调用方法和终端
JP7334920B1 (ja) 情報処理システム、情報処理方法及びプログラム

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination