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

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

Info

Publication number
WO2023273407A1
WO2023273407A1 PCT/CN2022/080386 CN2022080386W WO2023273407A1 WO 2023273407 A1 WO2023273407 A1 WO 2023273407A1 CN 2022080386 W CN2022080386 W CN 2022080386W WO 2023273407 A1 WO2023273407 A1 WO 2023273407A1
Authority
WO
WIPO (PCT)
Prior art keywords
class
page component
page
generating
data
Prior art date
Application number
PCT/CN2022/080386
Other languages
English (en)
French (fr)
Inventor
袁炜海
唐斌
Original Assignee
稿定（厦门）科技有限公司
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 稿定（厦门）科技有限公司 filed Critical 稿定（厦门）科技有限公司
Publication of WO2023273407A1 publication Critical patent/WO2023273407A1/zh

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

Definitions

  • the present disclosure relates generally to the field of computer technology. More specifically, the present disclosure relates to methods and devices for generating page components.
  • configuration items can generally only achieve differentiated customization of theme styles, and are usually only suitable for some style customization and process control when the main structure of the page component remains unchanged.
  • Slots can easily replace part or all of the content of the page component.
  • the method corresponding to the replaced content is encapsulated inside the page component, the replaced content cannot call the method of the page component, so it cannot be implemented. corresponding function.
  • the solution of the present disclosure provides a method and device for generating a page component.
  • the present disclosure provides a method for generating a page component, wherein the method includes: obtaining at least one predefined class, each of which includes the to-be-generated page component Data and methods; generating the page component according to the at least one predefined class.
  • said method further includes: defining said class according to said to-be-generated page component.
  • the defining the class according to the page component to be generated includes: defining and initializing the data of the page component to be generated; defining the method of the page component to be generated; instantiating the page component and use the class as a parameter for instantiating the page component.
  • generating the page component according to the at least one pre-defined class includes: directly defining the properties of the page component; directly using the data and methods in the class by calling the class, so as to pass the The data and methods in the above classes are used to generate the page components.
  • generating the page component according to the at least one predefined class includes: setting configuration items and slots according to user requirements; directly using the data and methods in the class by calling the class, In order to generate the page component through the data and methods in the class.
  • the page component includes multiple page subcomponents, each page subcomponent corresponds to a predefined class.
  • the acquiring at least one predefined class, each of which includes the data and method of the page component to be generated includes: acquiring a plurality of predefined classes, wherein each class includes generating a corresponding Data and methods required by page subcomponents.
  • the present disclosure provides an apparatus for generating a page component, wherein the apparatus includes: an acquisition module configured to acquire at least one predefined class, the at least one predefined class Each includes data and methods of a page component to be generated; a generating module configured to generate the page component according to the at least one predefined class.
  • the device further includes: a definition module configured to define the class according to the to-be-generated page component before the acquiring at least one predefined class.
  • a definition module configured to define the class according to the to-be-generated page component before the acquiring at least one predefined class.
  • the definition module is used to define the class according to the page component to be generated in the following manner: define and initialize the data of the page component to be generated; define the method of the page component to be generated; The page component is instantiated, and the class is used as a parameter of the page component instantiation.
  • the generating module is configured to generate the page component according to the at least one pre-defined class in the following manner: directly define the attributes of the page component; directly use the data in the class by calling the class and methods in order to generate the page component through the data and methods in the class.
  • the generating module is configured to generate the page component according to the at least one pre-defined class in the following manner: setting configuration items and slots according to user requirements; directly using the class by calling the class in order to generate the page component through the data and methods in the class.
  • the page component includes multiple page subcomponents, each page subcomponent corresponds to a predefined class.
  • the obtaining module is configured to obtain multiple predefined classes, where each class includes data and methods required to generate corresponding page subcomponents.
  • the present disclosure provides an apparatus for generating a page component, wherein the apparatus includes a memory and a processor, a computer program is stored in the memory, and when the processor executes the computer program, A method implementing the first aspect of the present disclosure described above.
  • the present disclosure provides a computer-readable storage medium, wherein the storage medium stores a computer program, and when the computer program is executed, implements the above-mentioned method of the first aspect of the present disclosure.
  • the data and methods of the page component can be encapsulated in concrete classes that have nothing to do with the user interface, thereby satisfying any view presentation under the same interaction logic. You can quickly customize a personalized page component by only rendering the properties of the specific class on the user interface and calling the method of the specific class.
  • FIG. 1 is a flowchart illustrating a method for generating a page component according to an embodiment of the present disclosure
  • FIG. 2 is a flowchart illustrating a method for generating a page component according to another embodiment of the present disclosure
  • Fig. 3 is a schematic block diagram illustrating a generating device of a page component according to an embodiment of the present disclosure
  • Fig. 4 is a schematic block diagram illustrating an apparatus for generating a page component according to another embodiment of the present disclosure.
  • the page component may include any component suitable for page design, for example including but not limited to carousel, novice guide, pop-up window component and so on.
  • the page includes, but is not limited to, a user interface that can realize human-computer interaction, such as a web page, an application page, or an operating system section.
  • Configuration items refer to property items provided for page components to have different visual presentations, such as color, size, and so on.
  • a slot is a function provided to partially or even completely replace a component's rendered content.
  • the method of the page component refers to the logical method corresponding to the function performed by the page component, such as guidance, switching, and so on.
  • the data of the page component refers to data required by the page component, such as time data, quantity data, user data, and the like.
  • a known existing method for generating page components is to encapsulate the data and methods required to form the page components inside the page components.
  • the disadvantage of this encapsulation method is that as long as the final user interface is slightly different, more configuration items and/or more slots need to be opened.
  • FIG. 1 is a flowchart illustrating a method for generating a page component according to an embodiment of the present disclosure.
  • the method includes the following steps S101-S102.
  • Step S101 Obtain at least one predefined class, each of which includes data and methods of a page component to be generated.
  • Step S102 Generate the page component according to the at least one predefined class.
  • the data and methods of the page component can be encapsulated in a specific class that has nothing to do with the user interface, so that any view presentation under the same interaction logic can be satisfied. You only need to render the properties (data) of the specific class on the user interface and call the method of the specific class to quickly customize a personalized page component.
  • step S101 at least one predefined class is obtained, and each of the at least one predefined class includes data and methods of a page component to be generated.
  • a pre-defined class in order to generate a page component, a pre-defined class should first be obtained, and the pre-defined class may include data and methods required for generating the page component.
  • a page component may include multiple page elements or page subcomponents, and each page element or page subcomponent corresponds to a predefined class. Therefore, said obtaining at least one pre-defined class, each of which includes the data and methods of the page components to be generated may include: obtaining a plurality of pre-defined classes, wherein each class may include generating a corresponding Data and methods required by page elements or page subcomponents.
  • the page component may be generated according to the at least one predefined class.
  • the pre-defined class can be used to generate the page component.
  • the generating the page component according to the at least one predefined class may include: directly defining the properties of the page component; directly using the data in the class by calling the class and methods in order to generate the page component through the data and methods in the class.
  • various attributes of the page component such as color, size, etc.
  • the page component is rendered by calling the data and methods in the corresponding class Data and implement the functions of page components. Therefore, the view presentation of the page component can be changed arbitrarily without affecting the data and functions of the page component, so that the page component can realize personalized customization in view presentation.
  • generating the page component according to the at least one predefined class includes: setting configuration items and slots according to user requirements; directly using the data in the class by calling the class and methods in order to generate the page component through the data and methods in the class.
  • the properties of the page components may not be directly defined, but configuration items and slots may be set according to user requirements, so as to select or replace required property items, and then call the data and methods in the corresponding class to Render the data of the page component and implement the function of the page component, so that the page component can be customized more flexibly.
  • each of the at least one predefined class may only include methods of the page component to be generated, and data about the page component to be generated may be encapsulated inside the page component.
  • FIG. 2 is a flowchart illustrating a method for generating a page component according to another embodiment of the present disclosure. As shown in FIG. 2 , the method may further include the following step S201 before step S101 described above in conjunction with FIG. 1 .
  • the class is defined according to the page component to be generated.
  • the predefined class before generating the page component, the predefined class should be obtained first, however, the predefined class can be a class specially defined for generating the page component, that is, the class defined belongs to the generated page A step for a component.
  • the pre-defined class can also be an existing class used to generate other same or similar page components, that is, the reuse of classes with the same data and methods.
  • the defining the class according to the page component to be generated includes: defining and initializing the data of the page component to be generated; defining the method of the page component to be generated; instantiating the page component , and use the class as a parameter for instantiating the page component.
  • a known method for defining a class is applied.
  • the data and methods required to generate a page component are respectively defined, and the data and methods are encapsulated in the class.
  • the page component can be instantiated and the class can be used as a parameter of the instantiation of the page component for calling when the page component is generated.
  • the disclosure also provides a device for generating a page component.
  • the device is used to execute the steps in the embodiment of the method for generating a page component described above in conjunction with FIG. 1 .
  • FIG. 3 is a schematic block diagram illustrating an apparatus 100 for generating a page component according to an embodiment of the present disclosure.
  • the device 100 includes an acquisition module 101 and a generation module 102 .
  • the acquiring module 101 is configured to acquire at least one predefined class, each of which includes data and methods of the page component to be generated.
  • the generating module 102 is configured to generate the page component according to the at least one predefined class.
  • the generating module 102 is configured to generate the page component according to the at least one predefined class in the following manner: directly define the attributes of the page component; directly use the The data and methods in the class, so as to generate the page component through the data and methods in the class.
  • the generation module 102 is configured to generate the page component according to the at least one predefined class in the following manner: set configuration items and slots according to user requirements; The data and methods in the class are used to generate the page component through the data and methods in the class.
  • the page component includes a plurality of page subcomponents, and each page subcomponent corresponds to a predefined class.
  • the obtaining module 101 is configured to obtain a plurality of predefined classes, wherein each class includes data and methods required to generate corresponding page subcomponents.
  • the present disclosure also provides another device for generating page components.
  • the device is used to execute the steps in the embodiment of the method for generating a page component described above in conjunction with FIG. 2 .
  • FIG. 4 is a schematic block diagram illustrating an apparatus for generating a page component according to another embodiment of the present disclosure.
  • the only difference between the page component generating apparatus 200 shown in FIG. 4 and the page component generating apparatus 100 shown in FIG. 3 is that the apparatus 200 further includes a definition module 201 .
  • the definition module 201 is configured to define the class according to the to-be-generated page component before the acquisition of at least one pre-defined class.
  • the definition module 201 is configured to define the class according to the to-be-generated page component in the following manner: define and initialize the data of the to-be-generated page component; define the to-be-generated page A component method; instantiate the page component, and use the class as a parameter for instantiating the page component.
  • An embodiment of the present disclosure also provides a page component generation device, wherein the device includes a memory and a processor, and a computer program is stored in the memory, and when the processor executes the computer program, the following steps are implemented: obtaining at least A pre-defined class, the at least one pre-defined class each includes the data and methods of the page component to be generated; the page component is generated according to the at least one pre-defined class.
  • the present disclosure provides a computer-readable storage medium, wherein the storage medium stores a computer program, and when the computer program is executed, the following steps are implemented: acquiring at least one predefined class, the Each of at least one predefined class includes data and methods of a page component to be generated; and the page component is generated according to the at least one predefined class.

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

页面组件的生成方法及装置
本申请要求2021年7月1日提交至中国知识产权局的，申请号为202110746764.5，名称为“页面组件的生成方法及装置”的中国发明专利申请的优先权，其全部公开内容结合于此作为参考。
技术领域
本公开一般地涉及计算机技术领域。更具体地，本公开涉及页面组件的生成方法及装置。
背景技术
随着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用于采取如下方式根据所述至少一个预先定义的类，生成所述页面组件：直接限定页面组件的属性；通过调用所述类来直接使用所述类中的数据和方法，以便通过所述类中的数据和方法来生成所述页面组件。
根据本公开的实施例，所述生成模块102用于采取如下方式根据所述至少一个预先定义的类，生成所述页面组件：根据用户需求设置配置项和插槽；通过调用所述类来直接使用所述类中的数据和方法，以便通过所述类中的数据和方法来生成所述页面组件。
根据本公开的实施例，所述页面组件包括多个页面子组件，每个页面子组件对应于一个预先定义的类。
根据本公开的实施例，所述获取模块101配置为用于获取多个预先定义的类，其中每个类包括生成相应页面子组件所需的数据和方法。
可以理解的是，关于以上参照图3描述的实施例中的页面组件的生成装置，其中各个模块执行操作的具体方式已经在结合图1所描述的页面组件的生成方法的实施例中进行了详细描述，此处将不做详细阐述说明。
本公开还提供另一种页面组件的生成装置。该装置用于执行以上结合图2所描述的页面组件的生成方法实施例中的步骤。
参照图4，图4是示出根据本公开的另一个实施例的页面组件的生成装置的示意性框图。图4所示的页面组件的生成装置200与图3所示的页面组件的生成装置100的区别仅在于，该装置200还包括定义模块201。该定义模块201配置为用于在所述获取至少一个预先定义的类之前根据所述待生成的页面组件定义所述类。
根据本公开的实施例，所述定义模块201配置为采取如下方式根据所述待生成的页面组件定义所述类：定义和初始化所述待生成的页面组件的数据；定义所述待生成的页面组件的方法；将所述页面组件实例化，并将所述类作为所述页面组件实例化的参数。
可以理解的是，关于以上参照图4描述的实施例中的页面组件的生成装置，其中各个模块执行操作的具体方式已经在结合图2所描述的页面组件的生成方法的实施例中进行了详细描述，此处将不做详细阐述说明。
本公开实施例还提供一种页面组件生成装置，其中，所述装置包括存储器和处理器，所述存储器中存储有计算机程序，所述处理器执行所述计 算机程序时，实现如下步骤：获取至少一个预先定义的类，所述至少一个预先定义的类各自包括待生成的页面组件的数据和方法；根据所述至少一个预先定义的类，生成所述页面组件。
可以理解的是，所述处理器执行所述计算机程序时实现的步骤与上述方法中的各个步骤的实现方式基本一致，具体方式已经在有关页面组件的生成方法的实施例中进行了详细描述，此处将不做详细阐述说明。
在另一方面中，本公开提供一种计算机可读存储介质，其中，所述存储介质存储有计算机程序，所述计算机程序被执行时，实现如下步骤：获取至少一个预先定义的类，所述至少一个预先定义的类各自包括待生成的页面组件的数据和方法；根据所述至少一个预先定义的类，生成所述页面组件。
可以理解的是，所述处理器执行所述计算机程序时实现的步骤与上述方法中的各个步骤的实现方式基本一致，具体方式已经在有关页面组件的生成方法的实施例中进行了详细描述，此处将不做详细阐述说明。
以上对本公开实施例进行了详细介绍，本文中应用了具体个例对本公开的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本公开的方法及其核心思想；同时，对于本领域的一般技术人员，依据本公开的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本公开的限制。
应当理解，本公开的权利要求、说明书及附图中的术语“第一”和“第二”、等是用于区别不同对象，而不是用于描述特定顺序。本公开的说明书和权利要求书中使用的术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
还应当理解，在此本公开说明书中所使用的术语仅仅是出于描述特定实施例的目的，而并不意在限定本公开。如在本公开说明书和权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、 “一个”及“该”意在包括复数形式。还应当进一步理解，在本公开说明书和权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。
以上对本公开实施例进行了详细介绍，本文中应用了具体个例对本公开的原理及实施方式进行了阐述，以上实施例的说明仅用于帮助理解本公开的方法及其核心思想。同时，本领域技术人员依据本公开的思想，基于本公开的具体实施方式及应用范围上做出的改变或变形之处，都属于本公开保护的范围。综上所述，本说明书内容不应理解为对本公开的限制。

Claims (16)

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

Applications Claiming Priority (2)

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

Publications (1)

Publication Number Publication Date
WO2023273407A1 true WO2023273407A1 (zh) 2023-01-05

Family

ID=77877226

Family Applications (1)

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

Country Status (2)

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

Families Citing this family (1)

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

Citations (5)

* 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
CN112130826A (zh) * 2020-10-12 2020-12-25 中国农业银行股份有限公司 组件的生成方法、装置、云平台及计算机存储介质
CN112286529A (zh) * 2020-11-19 2021-01-29 北京有竹居网络技术有限公司 前端页面的开发方法、装置、设备及存储介质
CN112363794A (zh) * 2020-11-30 2021-02-12 华云数据控股集团有限公司 一种前端列表类组件的渲染方法及电子设备
CN113467876A (zh) * 2021-07-01 2021-10-01 稿定（厦门）科技有限公司 页面组件的生成方法及装置

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110737850A (zh) * 2019-09-10 2020-01-31 苏宁云计算有限公司 一种图表生成方法及装置
CN111459565B (zh) * 2020-02-27 2023-08-18 上海钧正网络科技有限公司 一种客户端页面渲染的方法、装置及移动终端

Patent Citations (5)

* 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
CN112130826A (zh) * 2020-10-12 2020-12-25 中国农业银行股份有限公司 组件的生成方法、装置、云平台及计算机存储介质
CN112286529A (zh) * 2020-11-19 2021-01-29 北京有竹居网络技术有限公司 前端页面的开发方法、装置、设备及存储介质
CN112363794A (zh) * 2020-11-30 2021-02-12 华云数据控股集团有限公司 一种前端列表类组件的渲染方法及电子设备
CN113467876A (zh) * 2021-07-01 2021-10-01 稿定（厦门）科技有限公司 页面组件的生成方法及装置

Also Published As

Publication number Publication date
CN113467876A (zh) 2021-10-01

Similar Documents

Publication Publication Date Title
JP5713459B2 (ja) グラフィックオブジェクトの表示
US5959624A (en) System and method for customizing appearance and behavior of graphical user interfaces
US7661071B2 (en) Creation of three-dimensional user interface
KR101238485B1 (ko) 간단한 스타일링
US20050091584A1 (en) Methods for applying styles to visual aspects of user interface elements
Smith et al. Android recipes: a problem-solution approach
US20030052921A1 (en) Pattern and color abstraction in a graphical user interface
US11488340B2 (en) Configurable stylized transitions between user interface element states
US20190080017A1 (en) Method, system, and device that invokes a web engine
WO2023273407A1 (zh) 页面组件的生成方法及装置
Bharat et al. Building distributed, multi-user applications by direct manipulation
CN107818588A (zh) Android系统基于JNI多线程调用Qt绘图的装置和方法
US7024633B1 (en) Methods and apparatus for creating and transforming graphical constructs
US20200233998A1 (en) Pre-children in a user interface tree
US8037015B2 (en) Flexible interface using scalable vector graphics with metalevel palette
Kavaldjian et al. Semi-automatic user interface generation considering pointing granularity
CN115202627A (zh) 软件拆分管理方法、系统、终端设备及存储介质
Rasure et al. Introduction to the User’s Manual
Berlage OSF/Motif as a user interface standard
Oliver et al. The Software Architecture of the GIMP
Hudson et al. SubArctic UI Toolkit user’s manual st. Paul release (beta version 0.8 e)
CN115469865A (zh) 车机界面的设计方法、装置、车辆及存储介质
De Donatis Core Classes and Component Design
Ghoda et al. Styling and Templating
Symmonds et al. Working with Images

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22831238

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE