CN113467876A - 页面组件的生成方法及装置 - Google Patents

页面组件的生成方法及装置 Download PDF

Info

Publication number
CN113467876A
CN113467876A CN202110746764.5A CN202110746764A CN113467876A CN 113467876 A CN113467876 A CN 113467876A CN 202110746764 A CN202110746764 A CN 202110746764A CN 113467876 A CN113467876 A CN 113467876A
Authority
CN
China
Prior art keywords
page component
class
generating
page
data
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
CN202110746764.5A
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.)
Gaoding Xiamen Technology Co Ltd
Original Assignee
Gaoding Xiamen Technology 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 Gaoding Xiamen Technology Co Ltd filed Critical Gaoding Xiamen Technology Co Ltd
Priority to CN202110746764.5A priority Critical patent/CN113467876A/zh
Publication of CN113467876A publication Critical patent/CN113467876A/zh
Priority to PCT/CN2022/080386 priority patent/WO2023273407A1/zh
Pending legal-status Critical Current

Links

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)
  • Document Processing Apparatus (AREA)

Abstract

本公开涉及一种页面组件的生成方法及装置。所述方法包括：获取至少一个预先定义的类，所述至少一个预先定义的类各自包括待生成的页面组件的数据和方法；根据所述至少一个预先定义的类，生成所述页面组件。本公开的方案可以将页面组件的数据和方法封装在与用户界面无关的具体类里，从而可以满足在同一交互逻辑下的任意视图呈现，只需要在用户界面上渲染具体类的属性且调用具体类的方法，即可快速定制一个个性化的页面组件。

Description

页面组件的生成方法及装置
技术领域
本公开一般地涉及计算机技术领域。更具体地，本公开涉及页面组件的生成方法及装置。
背景技术
随着WEB UI框架(Angular、React、Vue)的普及，前端开发人员基于页面组件来开发页面已经成为事实标准。为了应对页面***的视觉呈现，页面组件可以通过配置项和插槽来差异化定制。
然而，由于页面组件的现有生成方法，通过配置项和插槽来定制页面组件都存在一定的局限性。具体地，配置项一般只能实现主题样式的差异化定制，通常只适用于在页面组件主体结构不变的情况下做一些样式定制和流程控制。插槽能够实现页面组件内容的局部或全部的简单替换，然而由于与被替换内容对应的方法被封装在页面组件的内部，因此替换后的内容不能够调用该页面组件该方法，因此不能够实现相应的功能。
因此如何获得一种对页面组件进行个性化定制的方法为现有技术中需要解决的问题。
发明内容
为了至少部分地解决背景技术中提到的技术问题，本公开的方案提供了一种页面组件的生成方法及装置。
根据本公开的第一方面，本公开提供一种页面组件的生成方法，其中，所述方法包括：获取至少一个预先定义的类，所述至少一个预先定义的类各自包括待生成的页面组件的数据和方法；根据所述至少一个预先定义的类，生成所述页面组件。
可选的，在所述获取至少一个预先定义的类之前，所述方法还包括：根据所述待生成的页面组件定义所述类。
可选的，所述根据所述待生成的页面组件定义所述类包括：定义和初始化所述待生成的页面组件的数据；定义所述待生成的页面组件的方法；将所述页面组件实例化，并将所述类作为所述页面组件实例化的参数。
可选的，所述根据所述至少一个预先定义的类，生成所述页面组件包括：直接限定页面组件的属性；通过调用所述类来直接使用所述类中的数据和方法，以便通过所述类中的数据和方法来生成所述页面组件。
根据本公开的第二方面，本公开提供一种页面组件的生成装置，其中，所述装置包括：获取模块，其配置为用于获取至少一个预先定义的类，所述至少一个预先定义的类各自包括待生成的页面组件的数据和方法；生成模块，其配置为用于根据所述至少一个预先定义的类，生成所述页面组件。
可选的，所述装置还包括：定义模块，其配置为用于在所述获取至少一个预先定义的类之前根据所述待生成的页面组件定义所述类。
可选的，所述定义模块用于采取如下方式根据所述待生成的页面组件定义所述类：定义和初始化所述待生成的页面组件的数据；定义所述待生成的页面组件的方法；将所述页面组件实例化，并将所述类作为所述页面组件实例化的参数。
可选的，所述生成模块用于采取如下方式根据所述至少一个预先定义的类，生成所述页面组件：直接限定页面组件的属性；通过调用所述类来直接使用所述类中的数据和方法，以便通过所述类中的数据和方法来生成所述页面组件。
根据本公开的第三方面，本公开提供一种页面组件的生成装置，其中，所述装置包括存储器和处理器，所述存储器中存储有计算机程序，所述处理器执行所述计算机程序时，实现上述本公开的第一方面的方法。
在本公开的另一方面中，本公开提供一种计算机可读存储介质，其中，所述存储介质存储有计算机程序，所述计算机程序被执行时，实现上述本公开的第一方面的方法。
通过本公开的页面组件的生成方法和装置，可以将页面组件的数据和方法封装在与用户界面无关的具体类里，从而可以满足在同一交互逻辑下的任意视图呈现。只需要在用户界面上渲染具体类的属性且调用具体类的方法，即可快速定制一个个性化的页面组件。
附图说明
通过参考附图阅读下文的详细描述，本公开示例性实施方式的上述以及其他目的、特征和优点将变得易于理解。在附图中，以示例性而非限制性的方式示出了本公开的若干实施方式，并且相同或对应的标号表示相同或对应的部分其中：
图1是示出根据本公开的一个实施例的页面组件的生成方法的流程图；
图2是示出根据本公开的另一个实施例的页面组件的生成方法的流程图；
图3是示出根据本公开的一个实施例的页面组件的生成装置的示意性框图；
图4是示出根据本公开的另一个实施例的页面组件的生成装置的示意性框图。
具体实施方式
下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。
根据本公开的实施例，页面组件可包括任何适于页面设计的组件，例如包括但不限于轮播图、新手引导、弹窗组件等。所述页面包括但不限于网页、应用页面或操作***截面等能够实现人机交互的用户界面。配置项是指为了页面组件具有不同的视觉呈现而提供的属性项，例如颜色、大小等等。插槽是指为了局部、甚至全部替换组件的呈现内容而提供的功能。页面组件的方法是指页面组件执行的功能所对应的逻辑方法，例如引导、切换等等。页面组件的数据是指页面组件所需的数据，例如时间数据、数量数据、用户数据等。
已知现有的页面组件生成方法是将形成页面组件所需的数据和方法封装在页面组件内部。这种封装方式的缺点是：只要最终的用户界面上有一点不同，就需要开放更多的配置项和/或开启更多的插槽。
下面结合附图来详细描述本公开的具体实施方式。
本公开提供一种页面组件的生成方法。参照图1，图1是示出根据本公开的一个实施例的页面组件的生成方法的流程图。如图1中所示，所述方法包括以下步骤S101-S102。步骤S101：获取至少一个预先定义的类，所述至少一个预先定义的类各自包括待生成的页面组件的数据和方法。步骤S102：根据所述至少一个预先定义的类，生成所述页面组件。
通过本公开的页面组件的生成方法，可以将页面组件的数据和方法封装在与用户界面无关的具体类里，从而可以满足在同一交互逻辑下的任意视图呈现。只需要在用户界面上渲染具体类的属性且调用具体类的方法，即可快速定制一个个性化的页面组件。
在步骤S101中，获取至少一个预先定义的类，所述至少一个预先定义的类各自包括待生成的页面组件的数据和方法。
根据本公开的实施例，为了生成页面组件，首先应获取预先定义的类，所述预先定义的类可以包括生成页面组件所需的数据和方法。当然，页面组件可以包括多个页面元素或页面子组件，每个页面元素或页面子组件对应于一个预先定义的类。因此，可以获取多个预先定义的类，其中每个类可以包括生成相应页面元素或页面子组件所需的数据和方法。
在步骤S102中，可以根据所述至少一个预先定义的类，生成所述页面组件。
根据本公开的实施例，在获取到预先定义的类后，可以借助该预先定义的类来生成页面组件。
具体地，在一个实施例中，所述根据所述至少一个预先定义的类，生成所述页面组件可以包括：直接限定页面组件的属性；通过调用所述类来直接使用所述类中的数据和方法，以便通过所述类中的数据和方法来生成所述页面组件。
在该实施例中，在实际的页面组件创建中，可以根据用户需求直接确定页面组件的各种属性，例如颜色、大小等等，然后通过调用对应的类中的数据和方法来渲染页面组件的数据并实现页面组件的功能。由此页面组件的视图呈现可以任意更改，而不影响该页面组件的数据和功能，从而页面组件在视图呈现上可以实现个性化定制。
在另一个实施例中，也可以不直接限定页面组件的属性，相反地可以根据用户需求设置配置项和插槽，以便选择或更换需要的属性项，并且通过调用对应的类中的数据和方法来渲染页面组件的数据并实现页面组件的功能，如此可以更加灵活的定制页面组件。
此外，所述至少一个预先定义的类可以各自仅包括待生成的页面组件的方法，关于待生成的页面组件的数据可以封装在页面组件的内部。
本公开还提供另一种页面组件的生成方法。参照图2，图2是示出根据本公开的另一个实施例的页面组件的生成方法的流程图。如图2所示，所述方法在以上结合图1描述的步骤S101之前还可以包括以下步骤S201。
在该步骤S201中，根据所述待生成的页面组件定义所述类。
根据本公开的实施例，如上所述，在生成页面组件之前，应先获取预先定义的类，然而该预先定义的类可以是为生成页面组件而专门定义的类，即定义该类属于生成页面组件的一个步骤。此外，预先定义的类还可以是已有的用于生成其它相同或相似页面组件的类，即具有相同数据和方法的类的复用。
进一步地，所述根据所述待生成的页面组件定义所述类包括：定义和初始化所述待生成的页面组件的数据；定义所述待生成的页面组件的方法；将所述页面组件实例化，并将所述类作为所述页面组件实例化的参数。
在该实施例中，应用已知的定义类的方法，在定义类时，通过对生成页面组件所需的数据和方法分别进行定义，将所述数据和方法封装在该类中。为了将该类与页面组件建立关联，在定义类时，可以将页面组件实例化并且将该类作为该页面组件实例化的参数，以供生成页面组件时调用。
本公开还提供一种页面组件的生成装置。该装置用于执行以上结合图1所描述的页面组件的生成方法实施例中的步骤。
参照图3，图3是示出根据本公开的一个实施例的页面组件的生成装置100的示意性框图。该装置100包括获取模块101和生成模块102。该获取模块101配置为用于获取至少一个预先定义的类，所述至少一个预先定义的类各自包括待生成的页面组件的数据和方法。该生成模块102配置为用于根据所述至少一个预先定义的类，生成所述页面组件。
根据本公开的实施例，所述生成模块102用于采取如下方式根据所述至少一个预先定义的类，生成所述页面组件：直接限定页面组件的属性；通过调用所述类来直接使用所述类中的数据和方法，以便通过所述类中的数据和方法来生成所述页面组件。
可以理解的是，关于以上参照图3描述的实施例中的页面组件的生成装置，其中各个模块执行操作的具体方式已经在结合图1所描述的页面组件的生成方法的实施例中进行了详细描述，此处将不做详细阐述说明。
本公开还提供另一种页面组件的生成装置。该装置用于执行以上结合图2所描述的页面组件的生成方法实施例中的步骤。
参照图4，图4是示出根据本公开的另一个实施例的页面组件的生成装置的示意性框图。图4所示的页面组件的生成装置200与图3所示的页面组件的生成装置100的区别仅在于，该装置200还包括定义模块201。该定义模块201配置为用于在所述获取至少一个预先定义的类之前根据所述待生成的页面组件定义所述类。
根据本公开的实施例，所述定义模块201配置为采取如下方式根据所述待生成的页面组件定义所述类：定义和初始化所述待生成的页面组件的数据；定义所述待生成的页面组件的方法；将所述页面组件实例化，并将所述类作为所述页面组件实例化的参数。
可以理解的是，关于以上参照图4描述的实施例中的页面组件的生成装置，其中各个模块执行操作的具体方式已经在结合图2所描述的页面组件的生成方法的实施例中进行了详细描述，此处将不做详细阐述说明。
本公开实施例还提供一种页面组件生成装置，其中，所述装置包括存储器和处理器，所述存储器中存储有计算机程序，所述处理器执行所述计算机程序时，实现如下步骤：获取至少一个预先定义的类，所述至少一个预先定义的类各自包括待生成的页面组件的数据和方法；根据所述至少一个预先定义的类，生成所述页面组件。
可以理解的是，所述处理器执行所述计算机程序时实现的步骤与上述方法中的各个步骤的实现方式基本一致，具体方式已经在有关页面组件的生成方法的实施例中进行了详细描述，此处将不做详细阐述说明。
在另一方面中，本公开提供一种计算机可读存储介质，其中，所述存储介质存储有计算机程序，所述计算机程序被执行时，实现如下步骤：获取至少一个预先定义的类，所述至少一个预先定义的类各自包括待生成的页面组件的数据和方法；根据所述至少一个预先定义的类，生成所述页面组件。
可以理解的是，所述处理器执行所述计算机程序时实现的步骤与上述方法中的各个步骤的实现方式基本一致，具体方式已经在有关页面组件的生成方法的实施例中进行了详细描述，此处将不做详细阐述说明。
以上对本公开实施例进行了详细介绍，本文中应用了具体个例对本公开的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本公开的方法及其核心思想；同时，对于本领域的一般技术人员，依据本公开的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本公开的限制。
应当理解，本公开的权利要求、说明书及附图中的术语“第一”和“第二”、等是用于区别不同对象，而不是用于描述特定顺序。本公开的说明书和权利要求书中使用的术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
还应当理解，在此本公开说明书中所使用的术语仅仅是出于描述特定实施例的目的，而并不意在限定本公开。如在本公开说明书和权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。还应当进一步理解，在本公开说明书和权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。
以上对本公开实施例进行了详细介绍，本文中应用了具体个例对本公开的原理及实施方式进行了阐述，以上实施例的说明仅用于帮助理解本公开的方法及其核心思想。同时，本领域技术人员依据本公开的思想，基于本公开的具体实施方式及应用范围上做出的改变或变形之处，都属于本公开保护的范围。综上所述，本说明书内容不应理解为对本公开的限制。

Claims (10)

1.一种页面组件的生成方法，其中，所述方法包括：
获取至少一个预先定义的类，所述至少一个预先定义的类各自包括待生成的页面组件的数据和方法；
根据所述至少一个预先定义的类，生成所述页面组件。
2.根据权利要求1所述的页面组件的生成方法，其中，在所述获取至少一个预先定义的类之前，所述方法还包括：
根据所述待生成的页面组件定义所述类。
3.根据权利要求2所述的页面组件的生成方法，其中，所述根据所述待生成的页面组件定义所述类包括：
定义和初始化所述待生成的页面组件的数据；
定义所述待生成的页面组件的方法；
将所述页面组件实例化，并将所述类作为所述页面组件实例化的参数。
4.根据权利要求1至3中任一项所述的页面组件的生成方法，其中，所述根据所述至少一个预先定义的类，生成所述页面组件包括：
直接限定页面组件的属性；
通过调用所述类来直接使用所述类中的数据和方法，以便通过所述类中的数据和方法来生成所述页面组件。
5.一种页面组件的生成装置，其中，所述装置包括：
获取模块，其配置为用于获取至少一个预先定义的类，所述至少一个预先定义的类各自包括待生成的页面组件的数据和方法；
生成模块，其配置为用于根据所述至少一个预先定义的类，生成所述页面组件。
6.根据权利要求5所述的页面组件的生成装置，其中，所述装置还包括：
定义模块，其配置为用于在所述获取至少一个预先定义的类之前根据所述待生成的页面组件定义所述类。
7.根据权利要求6所述的页面组件的生成装置，其中，所述定义模块用于采取如下方式根据所述待生成的页面组件定义所述类：
定义和初始化所述待生成的页面组件的数据；
定义所述待生成的页面组件的方法；
将所述页面组件实例化，并将所述类作为所述页面组件实例化的参数。
8.根据权利要求5至7中任一项所述的页面组件的生成装置，其中，所述生成模块用于采取如下方式根据所述至少一个预先定义的类，生成所述页面组件：
直接限定页面组件的属性；
通过调用所述类来直接使用所述类中的数据和方法，以便通过所述类中的数据和方法来生成所述页面组件。
9.一种页面组件的生成装置，其中，所述装置包括存储器和处理器，所述存储器中存储有计算机程序，所述处理器执行所述计算机程序时，实现如权利要求1-4中任一项所述的方法。
10.一种计算机可读存储介质，其中，所述存储介质存储有计算机程序，所述计算机程序被执行时，实现如权利要求1-4中任一项所述的方法。
CN202110746764.5A 2021-07-01 2021-07-01 页面组件的生成方法及装置 Pending CN113467876A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202110746764.5A CN113467876A (zh) 2021-07-01 2021-07-01 页面组件的生成方法及装置
PCT/CN2022/080386 WO2023273407A1 (zh) 2021-07-01 2022-03-11 页面组件的生成方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110746764.5A CN113467876A (zh) 2021-07-01 2021-07-01 页面组件的生成方法及装置

Publications (1)

Publication Number Publication Date
CN113467876A true CN113467876A (zh) 2021-10-01

Family

ID=77877226

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110746764.5A Pending CN113467876A (zh) 2021-07-01 2021-07-01 页面组件的生成方法及装置

Country Status (2)

Country Link
CN (1) CN113467876A (zh)
WO (1) WO2023273407A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023273407A1 (zh) * 2021-07-01 2023-01-05 稿定（厦门）科技有限公司 页面组件的生成方法及装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110737850A (zh) * 2019-09-10 2020-01-31 苏宁云计算有限公司 一种图表生成方法及装置
CN111459565A (zh) * 2020-02-27 2020-07-28 上海钧正网络科技有限公司 一种客户端页面渲染的方法、装置及移动终端
CN112286529A (zh) * 2020-11-19 2021-01-29 北京有竹居网络技术有限公司 前端页面的开发方法、装置、设备及存储介质
CN112363794A (zh) * 2020-11-30 2021-02-12 华云数据控股集团有限公司 一种前端列表类组件的渲染方法及电子设备

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6633888B1 (en) * 1999-02-03 2003-10-14 International Business Machines Corporation Method and apparatus for visually creating and testing object oriented components
CN112130826B (zh) * 2020-10-12 2024-06-07 中国农业银行股份有限公司 组件的生成方法、装置、云平台及计算机存储介质
CN113467876A (zh) * 2021-07-01 2021-10-01 稿定（厦门）科技有限公司 页面组件的生成方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110737850A (zh) * 2019-09-10 2020-01-31 苏宁云计算有限公司 一种图表生成方法及装置
CN111459565A (zh) * 2020-02-27 2020-07-28 上海钧正网络科技有限公司 一种客户端页面渲染的方法、装置及移动终端
CN112286529A (zh) * 2020-11-19 2021-01-29 北京有竹居网络技术有限公司 前端页面的开发方法、装置、设备及存储介质
CN112363794A (zh) * 2020-11-30 2021-02-12 华云数据控股集团有限公司 一种前端列表类组件的渲染方法及电子设备

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2023273407A1 (zh) * 2021-07-01 2023-01-05 稿定（厦门）科技有限公司 页面组件的生成方法及装置

Also Published As

Publication number Publication date
WO2023273407A1 (zh) 2023-01-05

Similar Documents

Publication Publication Date Title
CN110187913B (zh) 小程序的发布、运行方法和装置
CN106484396B (zh) 夜间模式切换方法、装置和终端设备
JP5713459B2 (ja) グラフィックオブジェクトの表示
CN105511873B (zh) 用户界面控件展示方法及装置
US20080092057A1 (en) Framework for creation of user interfaces for electronic devices
US20050091584A1 (en) Methods for applying styles to visual aspects of user interface elements
EP0760126A1 (en) Pattern and color abstraction in a graphical user interface
CN109445891B (zh) 画面组态及展示方法、装置、计算机可读存储介质
CN111736884A (zh) 组件化方法和***
CN113467876A (zh) 页面组件的生成方法及装置
CN108958873B (zh) 状态栏沉浸式效果的配置方法、装置、介质和计算机设备
CN114153442A (zh) 基于可视化组件的大屏可视化页面配置方法和***
WO2024066825A1 (zh) 页面项目开发方法、装置、设备、介质及产品
KR20030027790A (ko) 범용 소프트웨어 개발 지원 시스템
US8037015B2 (en) Flexible interface using scalable vector graphics with metalevel palette
CN110968991A (zh) 一种文字的编辑方法及相关装置
CN114089999A (zh) 一种前端页面生成方法及***
CN114489619A (zh) 一种界面视图显示方法及终端设备、计算机可读存储介质
CN113821295A (zh) 基于组件库的移动金融应用开发方法及装置
CN113254830A (zh) 网页配置方法、装置、电子设备与存储介质
Fleischmann Model based hmi specification in an automotive context
KR100375529B1 (ko) 윈도우 어플리케이션용 스킨 시스템
Kavaldjian et al. Semi-automatic user interface generation considering pointing granularity
Pavlidis Fundamentals of X programming: graphical user interfaces and beyond
CN115202627A (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
RJ01 Rejection of invention patent application after publication

Application publication date: 20211001

RJ01 Rejection of invention patent application after publication