CN114201253A - 标签页调用方法、装置、电子设备及计算机可读存储介质 - Google Patents
标签页调用方法、装置、电子设备及计算机可读存储介质 Download PDFInfo
- Publication number
- CN114201253A CN114201253A CN202111449091.3A CN202111449091A CN114201253A CN 114201253 A CN114201253 A CN 114201253A CN 202111449091 A CN202111449091 A CN 202111449091A CN 114201253 A CN114201253 A CN 114201253A
- Authority
- CN
- China
- Prior art keywords
- target
- page
- tab
- tab page
- calling
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 58
- 238000004806 packaging method and process Methods 0.000 claims abstract description 20
- 238000004590 computer program Methods 0.000 claims description 7
- 230000008569 process Effects 0.000 abstract description 14
- 238000012423 maintenance Methods 0.000 abstract description 8
- 238000012545 processing Methods 0.000 abstract description 3
- 238000011161 development Methods 0.000 description 10
- 230000006870 function Effects 0.000 description 6
- 238000004891 communication Methods 0.000 description 3
- 238000013461 design Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000005034 decoration Methods 0.000 description 2
- 238000010586 diagram Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000003068 static effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 230000007812 deficiency Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例提供了一种标签页调用方法、装置、电子设备及计算机可读存储介质,涉及界面处理领域。通过接收指示调用数据库的目标标签页的调用指令,获取与目标标签页对应的目标组件;调用目标组件,基于所述目标组件显示标签页页面。由于目标组件为对目标标签页进行封装得到的,目标标签页可以为父页面中的任一标签页;这样,父页面中的标签页均对应独立的组件,在标签页的应用过程中,可以通过调用标签页对应的组件,实现标签页的灵活复用;此外,父页面中的各个标签页分别对应独立的组件,便于开发人员读取各个标签页,并且,在对标签页进行修改时,也可以针对标签页对应的组件进行修改,提升了标签页维护的便捷性。
Description
技术领域
本申请涉及计算机技术领域,具体而言,本申请涉及一种标签页调用方法、装置、电子设备及计算机可读存储介质。
背景技术
标签页(Tabs)可以用于把平级的区域内容划分为多个部分。具体的,每部分内容分别对应一个标签页,因此可以通过每个标签页,展示不同的内容。在界面展示过程中,使用标签页展示信息具有如下优点:(1)节省空间:不同的内容可以呈现在同一界面上;标签页切换时,不需要界面切换,只需加载相应的标签页信息即可。(2)提升界面整洁度:标签页可将大块的内容进行分类收纳和展现,使界面具有条理性,提升整洁度。由于标签页在界面信息展示中的诸多优点,标签页在界面开发领域的应用愈加广泛。
但是,在一些场景中,在应用标签页进行页面开发过程中发现了一些不足。例如,(1)当标签页中的内容较多时,标签页的代码通常较为冗长,可读性差;(2)标签页之间存在重复或功能类似的情况时,若对标签页进行复用,由于标签页的文件包含于父页面文件中,复用标签页则需复用标签页所在的父页面文件,而无法单独复用标签页。
发明内容
本申请的目的在于至少能解决上述的技术缺陷之一,特别是标签页代码冗长并且无法单独复用标签页的技术缺陷。
根据本申请的一个方面,提供了一种标签页调用方法,该方法包括:
接收指示调用数据库的目标标签页的调用指令,获取与所述目标标签页对应的目标组件;其中,所述数据库包括所述目标组件,所述目标组件为对所述目标标签页进行封装得到的,所述目标组件应用于不同的父页面;
调用所述目标组件,基于所述目标组件显示标签页页面。
可选的,所述获取与所述目标标签页对应的目标组件之前,所述方法还包括:
获取所述目标标签页所包含的页面元素控件;
对所述页面元素控件进行封装,生成所述目标标签页对应的目标组件。
可选的,所述接收指示调用数据库的目标标签页的调用指令,获取与所述目标标签页对应的目标组件,包括:
根据所述调用指令,确定所述目标组件的组件标识;
根据所述组件标识,获取所述目标组件。
可选的,所述调用所述目标组件,基于所述目标组件显示标签页页面,包括:
确定对所述目标标签页中的目标文本内容进行调整的调整信息;
根据所述调整信息及所述目标组件,显示所述标签页页面。
可选的,所述根据所述调整信息及所述目标组件,显示所述标签页页面,包括:
根据所述调整信息,对所述目标文本内容进行调整,得到第一文本内容;
在所述标签页页面中显示所述第一文本内容。
可选的,所述对所述目标文本内容进行调整,包括以下至少一项:
对所述目标文本内容进行修改;
对所述目标文本内容进行删除;
对所述目标文本内容进行添加。
可选的,所述标签页页面所属的父页面与所述目标标签页所属的父页面不同。
根据本申请的另一个方面,提供了一种标签页调用装置,该装置包括:
获取模块,用于接收指示调用数据库的目标标签页的调用指令,获取与所述目标标签页对应的目标组件;其中,所述数据库包括所述目标组件,所述目标组件为对所述目标标签页进行封装得到的,所述目标组件应用于不同的父页面;
显示模块,用于调用所述目标组件,基于所述目标组件显示标签页页面。
根据本申请的另一个方面,提供了一种电子设备,该电子设备包括:
一个或多个处理器;
存储器;
一个或多个应用程序,其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行,所述一个或多个程序配置用于:执行本申请第一方面任一项所述的标签页调用方法。
例如,本申请的第三方面,提供了一种计算设备,包括:处理器、存储器、通信接口和通信总线,处理器、存储器和通信接口通过通信总线完成相互间的通信;
存储器用于存放至少一可执行指令,可执行指令使处理器执行如本申请的第一方面所示的标签页调用方法对应的操作。
根据本申请的再一个方面,提供了一种计算机可读存储介质,所述计算机程序被处理器执行时实现本申请第一方面任一项所述的标签页调用方法。
例如,本申请实施例的第四方面,提供了一种计算机可读存储介质,计算机可读存储介质上存储有计算机程序,该程序被处理器执行时实现本申请第一方面所示的标签页调用方法。
根据本申请的一个方面,提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述第一方面的各种可选实现方式中提供的方法。
本申请提供的技术方案带来的有益效果是:
本申请实施例通过接收指示调用数据库的目标标签页的调用指令,获取与所述目标标签页对应的目标组件;调用所述目标组件,基于所述目标组件显示标签页页面。其中,由于所述目标组件为对所述目标标签页进行封装得到的,目标标签页可以为父页面中的任一标签页;这样,父页面中的标签页均对应独立的组件,在标签页的应用过程中,可以通过调用标签页对应的组件,实现标签页的灵活复用;此外,父页面中的各个标签页分别对应独立的组件,便于开发人员读取各个标签页,并且,在对标签页进行修改时,也可以针对标签页对应的组件进行修改,而无需针对于标签页对应的父页面进行修改,提升了标签页维护的便捷性。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对本申请实施例描述中所需要使用的附图作简单地介绍。
图1为本申请实施例提供的一种标签页调用方法的流程示意图;
图2为本申请实施例提供的一种标签页调用方法的应用场景示意图;
图3为本申请实施例提供的一种标签页调用装置的结构示意图;
图4为本申请实施例提供的一种标签页调用的电子设备的结构示意图。
具体实施方式
下面详细描述本申请的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,仅用于解释本申请,而不能解释为对本申请的限制。
本技术领域技术人员可以理解,除非特意声明,这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是,本申请的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件,但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解,当我们称元件被“连接”或“耦接”到另一元件时,它可以直接连接或耦接到其他元件,或者也可以存在中间元件。此外,这里使用的“连接”或“耦接”可以包括无线连接或无线耦接。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的全部或任一单元和全部组合。
为使本申请的目的、技术方案和优点更加清楚,下面将结合附图对本申请实施方式作进一步地详细描述。
首先对本申请涉及的几个名词进行介绍和解释:
Antd标签页(Tabs)是一种多面板单内容区组件,用于把平级的区域内容划分为多个部分,根据当前活动的页签展示不同的内容,每个标签页中标题与内容相关。其中,Antd全称Ant Design,是蚂蚁金服开发的前端设计语言和组件库。
Antd标签页组件设计中,基础的标签层级结构为<Tabs><Tabs.TabPane>{content}</Tabs.TabPane></Tabs>,外层的<Tabs></Tabs>标签提供应用程序接口(Application Programming Interface,API)控制当前活动页签(activeKey),Tabs尺寸(size),页签基本样式(type),面板切换回调(onChange)等属性;内层<Tabs.TabPane>{content}</Tabs.TabPane>由标题区域<Tabs.TabPane></Tabs.TabPane>和内容区域{content}组成。标题区域主要提供API定义关闭图标(closeIcon),页签Key(key)以及页签文字(tab)。一个<Tabs></Tabs>包含多个<Tabs.TabPane>{content}</Tabs.TabPane>,以实现内容分类和收纳显示。
本申请提供的标签页调用方法、装置、电子设备和计算机可读存储介质,旨在解决现有技术的如上技术问题。
下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图,对本申请的实施例进行描述。
在UI界面开发场景中,标签页通常可以作为子页面,显示于其对应的父页面中,并且标签页对应的文件也包含于父页面文件中。这种情况下,针对于第一父页面中的第一标签页,若第二父页面中需要显示的第二标签页与第一标签页的标签页页面类似时,由于第一标签页的页面文件包含于第一父页面对应的文件中,将会导致无法单独调用该第一标签页以应用于第二父页面中,从而影响开发效率。
本申请实施例通过接收指示调用数据库的目标标签页的调用指令,获取与所述目标标签页对应的目标组件;调用所述目标组件,基于所述目标组件显示标签页页面。其中,由于所述目标组件为对所述目标标签页进行封装得到的,目标标签页可以为父页面中的任一标签页;这样,父页面中的标签页均对应独立的组件,在标签页的应用过程中,可以通过调用标签页对应的组件,实现标签页的灵活复用;此外,父页面中的各个标签页分别对应独立的组件,便于开发人员读取各个标签页,并且,在对标签页进行修改时,也可以针对标签页对应的组件进行修改,而无需针对于标签页对应的父页面进行修改,提升了标签页维护的便捷性。
下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。下面将结合附图,对本申请的实施例进行描述。
本申请实施例中提供了一种标签页调用方法,该方法的执行主体可以为具有界面开发能力的各种终端设备或服务器设备,也可以为集成在这些设备上的装置或芯片,例如,用于开发用户界面的计算机设备等。如图1所示,其为本申请实施例提供的一种标签页调用方法的流程示意图之一,该方法包括如下步骤:
S101:接收指示调用数据库的目标标签页的调用指令,获取与所述目标标签页对应的目标组件。
其中,所述数据库中包括所述目标组件,所述目标组件为对所述目标标签页进行封装得到的,所述目标组件应用于不同的父页面;
可选的,本申请实施例可以应用于界面开发领域。例如,具体可以应用于父页面以及父页面中包括的标签页的开发场景。其中,父页面可以为包括一个或者多个标签页的页面。具体而言,父页面中的标签页可以分别对应一个标签,当接收到针对标签的触发操作时,显示对应的标签页。可以理解的是,标签页可以作为父页面中的子页面,即标签页显示于父页面中。可选的,本申请实施例中的标签页可以包括Antd标签页。
作为示例,结合图2所示,父页面的导航栏中可以设置有一个或者多个导航菜单项,如图中所示,导航菜单栏中包括“产品”、“支持”、“论坛”、“联系我们”四个导航菜单项。其中,每个导航菜单项可以对应导航进入一个类型内容的页面。可选的,每个导航菜单项可以对应一个或多个标签,每个标签可以对应相应的标签页。例如,图中所示,“联系我们”的导航菜单项下包括“商务合作”、“技术支持”、“意见与建议”、“联系方式”四个标签。在实际场景中,响应于对标签的触发操作,可以打开该标签对应的标签页。
本申请实施例中,目标标签页可以包括父页面中的任一标签页(为便于区分本申请实施例后续描述中的其他父页面,该父页面可以称为第一父页面)。
在界面开发过程中,若所需展示的标签页(为方便描述可以称为标签页页面)与目标标签页相类似,例如,标签页页面与目标标签页中所包含的页面控件相同或者相类似,这种情况下,可以通过调用数据库中的目标标签页,以基于所调用的目标标签页,展示所述标签页页面。其中,所述标签页页面所属的父页面与目标标签页所属的父页面不同。
具体的,可以在接收到指示调用数据库的目标标签页的调用指令时,获取与所述目标标签页对应的目标组件。其中,调用指令中可以包括目标标签页的名称,例如,目标标签页的名称可以用tab1等表示。根据预设的对应关系,可以确定与目标标签页的名称对应的组件标识,进而通过所述组件标识可以获取目标组件,所述组件标识可以用Content1等表示。
其中,所述目标组件可以为对所述目标标签页进行封装得到的。例如,可以将目标标签页对应的文件进行封装,其中,目标标签页对应的文件可以包括页面元素控件的文件,所述页面元素控件为目标标签页中的控件。在实际场景中,目标标签页中的页面元素控件可以包括按钮控件、下拉框控件、矩形框控件、背景图控件等等。
此外,封装后的目标控件可以存储于数据库中,以便于不同的父页面中需要显示目标标签页时,可以调用目标控件。因此,可以理解的是,本申请实施例中,所述目标组件可以复用于不同的父页面。例如,所述目标组件可以复用于所述目标标签页所属的父页面以外的父页面,也就是说,所述标签页页面所属的父页面与所述目标标签页所属的父页面不同。
S102:调用所述目标组件,基于所述目标组件显示标签页页面。
具体的,调用所述目标组件时,可以根据调用指令中所需调用的目标标签页确定目标组件的组件标识,然后根据目标组件的组件标识,调用所述目标组件。
进一步的,调用所述目标组件后,可以基于所述目标组件显示标签页页面。其中,标签页页面为基于所述目标组件显示的页面。
在显示所述标签页页面时,可以直接根据所述目标组件显示标签页页面。此外,还可以先确定对所述目标标签页中显示的目标文本内容进行调整的调整信息,根据调整信息调整目标文本内容,得到第一文本内容(为方便描述,可以将调整后的文本内容称为第一文本内容),基于第一文本内容显示标签页页面。
例如,目标组件中封装的目标标签页中包含的目标文本内容为A公司的地址以及联系方式等信息;调整信息为将目标文本内容调整为B公司的地址及联系方式,这种情况下,可以根据调整信息,对目标文本内容进行调整,即将A公司的地址以及联系方式等信息调整为B公司的地址及联系方式。然后在标签页页面中,显示调整后的第一文本内容。
需要说明的是,上述步骤S101及S102的处理过程可以理解为页面开发过程中,基于目标组件生成标签页页面的过程。在此开发过程之后,即生成标签页页面之后,用户需要浏览标签页页面时,可以通过触发操作触发显示标签页页面。具体的,可以在接收到用户对标签页页面对应的标签的触发操作时(触发操作可以包括点击操作),启动显示标签页页面。其中,可以在接收到所述触发操作后,获取标签对应的路由地址以及路由地址中包含的路径参数(key值);然后根据所述路径参数链接所述标签页页面,进而显示所述标签页页面。
本申请实施例中,标签页页面对应的路径参数key值;标签页页面的名称如tab1;标签页页面对应的目标组件的组件标识如Content1等数据可以作为标签页页面的字典数据,所述字典数据可以为标识标签页页面的数组数据,并且,所述字典数据可以存储于数据库中。作为示例,所述字典数据可以定义如下:const panes={
[key:“tab1”,tab:“tab1”,content:<Content1/>],
[key:“tab2”,tab:“tab2”,content:<Content2/>],
[key:“tab3”,tab:“tab3”,content:<Content3/>]}。
本申请实施例通过接收指示调用数据库的目标标签页的调用指令,获取与所述目标标签页对应的目标组件;调用所述目标组件,基于所述目标组件显示标签页页面。其中,由于所述目标组件为对所述目标标签页进行封装得到的,目标标签页可以为父页面中的任一标签页;这样,父页面中的标签页均对应独立的组件,在标签页的应用过程中,可以通过调用标签页对应的组件,实现标签页的灵活复用;此外,父页面中的各个标签页分别对应独立的组件,便于开发人员读取各个标签页,并且,在对标签页进行修改时,也可以针对标签页对应的组件进行修改,而无需针对于标签页对应的父页面进行修改,提升了标签页维护的便捷性。
在本申请的一个实施例中,所述获取与所述目标标签页对应的目标组件之前,所述方法还包括:
获取所述目标标签页所包含的页面元素控件;
对所述页面元素控件进行封装,生成所述目标标签页对应的目标组件。
具体的,本申请实施例中,获取与所述目标标签页对应的目标组件之前,可以先对目标标签页进行封装。例如,可以获取目标标签页中的页面元素控件,具体而言,可以获取页面元素控件对应的文件;其中,页面元素控件可以包括按钮控件、下拉框控件、矩形框控件、背景图控件等等。
然后,可以对所述页面元素控件进行封装,生成所述目标标签页对应的目标组件。
此外,对于封装后的目标组件,可以为目标组件建立组件标识,例如,目标组件的组件标识可以为Content1等。对于父页面中的其他标签页的组件,也可以相应建立组件标识,Content2、Content3等等。并且,各个标签页对应的组件文件可以为Content1.js:export default function Content1(){};Content2.js:export default functionContent2(){};Content3.js:export default function Content3(){}等等。
在本申请的一个实施例中,所述接收指示调用数据库的目标标签页的调用指令,获取与所述目标标签页对应的目标组件,包括:
根据所述调用指令,确定所述目标组件的组件标识;
根据所述组件标识,获取所述目标组件。
具体的,本申请实施例中,在获取所述目标组件时,可以先对调用指令进行解析,确定所述目标组件的组件标识。具体的,调用指令中可以包括目标标签页的名称,例如,目标标签页的名称可以用tab1等表示。根据预设的对应关系,可以确定与目标标签页的名称对应的组件标识,例如,所述目标组件的组件标识可以为Content1等。
然后,根据所述组件标识,从数据库中获取所述目标组件,可选的,本申请实施例中,所述数据库可以包括组件库。
在本申请的一个实施例中,所述调用所述目标组件,基于所述目标组件显示标签页页面,包括:
确定对所述目标标签页中的目标文本内容进行调整的调整信息;
根据所述调整信息及所述目标组件,显示所述标签页页面。
具体的,本申请实施例中,调用所述目标组件后,在显示所述标签页页面时,可以根据调整信息对目标标签页中的目标文本内容进行调整。
其中,调整信息可以包括指示对目标文本内容进行调整的信息,调整信息可以预先设定。可选的,所述调整信息可以包括目标标签页中所需调整的目标文本内容,以及对目标文本内容的调整方式,其中,对目标文本内容的调整方式可以包括对所述目标文本内容进行修改;对所述目标文本内容进行删除;对所述目标文本内容进行添加等等。
在本申请的一个实施例中,所述根据所述调整信息及所述目标组件,显示所述标签页页面,包括:
根据所述调整信息,对所述目标文本内容进行调整,得到第一文本内容;
在所述标签页页面中显示所述第一文本内容。
具体的,本申请实施例中,第一文本内容包括对所述目标文本内容进行调整之后的文本内容。例如,在实际场景中,目标标签页中包含的目标文本内容为A公司的地址以及联系方式等信息,对目标文本内容的调整可以包括以下几种情况:
情况一:调整信息可以为将目标文本内容调整为B公司的地址及联系方式;这种情况下,可以将A公司的地址以及联系方式等信息修改为B公司的地址及联系方式,即所述第一文本内容包括B公司的地址及联系方式。
情况二:调整信息可以为在目标文本内容中增加B公司的地址及联系方式;这种情况下,所述第一文本内容中包括A公司的地址、联系方式,以及B公司的地址、联系方式。
情况三:调整信息可以为将目标文本内容中的A公司的地址及联系方式删除;这种情况下,所述第一文本内容中将不包括A公司的地址、联系方式,例如,所述第一文本内容可以为空。
在对所述目标文本内容进行调整得到第一文本内容后,可以在所述标签页页面中显示所述第一文本内容。
本申请实施例通过接收指示调用数据库的目标标签页的调用指令,获取与所述目标标签页对应的目标组件;调用所述目标组件,基于所述目标组件显示标签页页面;其中,由于所述目标组件为对所述目标标签页进行封装得到的,目标标签页可以为父页面中的任一标签页;这样,父页面中的每个标签页均对应独立的组件,在标签页的应用过程中,可以通过调用标签页对应的组件,实现标签页的灵活复用;此外,父页面中的各个标签页分别对应独立的组件,便于开发人员读取各个标签页对应的文件,并且,在对标签页进行修改时,也可以针对标签页对应的组件进行修改,提升了标签页维护的便捷性。
本申请实施例提供了一种标签页调用装置,如图3所示,该标签页调用装置30可以包括:获取模块301、显示模块302,其中,
获取模块301,用于接收指示调用数据库的目标标签页的调用指令,获取与所述目标标签页对应的目标组件;其中,所述数据库包括所述目标组件,所述目标组件为对所述目标标签页进行封装得到的,所述目标组件应用于不同的父页面;
显示模块302,用于调用所述目标组件,基于所述目标组件显示标签页页面。
可选的,所述装置还包括:
封装模块,用于在所述获取与所述目标标签页对应的目标组件之前,获取所述目标标签页所包含的页面元素控件;对所述页面元素控件进行封装,生成所述目标标签页对应的目标组件。
可选的,获取模块301,具体用于根据所述调用指令,确定所述目标组件的组件标识;
根据所述组件标识,获取所述目标组件。
可选的,显示模块302,具体用于确定对所述目标标签页中的目标文本内容进行调整的调整信息;
根据所述调整信息及所述目标组件,显示所述标签页页面。
可选的,显示模块302,具体用于根据所述调整信息,对所述目标文本内容进行调整,得到第一文本内容;
在所述标签页页面中显示所述第一文本内容。
可选的,显示模块302,具体用于对所述目标文本内容进行修改;和/或
对所述目标文本内容进行删除;和/或对所述目标文本内容进行添加。
可选的,所述标签页页面所属的父页面与所述目标标签页所属的父页面不同。
本实施例的标签页调用装置可执行本申请上述实施例所示的标签页调用方法,其实现原理相类似,此处不再赘述。
本申请实施例通过接收指示调用数据库的目标标签页的调用指令,获取与所述目标标签页对应的目标组件;调用所述目标组件,基于所述目标组件显示标签页页面。其中,由于所述目标组件为对所述目标标签页进行封装得到的,目标标签页可以为父页面中的任一标签页;这样,父页面中的标签页均对应独立的组件,在标签页的应用过程中,可以通过调用标签页对应的组件,实现标签页的灵活复用;此外,父页面中的各个标签页分别对应独立的组件,便于开发人员读取各个标签页,并且,在对标签页进行修改时,也可以针对标签页对应的组件进行修改,而无需针对于标签页对应的父页面进行修改,提升了标签页维护的便捷性。
本申请实施例中提供了一种电子设备,该电子设备包括:存储器和处理器;至少一个程序,存储于存储器中,用于被处理器执行时,与现有技术相比可实现:本申请实施例通过接收指示调用数据库的目标标签页的调用指令,获取与所述目标标签页对应的目标组件;调用所述目标组件,基于所述目标组件显示标签页页面。其中,由于所述目标组件为对所述目标标签页进行封装得到的,目标标签页可以为父页面中的任一标签页;这样,父页面中的标签页均对应独立的组件,在标签页的应用过程中,可以通过调用标签页对应的组件,实现标签页的灵活复用;此外,父页面中的各个标签页分别对应独立的组件,便于开发人员读取各个标签页,并且,在对标签页进行修改时,也可以针对标签页对应的组件进行修改,而无需针对于标签页对应的父页面进行修改,提升了标签页维护的便捷性。
在一个可选实施例中提供了一种电子设备,如图4所示,图4所示的电子设备4000包括:处理器4001和存储器4003。其中,处理器4001和存储器4003相连,如通过总线4002相连。可选地,电子设备4000还可以包括收发器4004,收发器4004可以用于该电子设备与其他电子设备之间的数据交互,如数据的发送和/或数据的接收等。需要说明的是,实际应用中收发器4004不限于一个,该电子设备4000的结构并不构成对本申请实施例的限定。
处理器4001可以是CPU(Central Processing Unit,中央处理器),通用处理器,DSP(Digital Signal Processor,数据信号处理器),ASIC(Application SpecificIntegrated Circuit,专用集成电路),FPGA(Field Programmable Gate Array,现场可编程门阵列)或者其他可编程逻辑器件、晶体管逻辑器件、硬件部件或者其任意组合。其可以实现或执行结合本申请公开内容所描述的各种示例性的逻辑方框,模块和电路。处理器4001也可以是实现计算功能的组合,例如包含一个或多个微处理器组合,DSP和微处理器的组合等。
总线4002可包括一通路,在上述组件之间传送信息。总线4002可以是PCI(Peripheral Component Interconnect,外设部件互连标准)总线或EISA(ExtendedIndustry Standard Architecture,扩展工业标准结构)总线等。总线4002可以分为地址总线、数据总线、控制总线等。为便于表示,图4中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
存储器4003可以是ROM(Read Only Memory,只读存储器)或可存储静态信息和指令的其他类型的静态存储设备,RAM(Random Access Memory,随机存取存储器)或者可存储信息和指令的其他类型的动态存储设备,也可以是EEPROM(Electrically ErasableProgrammable Read Only Memory,电可擦可编程只读存储器)、CD-ROM(Compact DiscRead Only Memory,只读光盘)或其他光盘存储、光碟存储(包括压缩光碟、激光碟、光碟、数字通用光碟、蓝光光碟等)、磁盘存储介质或者其他磁存储设备、或者能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质,但不限于此。
存储器4003用于存储执行本申请方案的应用程序代码(计算机程序),并由处理器4001来控制执行。处理器4001用于执行存储器4003中存储的应用程序代码,以实现前述方法实施例所示的内容。
其中,电子设备包括但不限于:移动电话、笔记本电脑、多媒体播放器、台式计算机等。
本申请实施例提供了一种计算机可读存储介质,该计算机可读存储介质上存储有计算机程序,当其在计算机上运行时,使得计算机可以执行前述方法实施例中相应内容。
本申请实施例通过接收指示调用数据库的目标标签页的调用指令,获取与所述目标标签页对应的目标组件;调用所述目标组件,基于所述目标组件显示标签页页面。其中,由于所述目标组件为对所述目标标签页进行封装得到的,目标标签页可以为父页面中的任一标签页;这样,父页面中的标签页均对应独立的组件,在标签页的应用过程中,可以通过调用标签页对应的组件,实现标签页的灵活复用;此外,父页面中的各个标签页分别对应独立的组件,便于开发人员读取各个标签页,并且,在对标签页进行修改时,也可以针对标签页对应的组件进行修改,而无需针对于标签页对应的父页面进行修改,提升了标签页维护的便捷性。
应该理解的是,虽然附图的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,其可以以其他的顺序执行。而且,附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,其执行顺序也不必然是依次进行,而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
以上所述仅是本发明的部分实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (10)
1.一种标签页调用方法,其特征在于,包括:
接收指示调用数据库的目标标签页的调用指令,获取与所述目标标签页对应的目标组件;其中,所述数据库包括所述目标组件,所述目标组件为对所述目标标签页进行封装得到的,所述目标组件应用于不同的父页面;
调用所述目标组件,基于所述目标组件显示标签页页面。
2.根据权利要求1所述的标签页调用方法,其特征在于,所述获取与所述目标标签页对应的目标组件之前,所述方法还包括:
获取所述目标标签页所包含的页面元素控件;
对所述页面元素控件进行封装,生成所述目标标签页对应的目标组件。
3.根据权利要求1所述的标签页调用方法,其特征在于,所述接收指示调用数据库的目标标签页的调用指令,获取与所述目标标签页对应的目标组件,包括:
根据所述调用指令,确定所述目标组件的组件标识;
根据所述组件标识,获取所述目标组件。
4.根据权利要求1所述的标签页调用方法,其特征在于,所述调用所述目标组件,基于所述目标组件显示标签页页面,包括:
确定对所述目标标签页中的目标文本内容进行调整的调整信息;
根据所述调整信息及所述目标组件,显示所述标签页页面。
5.根据权利要求4所述的标签页调用方法,其特征在于,所述根据所述调整信息及所述目标组件,显示所述标签页页面,包括:
根据所述调整信息,对所述目标文本内容进行调整,得到第一文本内容;
在所述标签页页面中显示所述第一文本内容。
6.根据权利要求5所述的标签页调用方法,其特征在于,所述对所述目标文本内容进行调整,包括以下至少一项:
对所述目标文本内容进行修改;
对所述目标文本内容进行删除;
对所述目标文本内容进行添加。
7.根据权利要求1所述的标签页调用方法,其特征在于,所述标签页页面所属的父页面与所述目标标签页所属的父页面不同。
8.一种标签页调用装置,其特征在于,包括:
获取模块,用于接收指示调用数据库的目标标签页的调用指令,获取与所述目标标签页对应的目标组件;其中,所述数据库包括所述目标组件,所述目标组件为对所述目标标签页进行封装得到的,所述目标组件应用于不同的父页面;
显示模块,用于调用所述目标组件,基于所述目标组件显示标签页页面。
9.一种电子设备,其特征在于,所述电子设备包括:
一个或多个处理器;
存储器;
一个或多个应用程序,其中所述一个或多个应用程序被存储在所述存储器中并被配置为由所述一个或多个处理器执行,所述一个或多个程序配置用于:执行根据权利要求1至7任一项所述的标签页调用方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至7任一项所述的标签页调用方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111449091.3A CN114201253B (zh) | 2021-11-30 | 2021-11-30 | 标签页调用方法、装置、电子设备及计算机可读存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111449091.3A CN114201253B (zh) | 2021-11-30 | 2021-11-30 | 标签页调用方法、装置、电子设备及计算机可读存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN114201253A true CN114201253A (zh) | 2022-03-18 |
CN114201253B CN114201253B (zh) | 2024-05-17 |
Family
ID=80650113
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111449091.3A Active CN114201253B (zh) | 2021-11-30 | 2021-11-30 | 标签页调用方法、装置、电子设备及计算机可读存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114201253B (zh) |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112083915A (zh) * | 2020-09-09 | 2020-12-15 | 苏州科达科技股份有限公司 | 页面布局方法、装置、电子设备及存储介质 |
CN112684968A (zh) * | 2020-12-28 | 2021-04-20 | 北京五八信息技术有限公司 | 页面展示方法、装置、电子设备和计算机可读介质 |
-
2021
- 2021-11-30 CN CN202111449091.3A patent/CN114201253B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112083915A (zh) * | 2020-09-09 | 2020-12-15 | 苏州科达科技股份有限公司 | 页面布局方法、装置、电子设备及存储介质 |
CN112684968A (zh) * | 2020-12-28 | 2021-04-20 | 北京五八信息技术有限公司 | 页面展示方法、装置、电子设备和计算机可读介质 |
Also Published As
Publication number | Publication date |
---|---|
CN114201253B (zh) | 2024-05-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9928038B2 (en) | Dynamically building locale objects or subsections of locale objects based on historical data | |
US8166396B2 (en) | User interface rendering | |
US7783967B1 (en) | Packaging web content for reuse | |
CN111381920B (zh) | 弹窗组件的显示方法、装置以及电子终端 | |
CN105824830B (zh) | 一种显示页面的方法、客户端及设备 | |
CN111191171A (zh) | 基于安卓的多Fragment加载方法、装置及电子设备 | |
CN114168246B (zh) | 前后端分离架构下的多语言切换方法、组件、介质及设备 | |
CN111444453A (zh) | 页面回传数据处理方法及其装置 | |
US9141353B2 (en) | Dynamically building locale objects at run-time | |
CN116436936B (zh) | 一种数据存储***、方法、存储介质及电子设备 | |
CN113421144A (zh) | 一种页面显示方法及装置、设备、存储介质 | |
CN114201253A (zh) | 标签页调用方法、装置、电子设备及计算机可读存储介质 | |
CN114254229A (zh) | 网页渲染方法及装置 | |
CN114237407A (zh) | 一种字体图标处理方法、装置及计算机可读存储介质 | |
CN111931111A (zh) | 一种网页开发方法、网页展示方法、装置及设备 | |
CN109614160B (zh) | 提示方法、装置和电子设备 | |
CN117348960A (zh) | 一种网页内容导出方法、装置、设备及介质 | |
CN114201714A (zh) | 页面显示方法、装置、电子设备及计算机可读存储介质 | |
CN114296730A (zh) | 页面信息处理方法、装置及电子设备 | |
CN113835596A (zh) | 图标处理方法、装置及设备 | |
Freeman et al. | Components and Props | |
US9778917B2 (en) | Dynamically building subsections of locale objects at run-time | |
CN115202720A (zh) | 数据显示方法、装置、设备及存储介质 | |
CN112765676A (zh) | 一种智能合约执行方法、智能合约执行装置及节点设备 | |
CN117234498A (zh) | 一种嵌入式软件组件的设计方法、***及设备 |
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 | ||
CB02 | Change of applicant information | ||
CB02 | Change of applicant information |
Address after: 100176 Room 101, 1f, building 3, yard 18, Kechuang 10th Street, Beijing Economic and Technological Development Zone, Beijing Applicant after: Beijing ESWIN Computing Technology Co.,Ltd. Address before: 100176 Room 101, 1f, building 3, yard 18, Kechuang 10th Street, Beijing Economic and Technological Development Zone, Beijing Applicant before: Beijing yisiwei Computing Technology Co.,Ltd. |
|
GR01 | Patent grant | ||
GR01 | Patent grant |