CN116414385A - 界面状态显示方法、装置、电子设备及存储介质 - Google Patents
界面状态显示方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN116414385A CN116414385A CN202310088878.4A CN202310088878A CN116414385A CN 116414385 A CN116414385 A CN 116414385A CN 202310088878 A CN202310088878 A CN 202310088878A CN 116414385 A CN116414385 A CN 116414385A
- Authority
- CN
- China
- Prior art keywords
- component
- variable value
- target
- interface
- state
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 72
- 238000012544 monitoring process Methods 0.000 claims abstract description 38
- 238000013507 mapping Methods 0.000 claims description 41
- 238000004590 computer program Methods 0.000 claims description 13
- 238000009877 rendering Methods 0.000 claims description 13
- 238000011161 development Methods 0.000 abstract description 13
- 238000012545 processing Methods 0.000 abstract description 5
- 238000004891 communication Methods 0.000 description 6
- 238000010586 diagram Methods 0.000 description 5
- 238000000429 assembly Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 230000003044 adaptive effect Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- 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
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/30—Computing systems specially adapted for manufacturing
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明提供一种界面状态显示方法、装置、电子设备及存储介质，涉及计算机技术领域，该方法包括：根据目标界面中包含的组件信息，对目标界面进行组件拆分，得到至少一个独立的目标组件；对每一目标组件所绑定的变量值进行监听，在根据监听结果确定任一变量值为空的情况下，生成任一变量值的空状态文本，并在至少一个独立的目标组件中确定任一变量值对应的待处理组件；将任一变量值的空状态文本插入待处理组件中，基于插入后的待处理组件，将任一变量值的空状态文本显示在目标界面中。本发明实现极大地减少了开发过程中针对每一组件编写空逻辑判断处理的冗余代码所带来的成本，有效降低界面状态的显示成本和提高显示效率。
Description
技术领域
本发明涉及计算机技术领域，尤其涉及一种界面状态显示方法、装置、电子设备及存储介质。
背景技术
在WEB(World Wide Web，全球广域网)界面进行数据展示时，经常会遇到数据为空的情况，在数据为空时给用户一个友好的反馈可以极大提升系统的用户体验，因此如何精准显示界面状态是目前业界亟待解决的问题之一。
现有技术中，若需在界面展示的任一组件所绑定的数据为空时，提示界面状态为空状态，则需要在前期开发阶段以硬编码的形式，针对该组件绑定的每一变量配置状态为空的判断逻辑，以便通过配置的硬编码，对该组件绑定的每一变量的数据内容进行单独的条件判断，以确定界面状态是否空；并且，在前期开发阶段还需要在该组件内部自定义展示内容和展示形式等，以便在界面状态为空时，采用预先配置的展示内容和展示形式对空状态进行展示。
由于界面涉及的组件较多，而判断界面状态是否为空的逻辑往往散落在各个组件中并且各个组件在判断逻辑上存在较大重复，因此导致界面状态显示成本较高。
发明内容
本发明提供一种界面状态显示方法、装置、电子设备及存储介质，用以解决现有技术中在前期开发阶段按照硬编码针对界面所涉及的每一组件，进行界面状态判断逻辑和展示形式的编写，导致界面状态显示成本较高的缺陷，实现低成本地进行界面状态显示。
本发明提供一种界面状态显示方法，包括：
根据目标界面中包含的组件信息，对所述目标界面进行组件拆分，得到至少一个独立的目标组件；
对每一目标组件所绑定的变量值进行监听，在根据监听结果确定任一变量值为空的情况下，生成所述任一变量值的空状态文本，并在所述至少一个独立的目标组件中确定所述任一变量值对应的待处理组件；
将所述任一变量值的空状态文本插入所述待处理组件中，基于插入后的待处理组件，将所述任一变量值的空状态文本显示在所述目标界面中。
根据本发明提供的一种界面状态显示方法，所述生成所述任一变量值的空状态文本，包括：
根据所述目标界面的显示需求，确定所述任一变量值的空状态文案；
根据所述待处理组件的展示属性，确定所述空状态文案的布局风格；
根据所述空状态文案以及所述布局风格，生成所述空状态文本。
根据本发明提供的一种界面状态显示方法，所述将所述任一变量值的空状态文本插入所述待处理组件中，包括：
根据所述空状态文本中的空状态文案以及所述空状态文案的布局风格，生成所述空状态文本的展示代码片段；
将所述展示代码片段插入所述待处理组件的展示代码中。
根据本发明提供的一种界面状态显示方法，所述展示属性包括字体样式、宽度、高度以及对齐方式。
根据本发明提供的一种界面状态显示方法，所述在所述至少一个独立的目标组件中确定所述任一变量值对应的待处理组件，包括：
基于第一映射关系，确定所述任一变量值对应的目标变量；所述第一映射关系中预先建立有各变量值与各变量之间的映射关系；
基于第二映射关系，在所述至少一个独立的目标组件中确定所述目标变量对应的目标组件；所述第二映射关系中预先建立有各变量与各组件之间的映射关系；
将所述目标变量对应的目标组件作为所述待处理组件。
根据本发明提供的一种界面状态显示方法，所述对每一目标组件所绑定的变量值进行监听，包括：
在所述目标界面加载过程中，对每一目标组件所绑定的变量值的标识进行监听，直到所述目标界面加载结束；
在所述目标界面加载结束时，若所述任一变量值的标识属于空标识，则确定所述监听结果为所述任一变量值为空。
根据本发明提供的一种界面状态显示方法，所述根据目标界面中包含的组件信息，对所述目标界面进行组件拆分，得到至少一个独立的目标组件，包括：
根据所述组件信息解析出所述目标界面在当前次界面渲染过程中所需的多个组件以及各组件的关系信息；
根据所述关系信息，对所述多个组件中的各嵌套组件进行拆分；
根据拆分结果，获取所述至少一个独立的目标组件。
本发明还提供一种界面状态显示装置，包括：
组件拆分模块，用于根据目标界面中包含的组件信息，对所述目标界面进行组件拆分，得到至少一个独立的目标组件；
状态分析模块，用于对每一目标组件所绑定的变量值进行监听，在根据监听结果确定任一变量值为空的情况下，生成所述任一变量值的空状态文本，并在所述至少一个独立的目标组件中确定所述任一变量值对应的待处理组件；
状态显示模块，用于将所述任一变量值的空状态文本插入所述待处理组件中，基于插入后的待处理组件，将所述任一变量值的空状态文本显示在所述目标界面中。
本发明还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一种所述界面状态显示方法。
本发明还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述任一种所述界面状态显示方法。
本发明还提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如上述任一种所述界面状态显示方法。
本发明提供的界面状态显示方法、装置、电子设备及存储介质，通过在对目标界面包含的组件信息进行解析以及组件拆分，获取到独立的目标组件之后，对每一组件所绑定的变量值进行实时监听，以在监听到任一变量值为空时，将该变量值的空状态文本适应性地插入该变量值对应的待处理组件，即可实现在目标界面对该变量值的空状态进行实时显示，极大地减少了开发过程中针对每一组件编写空逻辑判断处理的冗余代码所带来的成本，有效降低界面状态的显示成本和提高显示效率。
附图说明
为了更清楚地说明本发明或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是本发明提供的界面状态显示方法的流程示意图之一；
图2是本发明提供的界面状态显示方法的流程示意图之二；
图3是本发明提供的界面状态显示装置的结构示意图；
图4是本发明提供的电子设备的结构示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚，下面将结合本发明中的附图，对本发明中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
现有技术需要在前期开发阶段，通过特定的逻辑以硬编码的形式判断界面所需展示的数据内容是否为空，以及在数据内容为空时展示空状态内容的形式。而当涉及多个组件时，判断数据内容是否为空的逻辑往往散落在各个组件中并且各个组件在判断逻辑上存在较大重复，导致界面状态显示成本较高。
针对上述问题，本实施例提供一种界面状态显示方法，该方法通过自动解析界面组件获取组件与变量的绑定关系，监听变量值的变化，以在变量值为空时，在其对应的组件中适应性地插入空状态提示信息，极大地减少了开发过程中针对每一组件进行空逻辑判断处理的冗余代码，有效降低界面状态显示成本，使得开发人员可更好的专注于业务开发，提升了工作效率；且每个为空的变量值对应的组件都有一个自动生成的为空提示，使用户得到了一定的反馈，极大地提升了用户使用体验。
下面结合图1描述本发明的界面状态显示方法。该方法可适用于各种需要界面显示的电子设备，该电子设备可以是移动电子设备，也可以为非移动电子设备。示例性的，移动电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、可穿戴设备等，非移动电子设备可以为服务器、网络附属存储器等，本实施例对此不做具体地限定。
如图1所示，为本实施例提供的界面状态显示方法的流程示意图之一，该方法包括如下步骤：
步骤101，根据目标界面中包含的组件信息，对所述目标界面进行组件拆分，得到至少一个独立的目标组件。
其中，目标界面为需要进行渲染展示的界面，该界面可以是用户界面或图形化界面等，本实施例对此不做具体地限定。
组件信息即为在目标界面渲染过程中，在初始化时获取本次路由，即URL(UniformResource Locator，统一资源定位器)地址对应的目标界面中包含的源代码数据。
可选地，在目标界面渲染过程中，获取目标界面中包含的组件信息，然后通过组件信息中包含的各组件的属性信息，如关系信息等，对目标界面进行组件拆分，以拆分得到相互独立的目标组件。需要说明的是，拆分获取的目标组件的数量可以根据实际需求进行设置，如一个或多个，具体可以根据目标界面在当前渲染所涉及的组件数量以及组件的关系信息进行确定。
步骤102，对每一目标组件所绑定的变量值进行监听，在根据监听结果确定任一变量值为空的情况下，生成所述任一变量值的空状态文本，并在所述至少一个独立的目标组件中确定所述任一变量值对应的待处理组件；
其中，每一变量与每一组件之间通过关键字-值(下文也称key-value)形式进行预先映射记录。示例性的，变量与组件之间的映射关系可表征为：{var1:component1,var2:component2}；在此场景下，key即为组件对应的变量，value为组件名称，即var1代表组件所绑定的变量，component1代表组件的组件名称。
每一组件可以绑定一个或多个变量；当同一组件依赖于多个变量时，设置多对相同的value，而key不同；如{var1:component1，var2:component1}用于标识组件component1依赖于var1和var2两个变量。
同样地，每一变量与每一变量值之间也可通过key-value形式进行预先映射记录。
可选地，在获取到目标组件之后，可以根据组件与变量之间的映射关系，获取每一目标组件所绑定的变量名称，并创建针对每一变量的监听方法，以在每一变量的变量值发生变化的情况下触发该监听方法，进而实现对每一目标组件所绑定的变量值的监听。
在该监听方法中需要监听每一变量的变量值是否为空，在监听到任一变量值为空的情况下，生成该变量值的空状态文本；并且，还需要在至少一个目标组件中确定该变量值所属的目标组件，以将该变量值所属的目标组件作为待处理组件。其中，空状态文本至少包括用于描述该变量值的空状态的文案内容，以及用于描述该文案在目标界面的展示形式的布局风格等，本实施对此不做具体地限定。
步骤103，将所述任一变量值的空状态文本插入所述待处理组件中，基于插入后的待处理组件，将所述任一变量值的空状态文本显示在所述目标界面中。
可选地，在获取到空状态文本和待处理组件之后，可以将空状态文本插入待处理组件，以便待处理组件根据插入的空状态文本，适应性地在目标界面中显示空状态，以实现自动生成一个空状态的提示信息，不仅可以满足用户的体验需求，还提升了前期的开发效率。
需要说明的是，空状态的变量值可以为一个或多个，相应地，待处理组件也可以是一个或多个，也即目标界面可以同时显示一个或多个待处理组件对应的空状态，本实施例对此不做具体地限定。在目标界面同时存在多个独立的待处理组件中的变量值为空时，可以基于每个待处理组件在目标界面对应显示各自的空状态。
本实施提供的界面状态显示方法，通过在对目标界面包含的组件信息进行解析以及组件拆分，获取到独立的目标组件之后，对每一组件所绑定的变量值进行实时监听，以在监听到任一变量值为空时，将该变量值的空状态文本适应性地插入该变量值对应的待处理组件，即可实现在目标界面对该变量值的空状态进行实时显示，极大地减少了开发过程中针对每一组件编写空逻辑判断处理的冗余代码所带来的成本，有效降低界面状态的显示成本和提高显示效率。
在一些实施例中，步骤102中所述生成所述任一变量值的空状态文本的步骤，进一步包括：
根据所述目标界面的显示需求，确定所述任一变量值的空状态文案；
根据所述待处理组件的展示属性，确定所述空状态文案的布局风格；
根据所述空状态文案以及所述布局风格，生成所述空状态文本。
其中，目标界面的显示需求可以是用户预先针对目标界面的空状态显示内容的需求进行适应性配置的，也可以是用户实时输入的，本实施例对此不作具体地限定。
不同的显示需求对应不同的空状态文案。示例性地，根据空状态显示需求，可以将空状态文案设置为“暂无数据”字样的空状态文本标签。
展示风格包括待处理组件在目标界面进行数据展示的主题风格以及布局风格等，本实施例对此不做具体地限定。主题风格包括字体样式、宽度、高度等，布局风格包括对齐方式等，本实施例对此不做具体地限定。
可选地，在生成任一变量值的空状态文本的过程中，可以根据目标界面的显示需求，适应性地生成该变量值的空状态文本。
并且，由于不同组件具有不同的展示属性，为了使得每一组件所绑定的变量的空状态显示风格与其所属的组件的显示风格相适配，进而提高空状态显示的有效性，还可以根据待处理组件的展示属性，适应性地计算获取空状态文案的布局风格，以动态设置空状态文案展示样式，保证展示内容上下和左右均在正常范围内，如居中对齐、靠左对齐和两端对齐等，且字体颜色、字体风格等符合当前界面主题风格。
随后，在获取到空状态文案以及布局风格，即可适应性地生成该变量值的空状态文本，有效避免现有技术中在前期开发阶段以硬编码的形式自定义展示内容和展示形式等，导致显示成本较高和展示灵活性差的问题，不仅可以实现降低显示成本，还可以实现灵活有效地进行空状态显示。
在一些实施例中，步骤103中所述将所述任一变量值的空状态文本插入所述待处理组件中的步骤进一步包括：
根据所述空状态文本中的空状态文案以及所述空状态文案的布局风格，生成所述空状态文本的展示代码片段；
将所述展示代码片段插入所述待处理组件的展示代码中。
可选地，在获取到空状态文本之后，可以根据空状态文本中的空状态文案以及空状态文案的布局风格，生成空状态文本的展示代码片段，以使展示代码片段可实现空状态文案的展示，还可以根据空状态文案的布局风格自动配置展示风格。
在获取到展示代码片段之后，可以将展示代码片段插入待处理组件的展示代码中，具体可以是通过JS脚本操作现有DOM(Document Object Model，文档对象模型)元素，将展示代码片段动态插入到待处理组件内部，以便待处理组件通过执行插入的展示代码片段，低成本地将相应的空状态文本显示在目标界面中。
在一些实施例中，所述展示属性包括字体样式、宽度、高度以及对齐方式。
其中，字体样式包括但不限于字体风格，如艺术效果、字体颜色、字体类型，如宋体或楷体等，本实施例对此不做具体地限定。
对齐方式包括上下左右居中、靠左对齐、靠右对齐和两端对齐等，本实施例对此不做具体地限定。
本实施例通过联合待处理组件的字体样式、宽度、高度以及对齐方式，确定空状态文案的布局风格，使得所需展示的空状态内容上下和左右均在正常范围内，且字体颜色、字体风格等符合当前界面主体风格。
在一些实施例中，步骤102中所述在所述至少一个独立的目标组件中确定所述任一变量值对应的待处理组件的步骤，进一步还包括：
基于第一映射关系，确定所述任一变量值对应的目标变量；所述第一映射关系中预先建立有各变量值与各变量之间的映射关系；
基于第二映射关系，在所述至少一个独立的目标组件中确定所述目标变量对应的目标组件；所述第二映射关系中预先建立有各变量与各组件之间的映射关系；
将所述目标变量对应的目标组件作为所述待处理组件。
其中，各变量值与各变量之间的映射关系可以通过key-value形式预先记录在第一映射关系中；各变量与各组件之间的映射关系也可以通过key-value形式预先记录在第二映射关系中。需要说明的是，第一映射关系中各变量值与各变量之间的映射关系以及第二映射关系中各变量与各组件之间的映射关系也可以根据实际需求进行配置，如增加、删除或修改映射关系。
可选地，在确定任一变量值对应的待处理组件的过程中，可以先基于变量与变量值之间的映射关系，确定该变量值对应的目标变量；
然后，基于变量与组件之间的映射关系，确定目标变量对应的目标组件，以将目标变量对应的目标组件作为待处理组件。
本实施例中，通过第一映射关系和第二映射关系快速精准地确定待处理组件，以便基于待处理组件对空状态文本进行适应性性显示。
在一些实施例中，步骤102中所述对每一目标组件所绑定的变量值进行监听的步骤，还进一步包括：
在所述目标界面加载过程中，对每一目标组件所绑定的变量值的标识进行监听，直到所述目标界面加载结束；
在所述目标界面加载结束时，若所述任一变量值的标识属于空标识，则确定所述监听结果为所述任一变量值为空。
其中，每一变量与该变量值的标识之间也使用key-value进行记录；示例性地，{var1:true，var2:true}；在此场景下，key是变量名称，value是否为变量值的标识。
可选地，在目标界面加载过程中，可所有组件的变量对应的取值初始时都置为空，即变量值的标识均为true；如果变量值发生了变化且不为空，则更新状态为false；
针对任一变量，若目标界面加载结束时该变量对应的取值的标识仍为true，则说明本次渲染该变量值为空值，需要展示空状态，即确定监听结果为该变量值为空。
本实施例中，利用变量值的标识进行变量值的状态进行监听，可高效精准地识别出空状态的变量值，进行高效精准地对该空状态进行实时展示，以提升了用户使用体验。
如图2所示，在一些实施例中，步骤101中所述根据目标界面中包含的组件信息，对所述目标界面进行组件拆分，得到至少一个独立的目标组件的步骤，进一步包括：
步骤1011，根据所述组件信息解析出所述目标界面在当前次界面渲染过程中所需的多个组件以及各组件的关系信息；
通过对组件信息进行解析，可以从组件信息中解析出目标界面当前渲染所涉及的多个组件以及各个组件的关系信息。其中，关系信息用于表征组件的组件关系类型，如为嵌套组件或独立组件。
步骤1012，根据所述关系信息，对所述多个组件中的各嵌套组件进行拆分；
步骤1013，根据拆分结果，获取所述至少一个独立的目标组件。
在获取到关系信息后，根据关系信息对每一组件的组件关系类型进行一一判断，以获取多个组件中所包含的嵌套组件；并根据关系信息，确定嵌套组件中所嵌套的子组件数量以及子组件之间的嵌套关系，进而根据嵌套关系和子组件数量，对嵌套组件进行拆分；以根据拆分结果，获取相互独立的目标组件。
本实施例中，通过根据界面渲染所涉及的各组件的关系信息，对各嵌套组件进行进一步拆分，以保证拆分得到的每一目标组件的独立性，避免受其他组件的干扰，提高界面状态显示的精准性。
下面对本发明提供的界面状态显示装置进行描述，下文描述的界面状态显示装置与上文描述的界面状态显示方法可相互对应参照。
如图3所示，为本实施例提供的界面状态显示装置的结构示意图，该装置包括：
组件拆分模块301用于根据目标界面中包含的组件信息，对所述目标界面进行组件拆分，得到至少一个独立的目标组件；
可选地，在目标界面渲染过程中，获取目标界面中包含的组件信息，然后通过组件信息中包含的各组件的属性信息，如关系信息等，对目标界面进行组件拆分，以拆分得到相互独立的目标组件。需要说明的是，拆分获取的目标组件的数量可以根据实际需求进行设置，如一个或多个，具体可以根据目标界面在当前渲染所涉及的组件数量以及组件的关系信息进行确定。
状态分析模块302用于对每一目标组件所绑定的变量值进行监听，在根据监听结果确定任一变量值为空的情况下，生成所述任一变量值的空状态文本，并在所述至少一个独立的目标组件中确定所述任一变量值对应的待处理组件；
可选地，在获取到目标组件之后，可以根据组件与变量之间的映射关系，获取每一目标组件所绑定的变量名称，并创建针对每一变量的监听方法，以在每一变量的变量值发生变化的情况下触发该监听方法，进而实现对每一目标组件所绑定的变量值的监听。
在该监听方法中需要监听每一变量的变量值是否为空，在监听到任一变量值为空的情况下，生成该变量值的空状态文本；并且，还需要在至少一个目标组件中确定该变量值所属的目标组件，以将该变量值所属的目标组件作为待处理组件。其中，空状态文本至少包括用于描述该变量值的空状态的文案内容，以及用于描述该文案在目标界面的展示形式的布局风格等，本实施对此不做具体地限定。
状态显示模块303用于将所述任一变量值的空状态文本插入所述待处理组件中，基于插入后的待处理组件，将所述任一变量值的空状态文本显示在所述目标界面中。
可选地，在获取到空状态文本和待处理组件之后，可以将空状态文本插入待处理组件，以便待处理组件根据插入的空状态文本，适应性地在目标界面中显示空状态，以实现自动生成一个空状态的提示信息，不仅可以满足用户的体验需求，还提升了前期的开发效率。
本实施提供的界面状态显示装置，通过在对目标界面包含的组件信息进行解析以及组件拆分，获取到独立的目标组件之后，对每一组件所绑定的变量值进行实时监听，以在监听到任一变量值为空时，将该变量值的空状态文本适应性地插入该变量值对应的待处理组件，即可实现在目标界面对该变量值的空状态进行实时显示，极大地减少了开发过程中针对每一组件编写空逻辑判断处理的冗余代码所带来的成本，有效降低界面状态的显示成本和提高显示效率。
在一些实施例中，状态分析模块302具体用于：
根据所述目标界面的显示需求，确定所述任一变量值的空状态文案；
根据所述待处理组件的展示属性，确定所述空状态文案的布局风格；
根据所述空状态文案以及所述布局风格，生成所述空状态文本。
在一些实施例中，状态显示模块303还用于：
根据所述空状态文本中的空状态文案以及所述空状态文案的布局风格，生成所述空状态文本的展示代码片段；
将所述展示代码片段插入所述待处理组件的展示代码中。
在一些实施例中，所述展示属性包括字体样式、宽度、高度以及对齐方式。
在一些实施例中，状态分析模块302还用于：
基于第一映射关系，确定所述任一变量值对应的目标变量；所述第一映射关系中预先建立有各变量值与各变量之间的映射关系；
基于第二映射关系，在所述至少一个独立的目标组件中确定所述目标变量对应的目标组件；所述第二映射关系中预先建立有各变量与各组件之间的映射关系；
将所述目标变量对应的目标组件作为所述待处理组件。
在一些实施例中，状态分析模块302还用于：
在所述目标界面加载过程中，对每一目标组件所绑定的变量值的标识进行监听，直到所述目标界面加载结束；
在所述目标界面加载结束时，若所述任一变量值的标识属于空标识，则确定所述监听结果为所述任一变量值为空。
在一些实施例中，组件拆分模块301具体用于：
根据所述组件信息解析出所述目标界面在当前次界面渲染过程中所需的多个组件以及各组件的关系信息；
根据所述关系信息，对所述多个组件中的各嵌套组件进行拆分；
根据拆分结果，获取所述至少一个独立的目标组件。
图4示例了一种电子设备的实体结构示意图，如图4所示，该电子设备可以包括：处理器(processor)401、通信接口(Communications Interface)402、存储器(memory)403和通信总线404，其中，处理器401，通信接口402，存储器403通过通信总线404完成相互间的通信。处理器401可以调用存储器403中的逻辑指令，以执行界面状态显示方法，该方法包括：根据目标界面中包含的组件信息，对所述目标界面进行组件拆分，得到至少一个独立的目标组件；对每一目标组件所绑定的变量值进行监听，在根据监听结果确定任一变量值为空的情况下，生成所述任一变量值的空状态文本，并在所述至少一个独立的目标组件中确定所述任一变量值对应的待处理组件；将所述任一变量值的空状态文本插入所述待处理组件中，基于插入后的待处理组件，将所述任一变量值的空状态文本显示在所述目标界面中。
此外，上述的存储器403中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。
另一方面，本发明还提供一种计算机程序产品，所述计算机程序产品包括计算机程序，计算机程序可存储在非暂态计算机可读存储介质上，所述计算机程序被处理器执行时，计算机能够执行上述各方法所提供的界面状态显示方法，该方法包括：根据目标界面中包含的组件信息，对所述目标界面进行组件拆分，得到至少一个独立的目标组件；对每一目标组件所绑定的变量值进行监听，在根据监听结果确定任一变量值为空的情况下，生成所述任一变量值的空状态文本，并在所述至少一个独立的目标组件中确定所述任一变量值对应的待处理组件；将所述任一变量值的空状态文本插入所述待处理组件中，基于插入后的待处理组件，将所述任一变量值的空状态文本显示在所述目标界面中。
又一方面，本发明还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现以执行上述各方法提供的界面状态显示方法，该方法包括：根据目标界面中包含的组件信息，对所述目标界面进行组件拆分，得到至少一个独立的目标组件；对每一目标组件所绑定的变量值进行监听，在根据监听结果确定任一变量值为空的情况下，生成所述任一变量值的空状态文本，并在所述至少一个独立的目标组件中确定所述任一变量值对应的待处理组件；将所述任一变量值的空状态文本插入所述待处理组件中，基于插入后的待处理组件，将所述任一变量值的空状态文本显示在所述目标界面中。
以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。
最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。
Claims (10)
1.一种界面状态显示方法，其特征在于，包括：
根据目标界面中包含的组件信息，对所述目标界面进行组件拆分，得到至少一个独立的目标组件；
对每一目标组件所绑定的变量值进行监听，在根据监听结果确定任一变量值为空的情况下，生成所述任一变量值的空状态文本，并在所述至少一个独立的目标组件中确定所述任一变量值对应的待处理组件；
将所述任一变量值的空状态文本插入所述待处理组件中，基于插入后的待处理组件，将所述任一变量值的空状态文本显示在所述目标界面中。
2.根据权利要求1所述的界面状态显示方法，其特征在于，所述生成所述任一变量值的空状态文本，包括：
根据所述目标界面的显示需求，确定所述任一变量值的空状态文案；
根据所述待处理组件的展示属性，确定所述空状态文案的布局风格；
根据所述空状态文案以及所述布局风格，生成所述空状态文本。
3.根据权利要求2所述的界面状态显示方法，其特征在于，所述将所述任一变量值的空状态文本插入所述待处理组件中，包括：
根据所述空状态文本中的空状态文案以及所述空状态文案的布局风格，生成所述空状态文本的展示代码片段；
将所述展示代码片段插入所述待处理组件的展示代码中。
4.根据权利要求2所述的界面状态显示方法，其特征在于，所述展示属性包括字体样式、宽度、高度以及对齐方式。
5.根据权利要求1-4任一所述的界面状态显示方法，其特征在于，所述在所述至少一个独立的目标组件中确定所述任一变量值对应的待处理组件，包括：
基于第一映射关系，确定所述任一变量值对应的目标变量；所述第一映射关系中预先建立有各变量值与各变量之间的映射关系；
基于第二映射关系，在所述至少一个独立的目标组件中确定所述目标变量对应的目标组件；所述第二映射关系中预先建立有各变量与各组件之间的映射关系；
将所述目标变量对应的目标组件作为所述待处理组件。
6.根据权利要求1-4任一所述的界面状态显示方法，其特征在于，所述对每一目标组件所绑定的变量值进行监听，包括：
在所述目标界面加载过程中，对每一目标组件所绑定的变量值的标识进行监听，直到所述目标界面加载结束；
在所述目标界面加载结束时，若所述任一变量值的标识属于空标识，则确定所述监听结果为所述任一变量值为空。
7.根据权利要求1-4任一所述的界面状态显示方法，其特征在于，所述根据目标界面中包含的组件信息，对所述目标界面进行组件拆分，得到至少一个独立的目标组件，包括：
根据所述组件信息解析出所述目标界面在当前次界面渲染过程中所需的多个组件以及各组件的关系信息；
根据所述关系信息，对所述多个组件中的各嵌套组件进行拆分；
根据拆分结果，获取所述至少一个独立的目标组件。
8.一种界面状态显示装置，其特征在于，包括：
组件拆分模块，用于根据目标界面中包含的组件信息，对所述目标界面进行组件拆分，得到至少一个独立的目标组件；
状态分析模块，用于对每一目标组件所绑定的变量值进行监听，在根据监听结果确定任一变量值为空的情况下，生成所述任一变量值的空状态文本，并在所述至少一个独立的目标组件中确定所述任一变量值对应的待处理组件；
状态显示模块，用于将所述任一变量值的空状态文本插入所述待处理组件中，基于插入后的待处理组件，将所述任一变量值的空状态文本显示在所述目标界面中。
9.一种电子设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1至7任一项所述界面状态显示方法。
10.一种非暂态计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述界面状态显示方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310088878.4A CN116414385A (zh) | 2023-02-03 | 2023-02-03 | 界面状态显示方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310088878.4A CN116414385A (zh) | 2023-02-03 | 2023-02-03 | 界面状态显示方法、装置、电子设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN116414385A true CN116414385A (zh) | 2023-07-11 |
Family
ID=87055539
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310088878.4A Pending CN116414385A (zh) | 2023-02-03 | 2023-02-03 | 界面状态显示方法、装置、电子设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116414385A (zh) |
-
2023
- 2023-02-03 CN CN202310088878.4A patent/CN116414385A/zh active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| EP3399721B1 (en) | Interface data displaying method and device | |
| CN109901834B (zh) | 文档页面生成方法、装置、计算机设备和存储介质 | |
| CN107066631A (zh) | 页面的显示方法、装置及电子设备 | |
| CN107329861A (zh) | 一种多接口测试方法及装置 | |
| US10902508B2 (en) | Methods for extracting and adapting information to generate custom widgets and devices thereof | |
| CN115065652B (zh) | 消息回复方法、装置、存储介质及计算机设备 | |
| CN113791759A (zh) | 代码开发的处理方法、装置、电子设备与存储介质 | |
| CN113704110A (zh) | 用户界面的自动化测试方法及装置 | |
| CN105528132A (zh) | 应用于浏览器的文本输入框显示方法和装置 | |
| CN114138372A (zh) | 前端组件加载方法及装置 | |
| CN113094046B (zh) | 用于产品页面开发的方法、装置及终端 | |
| CN105739717B (zh) | 信息输入方法和装置 | |
| CN109558186A (zh) | 一种页面显示方法和装置 | |
| CN116414385A (zh) | 界面状态显示方法、装置、电子设备及存储介质 | |
| CN113835835B (zh) | 一种创建一致性组的方法、装置、及计算机可读存储介质 | |
| CN114115864A (zh) | 一种生成界面的方法、装置及电子设备 | |
| CN114444447A (zh) | 一种卡片的处理方法及装置 | |
| CN110266610B (zh) | 流量识别方法、装置、电子设备 | |
| CN108614844A (zh) | 多媒体文件生成方法及装置 | |
| CN114116244A (zh) | 数据处理的方法、装置及系统、电子设备及存储介质 | |
| CN107092485B (zh) | 一种Tab标签动态更新方法及装置 | |
| CN115829503B (zh) | 一种项目集成方法、装置、系统、电子设备及存储介质 | |
| CN115543227B (zh) | 跨系统数据迁移方法、系统、电子设备及存储介质 | |
| CN111414198B (zh) | 一种请求处理方法及装置 | |
| CN111176763B (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 |