Movatterモバイル変換


[0]ホーム

URL:


CN118132056A - Page development method, device, equipment and storage medium - Google Patents

Page development method, device, equipment and storage medium
Download PDF

Info

Publication number
CN118132056A
CN118132056ACN202410090361.3ACN202410090361ACN118132056ACN 118132056 ACN118132056 ACN 118132056ACN 202410090361 ACN202410090361 ACN 202410090361ACN 118132056 ACN118132056 ACN 118132056A
Authority
CN
China
Prior art keywords
page
component
function
development
function page
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
CN202410090361.3A
Other languages
Chinese (zh)
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.)
Beijing Zitiao Network Technology Co Ltd
Original Assignee
Beijing Zitiao Network 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 Beijing Zitiao Network Technology Co LtdfiledCriticalBeijing Zitiao Network Technology Co Ltd
Priority to CN202410090361.3ApriorityCriticalpatent/CN118132056A/en
Publication of CN118132056ApublicationCriticalpatent/CN118132056A/en
Pendinglegal-statusCriticalCurrent

Links

Classifications

Landscapes

Abstract

The embodiment of the disclosure provides a page development method, device, equipment and storage medium. Responding to the selection operation of the page development template, and displaying a development interface of the page development template; responding to the triggering operation of the function page, and displaying an editing interface of the function page; the editing interface comprises a function page preview area and a component attribute configuration area, wherein the function page preview area is used for displaying components contained in the function page, and the component attribute configuration area is used for displaying attribute information of the components; responding to page adjustment operation triggered in the function page preview area and/or the component attribute configuration area, and re-rendering the adjusted function page to the function page preview area for display; and responding to the triggered confirmation operation, and generating a target function page. According to the page development method provided by the embodiment of the disclosure, the page is developed in a configuration mode, so that the development efficiency of the page is improved, and the labor cost of page development is reduced.

Description

Translated fromChinese
页面开发方法、装置、设备及存储介质Page development method, device, equipment and storage medium

技术领域Technical Field

本公开实施例涉及计算机技术领域,尤其涉及一种页面开发方法、装置、设备及存储介质。The embodiments of the present disclosure relate to the field of computer technology, and in particular to a page development method, apparatus, device, and storage medium.

背景技术Background technique

随着计算机技术和互联网技术的不断发展与进步,各类应用程序为生活和生产带来了极大的便利。页面作为用户与应用程序进行交互的媒介,页面开发是应用程序开发的重要组成部分。With the continuous development and progress of computer technology and Internet technology, various applications have brought great convenience to life and production. As a medium for users to interact with applications, page development is an important part of application development.

对于一些功能相似的应用程序,会包含一些功能相似的页面。现有技术中,每次都需要重新新建前端工程来开发页面,导致大量的重复开发工作,不仅效率低,且浪费人力成本。For some applications with similar functions, some pages with similar functions will be included. In the prior art, a new front-end project needs to be newly created every time to develop a page, resulting in a large amount of repeated development work, which is not only inefficient but also wastes manpower costs.

发明内容Summary of the invention

本公开实施例提供一种页面开发方法、装置、设备及存储介质,通过配置化的方式开发页面,提高页面的开发效率,降低页面开发的人力成本。The embodiments of the present disclosure provide a page development method, apparatus, device and storage medium, which develop pages in a configurable manner, improve page development efficiency and reduce the labor cost of page development.

第一方面,本公开实施例提供了一种页面开发方法,包括:In a first aspect, an embodiment of the present disclosure provides a page development method, including:

响应于对页面开发模板的选择操作,显示所述页面开发模板的开发界面;其中,所述开发界面中包括功能页列表;In response to a selection operation on a page development template, a development interface of the page development template is displayed; wherein the development interface includes a function page list;

响应于对所述功能页的触发操作,显示所述功能页的编辑界面;其中,所述编辑界面中包括功能页预览区及组件属性配置区,所述功能页预览区用于显示所述功能页包含的组件,所述组件属性配置区用于显示所述组件的属性信息;In response to a triggering operation on the function page, an editing interface of the function page is displayed; wherein the editing interface includes a function page preview area and a component property configuration area, the function page preview area is used to display the components included in the function page, and the component property configuration area is used to display the property information of the components;

响应于在所述功能页预览区和/或组件属性配置区中触发的页面调整操作,将调整后的功能页重新渲染至所述功能页预览区进行显示;In response to a page adjustment operation triggered in the function page preview area and/or the component property configuration area, re-rendering the adjusted function page to the function page preview area for display;

响应于触发的确认操作,生成目标功能页。In response to the triggered confirmation operation, a target function page is generated.

第二方面,本公开实施例还提供了一种页面开发装置,包括:In a second aspect, the present disclosure also provides a page development device, including:

开发界面显示模块,用于响应于对页面开发模板的选择操作,显示所述页面开发模板的开发界面;其中,所述开发界面中包括功能页列表;A development interface display module, used for displaying the development interface of the page development template in response to a selection operation on the page development template; wherein the development interface includes a function page list;

编辑界面显示模块,用于响应于对所述功能页的触发操作,显示所述功能页的编辑界面;其中,所述编辑界面中包括功能页预览区及组件属性配置区,所述功能页预览区用于显示所述功能页包含的组件,所述组件属性配置区用于显示所述组件的属性信息;An editing interface display module, used to display the editing interface of the function page in response to a triggering operation on the function page; wherein the editing interface includes a function page preview area and a component property configuration area, the function page preview area is used to display the components included in the function page, and the component property configuration area is used to display the property information of the components;

页面调整模块,用于响应于在所述功能页预览区和/或组件属性配置区中触发的页面调整操作,将调整后的功能页重新渲染至所述功能页预览区进行显示;a page adjustment module, configured to, in response to a page adjustment operation triggered in the function page preview area and/or the component property configuration area, re-render the adjusted function page to the function page preview area for display;

功能页生成模块,用于响应于触发的确认操作,生成目标功能页。The function page generation module is used to generate a target function page in response to a triggered confirmation operation.

第三方面,本公开实施例还提供了一种电子设备,所述电子设备包括:In a third aspect, an embodiment of the present disclosure further provides an electronic device, the electronic device comprising:

一个或多个处理器;one or more processors;

存储装置,用于存储一个或多个程序,a storage device for storing one or more programs,

当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如本公开实施例所述的页面开发方法。When the one or more programs are executed by the one or more processors, the one or more processors implement the page development method as described in the embodiment of the present disclosure.

第四方面,本公开实施例还提供了一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行如本公开实施例所述的页面开发方法。In a fourth aspect, an embodiment of the present disclosure further provides a storage medium comprising computer executable instructions, which, when executed by a computer processor, are used to execute the page development method as described in the embodiment of the present disclosure.

本公开实施例公开了一种页面开发方法、装置、设备及存储介质,响应于对页面开发模板的选择操作,显示页面开发模板的开发界面;其中,开发界面中包括功能页列表;响应于对功能页的触发操作,显示功能页的编辑界面;其中,编辑界面中包括功能页预览区及组件属性配置区,功能页预览区用于显示功能页包含的组件,组件属性配置区用于显示组件的属性信息;响应于在功能页预览区和/或组件属性配置区中触发的页面调整操作,将调整后的功能页重新渲染至功能页预览区进行显示;响应于触发的确认操作,生成功能页。本公开实施例提供的页面开发方法,通过配置化的方式开发页面,提高页面的开发效率,降低页面开发的人力成本。The disclosed embodiment discloses a page development method, apparatus, device and storage medium, which, in response to a selection operation on a page development template, displays a development interface of a page development template; wherein the development interface includes a function page list; in response to a trigger operation on a function page, displays an editing interface of the function page; wherein the editing interface includes a function page preview area and a component attribute configuration area, the function page preview area is used to display components included in the function page, and the component attribute configuration area is used to display attribute information of the components; in response to a page adjustment operation triggered in the function page preview area and/or the component attribute configuration area, the adjusted function page is re-rendered to the function page preview area for display; in response to a triggered confirmation operation, a function page is generated. The page development method provided by the disclosed embodiment develops pages in a configurable manner, improves page development efficiency, and reduces the labor cost of page development.

附图说明BRIEF DESCRIPTION OF THE DRAWINGS

结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,原件和元素不一定按照比例绘制。The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the accompanying drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and the originals and elements are not necessarily drawn to scale.

图1是本公开实施例所提供的一种页面开发方法的流程示意图;FIG1 is a flow chart of a page development method provided by an embodiment of the present disclosure;

图2a是本公开实施例所提供的一种显示页面开发模板的开发界面的示例图;FIG2a is an example diagram of a development interface showing a page development template provided by an embodiment of the present disclosure;

图2b是本公开实施例所提供的一种显示功能页的编辑界面的示例图;FIG2b is an example diagram of an editing interface showing a function page provided by an embodiment of the present disclosure;

图3是本公开实施例所提供的一种页面阿凯发装置结构示意图;FIG3 is a schematic diagram of the structure of a page ackage device provided in an embodiment of the present disclosure;

图4是本公开实施例所提供的一种电子设备的结构示意图。FIG. 4 is a schematic diagram of the structure of an electronic device provided by an embodiment of the present disclosure.

具体实施方式Detailed ways

下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例,相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein, which are instead provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。It should be understood that the various steps described in the method embodiments of the present disclosure may be performed in different orders and/or in parallel. In addition, the method embodiments may include additional steps and/or omit the steps shown. The scope of the present disclosure is not limited in this respect.

本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。The term "including" and its variations used herein are open inclusions, i.e., "including but not limited to". The term "based on" means "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". The relevant definitions of other terms will be given in the following description.

需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。It should be noted that the concepts such as "first" and "second" mentioned in the present disclosure are only used to distinguish different devices, modules or units, and are not used to limit the order or interdependence of the functions performed by these devices, modules or units.

需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。It should be noted that the modifications of "one" and "plurality" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, it should be understood as "one or more".

本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

可以理解的是,在使用本公开各实施例公开的技术方案之前,均应当依据相关法律法规通过恰当的方式对本公开所涉及个人信息的类型、使用范围、使用场景等告知用户并获得用户的授权。It is understandable that before using the technical solutions disclosed in the embodiments of the present disclosure, the types, scope of use, usage scenarios, etc. of the personal information involved in the present disclosure should be informed to the user and the user's authorization should be obtained in an appropriate manner in accordance with relevant laws and regulations.

例如,在响应于接收到用户的主动请求时,向用户发送提示信息,以明确地提示用户,其请求执行的操作将需要获取和使用到用户的个人信息。从而,使得用户可以根据提示信息来自主地选择是否向执行本公开技术方案的操作的电子设备、应用程序、服务器或存储介质等软件或硬件提供个人信息。For example, in response to receiving an active request from a user, a prompt message is sent to the user to clearly prompt the user that the operation requested to be performed will require obtaining and using the user's personal information. Thus, the user can autonomously choose whether to provide personal information to software or hardware such as an electronic device, application, server, or storage medium that performs the operation of the technical solution of the present disclosure according to the prompt message.

作为一种可选的但非限定性的实现方式,响应于接收到用户的主动请求,向用户发送提示信息的方式例如可以是弹窗的方式,弹窗中可以以文字的方式呈现提示信息。此外,弹窗中还可以承载供用户选择“同意”或者“不同意”向电子设备提供个人信息的选择控件。As an optional but non-limiting implementation, in response to receiving an active request from the user, the prompt information may be sent to the user in the form of a pop-up window, in which the prompt information may be presented in text form. In addition, the pop-up window may also carry a selection control for the user to choose "agree" or "disagree" to provide personal information to the electronic device.

可以理解的是,上述通知和获取用户授权过程仅是示意性的,不对本公开的实现方式构成限定,其它满足相关法律法规的方式也可应用于本公开的实现方式中。It is understandable that the above notification and the process of obtaining user authorization are merely illustrative and do not constitute a limitation on the implementation of the present disclosure. Other methods that meet the relevant laws and regulations may also be applied to the implementation of the present disclosure.

可以理解的是,本技术方案所涉及的数据(包括但不限于数据本身、数据的获取或使用)应当遵循相应法律法规及相关规定的要求。It is understandable that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) shall comply with the requirements of relevant laws, regulations and relevant provisions.

图1为本公开实施例所提供的一种页面开发方法的流程示意图,本公开实施例适用于开发页面的情形,该方法可以由页面开发装置来执行,该装置可以通过软件和/或硬件的形式实现,可选的,通过电子设备来实现,该电子设备可以是移动终端、PC端或服务器等。Figure 1 is a flow chart of a page development method provided by an embodiment of the present disclosure. The embodiment of the present disclosure is applicable to the situation of developing pages. The method can be executed by a page development device, which can be implemented in the form of software and/or hardware. Optionally, it can be implemented by an electronic device, which can be a mobile terminal, a PC or a server, etc.

如图1所示,所述方法包括:As shown in FIG1 , the method comprises:

S110,响应于对页面开发模板的选择操作,显示页面开发模板的开发界面。S110, in response to a selection operation on a page development template, displaying a development interface of the page development template.

其中,开发界面中包括功能页列表。页面开发模板可以是预先创建好的用于开发页面的模板,在该模版中包含至少一个功能页,且各功能页按照预先设置顺序显示,每个功能页中包含一个或多个可调整或可编辑的组件,且每个组件包含可调整的属性信息。本实施例中,每个页面开发模板包含的功能页数量、功能页的顺序、各功能页包含的组件数量及类型、各组件的属性信息均是预先设置的,此处不做限定。Among them, the development interface includes a list of function pages. The page development template can be a pre-created template for developing pages, which contains at least one function page, and each function page is displayed in a preset order. Each function page contains one or more adjustable or editable components, and each component contains adjustable attribute information. In this embodiment, the number of function pages contained in each page development template, the order of the function pages, the number and type of components contained in each function page, and the attribute information of each component are all pre-set and are not limited here.

其中,各功能页中的组件包括如下至少一项:背景组件、标识(logo)组件、进度条组件、间距组件、示例组件、按钮组件、物品配置组件、配置图标组件等。组件的属性信息可以包括如下至少一项:颜色、位置、尺寸、姿态等。The components in each function page include at least one of the following: background component, logo component, progress bar component, spacing component, example component, button component, item configuration component, configuration icon component, etc. The attribute information of the component may include at least one of the following: color, position, size, posture, etc.

本实施例中,创建页面开发模板的过程可以是:第一步:首先设置功能页的通用接口信息。其中,通用接口信息包括页面名称、页面唯一标识及页面包含的组件列表。第二步:配置各组件包含的属性信息。第四步:基于组件的属性信息编辑该组件对应的属性调整脚本及组件渲染脚本。其中,属性调整脚本用于展示属性信息的可调整项,组件渲染脚本用于渲染组件。第五步:建立属性调整脚本和组件渲染脚本间的双向或单向通信。方式可以是:控制属性调整脚本和组件渲染脚本监听同一份数据,当该数据发生变更时,基于属性调整脚本展示的属性信息相应调整,基于组件渲染脚本渲染出的组件相应调整。In this embodiment, the process of creating a page development template can be: Step 1: First set the general interface information of the function page. Among them, the general interface information includes the page name, the page unique identifier and the list of components contained in the page. Step 2: Configure the attribute information contained in each component. Step 4: Edit the attribute adjustment script and component rendering script corresponding to the component based on the attribute information of the component. Among them, the attribute adjustment script is used to display the adjustable items of the attribute information, and the component rendering script is used to render the component. Step 5: Establish two-way or one-way communication between the attribute adjustment script and the component rendering script. The method can be: control the attribute adjustment script and the component rendering script to listen to the same data. When the data changes, the attribute information displayed by the attribute adjustment script is adjusted accordingly, and the component rendered by the component rendering script is adjusted accordingly.

本实施例中,由于页面开发模板是预先创建出来的,当检测到用户选择某个页面开发模板时,进入该页面开发模板的开发及界面并获取该页面开发模板包含的功能页,并将功能页的名称在开发界面中以列表的形式展示。示例性的,图2a是本实施例中的显示页面开发模板的开发界面的示例图,如图2a所示,在左侧图中,界面上显示有多个页面开发模板,分别为:页面开发模板a、页面开发模板b和页面开发模板c,用户根据开发需求选择页面开发模板b。当用户点击页面开发模板b时,界面跳转至页面开发模板b的开发界面。在右侧图中,为页面开发模板b的开发界面,在该界面中,显示有页面开发模板b包含的功能页的名称列表,分别为:功能页1、功能页2及功能页3。In this embodiment, since the page development template is created in advance, when it is detected that the user selects a page development template, the development interface of the page development template is entered and the function pages included in the page development template are obtained, and the names of the function pages are displayed in the development interface in the form of a list. Exemplarily, Figure 2a is an example diagram of the development interface of the page development template in this embodiment. As shown in Figure 2a, in the left figure, multiple page development templates are displayed on the interface, namely: page development template a, page development template b and page development template c. The user selects page development template b according to development requirements. When the user clicks on page development template b, the interface jumps to the development interface of page development template b. In the right figure, it is the development interface of page development template b. In this interface, a list of names of function pages included in page development template b is displayed, namely: function page 1, function page 2 and function page 3.

S120,响应于对功能页的触发操作,显示功能页的编辑界面。S120: In response to a triggering operation on a function page, an editing interface of the function page is displayed.

其中,编辑界面中包括功能页预览区及组件属性配置区,功能页预览区用于显示功能页包含的组件,组件属性配置区用于显示组件的属性信息。The editing interface includes a function page preview area and a component property configuration area. The function page preview area is used to display the components included in the function page, and the component property configuration area is used to display the property information of the components.

本实施例中,页面开发模板中的渲染脚本基于组件的属性信息对组件进行渲染,并将渲染出的组件显示于功能页预览区,使得用户可以直观的看到当前功能页的样式。页面开发模板中的属性调整脚本将可调整的属性信息显示于组件属性配置区中,并接收用户对各属性信息的配置或调整操作。In this embodiment, the rendering script in the page development template renders the component based on the component's attribute information, and displays the rendered component in the function page preview area, so that the user can intuitively see the style of the current function page. The attribute adjustment script in the page development template displays the adjustable attribute information in the component attribute configuration area, and receives the user's configuration or adjustment operations on each attribute information.

具体的,在页面开发模板的开发界面中显示有其包含的功能页列表,用户可以选择任意的功能页进行配置或编辑,当用户点击功能页列表中的某个功能页时,显示该功能页的编辑界面,且在该编辑界面中包括用于显示该功能页各组件的功能页预览区以及用于显示组件属性信息的组件属性配置区。Specifically, a list of function pages contained in the page development template is displayed in the development interface, and the user can select any function page for configuration or editing. When the user clicks on a function page in the function page list, the editing interface of the function page is displayed, and the editing interface includes a function page preview area for displaying the components of the function page and a component property configuration area for displaying component property information.

示例性的,图2b是本实施例中显示功能页的编辑界面的示例图。如图2b所示,在左侧图中,假设用户选择了功能页2,则在右侧图中,显示功能页2的编辑界面,在该编辑界面的功能页预览区中显示有组件A、组件B及组件C,在该编辑界面的组件属性配置区中,显示有各组件的属性信息及属性信息的配置项。如图2b所示,组件A的属性包括颜色;组件B的属性包括位置信息;组件C的属性包括尺寸及颜色。For example, FIG2b is an example diagram of the editing interface of the function page in this embodiment. As shown in FIG2b, in the left figure, assuming that the user selects function page 2, the editing interface of function page 2 is displayed in the right figure, and component A, component B and component C are displayed in the function page preview area of the editing interface, and the attribute information of each component and the configuration items of the attribute information are displayed in the component attribute configuration area of the editing interface. As shown in FIG2b, the attributes of component A include color; the attributes of component B include position information; and the attributes of component C include size and color.

S130,响应于在功能页预览区和/或组件属性配置区中触发的页面调整操作,将调整后的功能页重新渲染至功能页预览区进行显示。S130, in response to a page adjustment operation triggered in the function page preview area and/or the component property configuration area, re-rendering the adjusted function page to the function page preview area for display.

其中,对页面的调整可以理解为对功能页的组件的属性信息的调整。本实施例中,可以在功能预览区中对功能页的各组件直接进行调整,也可以在组件属性配置区中对各组件的属性信息进行调整,以实现对各组件的调整。The adjustment of the page can be understood as the adjustment of the attribute information of the components of the function page. In this embodiment, the components of the function page can be adjusted directly in the function preview area, or the attribute information of each component can be adjusted in the component attribute configuration area to achieve the adjustment of each component.

可选的,响应于在功能页预览区中触发的页面调整操作的方式可以是:响应于在功能页预览区中对至少一个组件的调整操作,获取调整后的组件属性信息;基于调整后的组件属性信息更新组件属性配置区中对应的组件属性信息。Optionally, the method for responding to the page adjustment operation triggered in the function page preview area can be: in response to the adjustment operation of at least one component in the function page preview area, obtaining adjusted component property information; and updating corresponding component property information in the component property configuration area based on the adjusted component property information.

其中,对组件的调整操作可以是对组件的显示样式的调整,例如:位置、姿态、颜色、尺寸等。具体的,用户可以在功能预览区点击要调整的组件,若是对组件位置和姿态的调整,则可以直接拖动该组件,以调整位置和姿态;若是对组件尺寸的调整,则可以直接对组件进行放大或缩小;若是对组件其他属性的调整,则可以右击该组件,弹出组件的属性信息框,在该属性信息框中对属性信息进行调整。在对组件调整之后,获取调整后的组件属性信息,并基于所调整后的组件属性信息述组件属性配置区域中对应的组件属性信息,这样以保证功能页预览区与组件属性配置区中调整操作的同步,提高对组件调整的可靠性。Among them, the adjustment operation of the component can be the adjustment of the display style of the component, such as: position, posture, color, size, etc. Specifically, the user can click on the component to be adjusted in the function preview area. If it is to adjust the position and posture of the component, the component can be directly dragged to adjust the position and posture; if it is to adjust the size of the component, the component can be directly enlarged or reduced; if it is to adjust other properties of the component, the component can be right-clicked to pop up the property information box of the component, and the property information can be adjusted in the property information box. After the component is adjusted, the adjusted component property information is obtained, and the corresponding component property information in the component property configuration area is described based on the adjusted component property information, so as to ensure the synchronization of the adjustment operations in the function page preview area and the component property configuration area, and improve the reliability of the component adjustment.

可选的,响应于在组件属性配置区中触发的页面调整操作的方式可以是:响应于在组件属性配置区中对至少一个组件的属性信息的调整操作,获得调整后的组件属性信息。Optionally, the method of responding to the page adjustment operation triggered in the component property configuration area may be: in response to the adjustment operation on the property information of at least one component in the component property configuration area, obtaining the adjusted component property information.

本实施例中,组件属性配置区中会展示各组件的属性信息以及属性信息的可调整范围,用户在属性信息的可调整范围内选择一个属性信息的取值,以实现对属性信息的调整。针对每个属性信息,均可以在组件属性配置区中执行上述的操作,从而实现对每个组件的属性信息的调整。In this embodiment, the component attribute configuration area will display the attribute information of each component and the adjustable range of the attribute information. The user selects a value of the attribute information within the adjustable range of the attribute information to adjust the attribute information. For each attribute information, the above operations can be performed in the component attribute configuration area to adjust the attribute information of each component.

可选的,将调整后的功能页重新渲染至所述功能页预览区进行显示的方式可以是:基于调整后的组件属性信息重新渲染功能页;并将重新渲染后的功能页显示于功能页预览区。Optionally, the method of re-rendering the adjusted function page to the function page preview area for display may be: re-rendering the function page based on the adjusted component attribute information; and displaying the re-rendered function page in the function page preview area.

具体的,基于调整后的组件属性信息重新渲染功能页的方式可以是:将调整后的组件属性信息作为入参传入渲染脚本,并运行渲染脚本,以基于调整后的组件属性信息重新渲染功能页。最后将重新渲染后的功能页显示于功能页预览区。本实施例中,基于调整后的组件属性信息重新渲染功能页,使得功能页的组件根据调整后的属性进行显示,使得用户可以直观的看到组件的样式,从而将组件调整为用户所需的样式,调高用户体验,更能满足用户的个性化需求。Specifically, the method of re-rendering the function page based on the adjusted component attribute information can be: passing the adjusted component attribute information as an input parameter to the rendering script, and running the rendering script to re-render the function page based on the adjusted component attribute information. Finally, the re-rendered function page is displayed in the function page preview area. In this embodiment, the function page is re-rendered based on the adjusted component attribute information, so that the components of the function page are displayed according to the adjusted attributes, so that the user can intuitively see the style of the component, thereby adjusting the component to the style required by the user, improving the user experience, and better meeting the personalized needs of the user.

S140,响应于触发的确认操作,生成目标功能页。S140 , generating a target function page in response to the triggered confirmation operation.

其中,生成的目标功能页可以是编辑后的功能页,可以以功能页的启动信息表征,该启动信息可以是链接或信息码(如:二维码)的形式。当用户通过终端设备点击该链接或者扫描该信息码时,就会启动该功能页。The generated target function page may be an edited function page, which may be represented by the startup information of the function page, and the startup information may be in the form of a link or an information code (such as a QR code). When the user clicks the link or scans the information code through a terminal device, the function page will be started.

具体的,响应于触发的确认操作,生成目标功能页的方式可以是:响应于触发的确认操作,生成功能页的链接或信息码,以根据链接或信息码启动目标功能页。Specifically, in response to the triggered confirmation operation, the target function page may be generated by: in response to the triggered confirmation operation, generating a link or information code of the function page to start the target function page according to the link or information code.

本实施例中,用户可以点击编辑界面上的确认按钮来触发确认操作。若页面开发模板包括多个功能页,可以生成每个功能页分别对应的启动信息,用户可以根据该启动信息启动相应的功能页。也可以生成多个功能页整体对应的启动信息,用户根据该启动信息启动该同时启动多个功能页,并按照预设顺序依次显示各功能页。In this embodiment, the user can click the confirmation button on the editing interface to trigger the confirmation operation. If the page development template includes multiple function pages, startup information corresponding to each function page can be generated, and the user can start the corresponding function page according to the startup information. Startup information corresponding to multiple function pages as a whole can also be generated, and the user can start the multiple function pages simultaneously according to the startup information, and display each function page in sequence according to a preset order.

可选的,在响应于对页面开发模板的选择操作之前,还包括如下步骤:响应于开发项目新建操作,展示至少一个页面开发模板。Optionally, before responding to the selection operation of the page development template, the following step is also included: in response to the new development project creation operation, at least one page development template is displayed.

其中,页面开发模板中包括有多个功能页,且各功能页中包括多个组件。The page development template includes multiple function pages, and each function page includes multiple components.

本实施例中,当用户触发了开发项目新建操作之后,终端设备从模板库中获取到已经创建好的页面开发模板,并将页面开发模板的描述信息(如:名称、功能描述)进行展示,用户根据描述信息选择所需的页面开发模板进行配置,以获得所需的功能页。In this embodiment, after the user triggers the new development project creation operation, the terminal device obtains the created page development template from the template library and displays the description information of the page development template (such as name, function description). The user selects the required page development template according to the description information for configuration to obtain the required function page.

本公开实施例的技术方案,响应于对页面开发模板的选择操作,显示页面开发模板的开发界面;其中,开发界面中包括功能页列表;响应于对功能页的触发操作,显示功能页的编辑界面;其中,编辑界面中包括功能页预览区及组件属性配置区,功能页预览区用于显示功能页包含的组件,组件属性配置区用于显示组件的属性信息;响应于在功能页预览区和/或组件属性配置区中触发的页面调整操作,将调整后的功能页重新渲染至功能页预览区进行显示;响应于触发的确认操作,生成功能页。本公开实施例提供的页面开发方法,通过配置化的方式开发页面,提高页面的开发效率,降低页面开发的人力成本。The technical solution of the disclosed embodiment is, in response to the selection operation of the page development template, displaying the development interface of the page development template; wherein the development interface includes a function page list; in response to the triggering operation of the function page, displaying the editing interface of the function page; wherein the editing interface includes a function page preview area and a component attribute configuration area, the function page preview area is used to display the components included in the function page, and the component attribute configuration area is used to display the attribute information of the components; in response to the page adjustment operation triggered in the function page preview area and/or the component attribute configuration area, the adjusted function page is re-rendered to the function page preview area for display; in response to the triggered confirmation operation, the function page is generated. The page development method provided by the disclosed embodiment develops pages in a configurable manner, improves the page development efficiency, and reduces the manpower cost of page development.

图3为本公开实施例所提供的一种页面开发装置结构示意图,如图3所示,所述装置包括:FIG3 is a schematic diagram of the structure of a page development device provided by an embodiment of the present disclosure. As shown in FIG3 , the device includes:

开发界面显示模块310,用于响应于对页面开发模板的选择操作,显示页面开发模板的开发界面;其中,开发界面中包括功能页列表;The development interface display module 310 is used to display the development interface of the page development template in response to the selection operation of the page development template; wherein the development interface includes a function page list;

编辑界面显示模块320,用于响应于对功能页的触发操作,显示功能页的编辑界面;其中,编辑界面中包括功能页预览区及组件属性配置区,功能页预览区用于显示功能页包含的组件,组件属性配置区用于显示组件的属性信息;The editing interface display module 320 is used to display the editing interface of the function page in response to the triggering operation on the function page; wherein the editing interface includes a function page preview area and a component property configuration area, the function page preview area is used to display the components included in the function page, and the component property configuration area is used to display the property information of the components;

页面调整模块330,用于响应于在功能页预览区和/或组件属性配置区中触发的页面调整操作,将调整后的功能页重新渲染至功能页预览区进行显示;The page adjustment module 330 is used to respond to the page adjustment operation triggered in the function page preview area and/or the component property configuration area, and re-render the adjusted function page to the function page preview area for display;

功能页生成模块340,用于响应于触发的确认操作,生成目标功能页。The function page generation module 340 is used to generate a target function page in response to a triggered confirmation operation.

可选的,页面调整模块330,还用于:Optionally, the page adjustment module 330 is further used to:

响应于在功能页预览区中对至少一个组件的调整操作,获取调整后的组件属性信息;In response to an adjustment operation on at least one component in the function page preview area, obtaining adjusted component property information;

基于调整后的组件属性信息更新组件属性配置区中对应的组件属性信息。The corresponding component attribute information in the component attribute configuration area is updated based on the adjusted component attribute information.

可选的,页面调整模块330,还用于:Optionally, the page adjustment module 330 is further used to:

响应于在组件属性配置区中对至少一个组件的属性信息的调整操作,获得调整后的组件属性信息。In response to an adjustment operation on attribute information of at least one component in the component attribute configuration area, adjusted component attribute information is obtained.

可选的,页面调整模块330,还用于:Optionally, the page adjustment module 330 is further used to:

基于调整后的组件属性信息重新渲染功能页;Re-render the function page based on the adjusted component attribute information;

并将重新渲染后的功能页显示于功能页预览区。The re-rendered function page is displayed in the function page preview area.

可选的,还包括:页面开发模板展示模块,用于:Optionally, it also includes: page development template display module, which is used to:

响应于开发项目新建操作,展示至少一个页面开发模板;其中,页面开发模板中包括有多个功能页,且各功能页中包括多个组件。In response to a new development project creation operation, at least one page development template is displayed; wherein the page development template includes a plurality of function pages, and each function page includes a plurality of components.

可选的,功能页生成模块340,还用于:Optionally, the function page generation module 340 is further used to:

响应于触发的确认操作,生成目标功能页的链接或信息码,以根据链接或信息码启动目标功能页。In response to the triggered confirmation operation, a link or information code of the target function page is generated to start the target function page according to the link or information code.

可选的,组件包括如下至少一项:背景组件、标识组件、进度条组件、间距组件、示例组件、按钮组件、物品配置组件、配置图标组件。Optionally, the component includes at least one of the following: a background component, a logo component, a progress bar component, a spacing component, an example component, a button component, an item configuration component, and a configuration icon component.

本公开实施例所提供的页面开发装置可执行本公开任意实施例所提供的页面开发方法,具备执行方法相应的功能模块和有益效果。The page development device provided in the embodiments of the present disclosure can execute the page development method provided in any embodiment of the present disclosure, and has the corresponding functional modules and beneficial effects of the execution method.

值得注意的是,上述装置所包括的各个单元和模块只是按照功能逻辑进行划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本公开实施例的保护范围。It is worth noting that the various units and modules included in the above-mentioned device are only divided according to functional logic, but are not limited to the above-mentioned division, as long as the corresponding functions can be achieved; in addition, the specific names of the functional units are only for the convenience of distinguishing each other, and are not used to limit the protection scope of the embodiments of the present disclosure.

图4为本公开实施例所提供的一种电子设备的结构示意图。下面参考图4,其示出了适于用来实现本公开实施例的电子设备(例如图4中的终端设备或服务器)500的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图4示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。FIG4 is a schematic diagram of the structure of an electronic device provided by an embodiment of the present disclosure. Referring to FIG4 below, a schematic diagram of the structure of an electronic device (e.g., a terminal device or server in FIG4 ) 500 suitable for implementing an embodiment of the present disclosure is shown. The terminal device in the embodiment of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle-mounted terminals (e.g., vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. The electronic device shown in FIG4 is merely an example and should not impose any limitations on the functions and scope of use of the embodiments of the present disclosure.

如图4所示,电子设备500可以包括处理装置(例如中央处理器、图形处理器等)501,其可以根据存储在只读存储器(ROM)502中的程序或者从存储装置508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中,还存储有电子设备500操作所需的各种程序和数据。处理装置501、ROM 502以及RAM 503通过总线504彼此相连。编辑/输出(I/O)接口505也连接至总线504。As shown in FIG4 , the electronic device 500 may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 501, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 502 or a program loaded from a storage device 508 into a random access memory (RAM) 503. Various programs and data required for the operation of the electronic device 500 are also stored in the RAM 503. The processing device 501, the ROM 502, and the RAM 503 are connected to each other via a bus 504. An edit/output (I/O) interface 505 is also connected to the bus 504.

通常,以下装置可以连接至I/O接口505:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置506;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置507;包括例如磁带、硬盘等的存储装置508;以及通信装置509。通信装置509可以允许电子设备500与其他设备进行无线或有线通信以交换数据。虽然图4示出了具有各种装置的电子设备500,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。Typically, the following devices may be connected to the I/O interface 505: input devices 506 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; output devices 507 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; storage devices 508 including, for example, a magnetic tape, a hard disk, etc.; and communication devices 509. The communication devices 509 may allow the electronic device 500 to communicate with other devices wirelessly or by wire to exchange data. Although FIG. 4 shows an electronic device 500 with various devices, it should be understood that it is not required to implement or have all the devices shown. More or fewer devices may be implemented or have alternatively.

特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置509从网络上被下载和安装,或者从存储装置508被安装,或者从ROM 502被安装。在该计算机程序被处理装置501执行时,执行本公开实施例的方法中限定的上述功能。In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from a network through a communication device 509, or installed from a storage device 508, or installed from a ROM 502. When the computer program is executed by the processing device 501, the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.

本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

本公开实施例提供的电子设备与上述实施例提供的页面开发方法属于同一发明构思,未在本实施例中详尽描述的技术细节可参见上述实施例,并且本实施例与上述实施例具有相同的有益效果。The electronic device provided by the embodiment of the present disclosure and the page development method provided by the above embodiment belong to the same inventive concept. The technical details not fully described in this embodiment can be referred to the above embodiment, and this embodiment has the same beneficial effects as the above embodiment.

本公开实施例提供了一种计算机存储介质,其上存储有计算机程序,该程序被处理器执行时实现上述实施例所提供的页面开发方法。The embodiment of the present disclosure provides a computer storage medium on which a computer program is stored. When the program is executed by a processor, the page development method provided by the above embodiment is implemented.

需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。It should be noted that the computer-readable medium disclosed above may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program that may be used by or in combination with an instruction execution system, device or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, in which a computer-readable program code is carried. This propagated data signal may take a variety of forms, including but not limited to an electromagnetic signal, an optical signal, or any suitable combination of the above. The computer readable signal medium may also be any computer readable medium other than a computer readable storage medium, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer readable medium may be transmitted using any suitable medium, including but not limited to: wires, optical cables, RF (radio frequency), etc., or any suitable combination of the above.

在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。The computer-readable medium may be included in the electronic device, or may exist independently without being installed in the electronic device.

上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:The computer-readable medium carries one or more programs. When the one or more programs are executed by the electronic device, the electronic device:

上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:响应于对页面开发模板的选择操作,显示所述页面开发模板的开发界面;其中,所述开发界面中包括功能页列表;响应于对所述功能页的触发操作,显示所述功能页的编辑界面;其中,所述编辑界面中包括功能页预览区及组件属性配置区,所述功能页预览区用于显示所述功能页包含的组件,所述组件属性配置区用于显示所述组件的属性信息;响应于在所述功能页预览区和/或组件属性配置区中触发的页面调整操作,将调整后的功能页重新渲染至所述功能页预览区进行显示;响应于触发的确认操作,生成目标功能页。The above-mentioned computer-readable medium carries one or more programs. When the above-mentioned one or more programs are executed by the electronic device, the electronic device: in response to a selection operation on a page development template, displays a development interface of the page development template; wherein the development interface includes a function page list; in response to a triggering operation on the function page, displays an editing interface of the function page; wherein the editing interface includes a function page preview area and a component property configuration area, the function page preview area is used to display the components included in the function page, and the component property configuration area is used to display the property information of the components; in response to a page adjustment operation triggered in the function page preview area and/or the component property configuration area, the adjusted function page is re-rendered to the function page preview area for display; and in response to a triggered confirmation operation, a target function page is generated.

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。Computer program code for performing the operations of the present disclosure may be written in one or more programming languages or a combination thereof, including, but not limited to, object-oriented programming languages, such as Java, Smalltalk, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some implementations as replacements, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and/or flow chart, and the combination of the square boxes in the block diagram and/or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元的名称在某种情况下并不构成对该单元本身的限定,例如,第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。The units involved in the embodiments described in the present disclosure may be implemented by software or hardware. The name of a unit does not limit the unit itself in some cases. For example, the first acquisition unit may also be described as a "unit for acquiring at least two Internet Protocol addresses".

本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chip (SOCs), complex programmable logic devices (CPLDs), and the like.

在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开中所涉及的公开范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述公开构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。The above description is only a preferred embodiment of the present disclosure and an explanation of the technical principles used. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by a specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosed concept. For example, the above features are replaced with the technical features with similar functions disclosed in the present disclosure (but not limited to) by each other.

此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details are included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题,但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反,上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。Although the subject matter has been described in language specific to structural features and/or methodological logical actions, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. On the contrary, the specific features and actions described above are merely example forms of implementing the claims.

Claims (10)

CN202410090361.3A2024-01-222024-01-22 Page development method, device, equipment and storage mediumPendingCN118132056A (en)

Priority Applications (1)

Application NumberPriority DateFiling DateTitle
CN202410090361.3ACN118132056A (en)2024-01-222024-01-22 Page development method, device, equipment and storage medium

Applications Claiming Priority (1)

Application NumberPriority DateFiling DateTitle
CN202410090361.3ACN118132056A (en)2024-01-222024-01-22 Page development method, device, equipment and storage medium

Publications (1)

Publication NumberPublication Date
CN118132056Atrue CN118132056A (en)2024-06-04

Family

ID=91236552

Family Applications (1)

Application NumberTitlePriority DateFiling Date
CN202410090361.3APendingCN118132056A (en)2024-01-222024-01-22 Page development method, device, equipment and storage medium

Country Status (1)

CountryLink
CN (1)CN118132056A (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN119127036A (en)*2024-09-102024-12-13北京达佳互联信息技术有限公司 Resource generation method, device, terminal and storage medium
CN119336215A (en)*2024-09-262025-01-21北京字跳网络技术有限公司 A page creation method, device, equipment and storage medium

Cited By (2)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN119127036A (en)*2024-09-102024-12-13北京达佳互联信息技术有限公司 Resource generation method, device, terminal and storage medium
CN119336215A (en)*2024-09-262025-01-21北京字跳网络技术有限公司 A page creation method, device, equipment and storage medium

Similar Documents

PublicationPublication DateTitle
CN110046021B (en)Page display method, device, system, equipment and storage medium
CN118132056A (en) Page development method, device, equipment and storage medium
WO2022111591A1 (en)Page generation method and apparatus, storage medium, and electronic device
US20250053413A1 (en)Image effect package generation method and apparatus, device, and storage medium
US12314337B2 (en)Page operation processing method, electronic device, and non-transitory computer-readable storage medium
WO2022184077A1 (en)Document editing method and apparatus, and terminal and non-transitory storage medium
CN114428925A (en)Page rendering method and device, electronic equipment and computer readable medium
WO2024140243A1 (en)Special effect layer editing method and apparatus, electronic device, and storage medium
CN112256370B (en) Information display method, device and electronic equipment
WO2024251228A1 (en)Media content display method and apparatus, electronic device, and storage medium
WO2025092611A1 (en)Information display method and apparatus, and electronic device and storage medium
WO2024212839A1 (en)Card layout method and apparatus, medium and electronic device
CN111753238A (en)Data mapping method and device and electronic equipment
WO2025200494A1 (en)Message processing method and apparatus, and device and medium
CN114997115B (en)Document processing method, device, equipment and medium
CN115113861A (en) Process processing method, device and device
WO2025011550A1 (en)Login method and apparatus, and electronic device
CN113781608A (en)Animation editing method and device
CN117939240A (en) Media content generation method, device, medium and electronic device
CN114786069B (en) Video generation method, device, medium and electronic device
CN116521152A (en)Method, device and equipment for implementing code editor
CN113920220B (en) Image editing rollback method and device
CN114742013A (en)Online document display method and device and electronic equipment
CN113760254A (en)Data model generation method and device, electronic equipment and computer readable medium
CN115250259A (en) Information interaction method, device and electronic device

Legal Events

DateCodeTitleDescription
PB01Publication
PB01Publication
SE01Entry into force of request for substantive examination
SE01Entry into force of request for substantive examination

[8]ページ先頭

©2009-2025 Movatter.jp