CN116225437A - 页面生成方法、装置、电子设备及存储介质 - Google Patents
页面生成方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN116225437A CN116225437A CN202310411711.7A CN202310411711A CN116225437A CN 116225437 A CN116225437 A CN 116225437A CN 202310411711 A CN202310411711 A CN 202310411711A CN 116225437 A CN116225437 A CN 116225437A
- Authority
- CN
- China
- Prior art keywords
- page
- component
- template
- partition
- target
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 59
- 238000005192 partition Methods 0.000 claims abstract description 169
- 230000004044 response Effects 0.000 claims abstract description 13
- 230000006399 behavior Effects 0.000 claims description 72
- 238000004590 computer program Methods 0.000 claims description 16
- 230000004048 modification Effects 0.000 claims description 15
- 238000012986 modification Methods 0.000 claims description 15
- 238000009877 rendering Methods 0.000 claims description 6
- 230000010365 information processing Effects 0.000 claims description 4
- 238000011161 development Methods 0.000 abstract description 13
- 238000004891 communication Methods 0.000 description 8
- 238000012545 processing Methods 0.000 description 8
- 230000006870 function Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 5
- 230000008569 process Effects 0.000 description 4
- 230000004913 activation Effects 0.000 description 3
- 230000009849 deactivation Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000003993 interaction Effects 0.000 description 2
- 238000000638 solvent extraction Methods 0.000 description 2
- 230000001960 triggered effect Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 239000011521 glass Substances 0.000 description 1
- 238000002372 labelling Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 230000001953 sensory effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Memory System Of A Hierarchy Structure (AREA)
Abstract
本发明实施例公开了一种页面生成方法、装置、电子设备及存储介质。所述方法包括:响应于页面生成指令,确定与所述页面生成指令对应的目标页面模板,其中,所述目标页面模板包括至少一个页面分区组件;针对每个页面分区组件,确定所述页面分区组件的组件配置元素以及与所述组件配置元素对应的元素行为信息;基于各所述组件配置元素和各所述元素行为信息,生成与所述页面生成指令对应的目标页面。本发明实施例的技术方案,实现了较为快速的生成页面,降低了页面开发的工作量,提升了页面生成的效率。
Description
技术领域
本发明实施例涉及计算机技术领域,尤其涉及一种页面生成方法、装置、电子设备及存储介质。
背景技术
在页面开发中,为满足用户对页面的个性化需求,针对每个用户需求,技术人员通常根据该用户需求手动编写程序代码,使得页面开发的工作量较大,从而导致页面生成的效率较低。
发明内容
本发明提供了一种页面生成方法、装置、电子设备及存储介质,以实现较为快速的生成页面,不仅降低了页面开发的工作量,而且还提升了页面生成的效率。
根据本发明的一方面,提供了一种页面生成方法,该方法包括:
响应于页面生成指令,确定与所述页面生成指令对应的目标页面模板,其中,所述目标页面模板包括至少一个页面分区组件;
针对每个页面分区组件,确定所述页面分区组件的组件配置元素以及与所述组件配置元素对应的元素行为信息;
基于各所述组件配置元素和各所述元素行为信息,生成与所述页面生成指令对应的目标页面。
根据本发明的另一方面,提供了一种页面生成装置。该装置包括:
页面模板确定模块,用于响应于页面生成指令,确定与所述页面生成指令对应的目标页面模板,其中,所述目标页面模板包括至少一个页面分区组件;
组件信息确定模块,用于针对每个页面分区组件,确定所述页面分区组件的组件配置元素以及与所述组件配置元素对应的元素行为信息;
目标页面生成模块,用于基于各所述组件配置元素和各所述元素行为信息,生成与所述页面生成指令对应的目标页面。
根据本发明的另一方面,提供了一种电子设备,所述电子设备包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的计算机程序,所述计算机程序被所述至少一个处理器执行,以使所述至少一个处理器能够执行本发明任一实施例所述的页面生成方法。
根据本发明的另一方面,提供了一种计算机可读存储介质,所述计算机可读存储介质存储有计算机指令,所述计算机指令用于使处理器执行时实现本发明任一实施例所述的页面生成方法。
本发明实施例的技术方案,通过接收页面生成指令,确定与所述页面生成指令对应的目标页面模板,其中,所述目标页面模板包括至少一个页面分区组件。在本发明实施例中,通常设置页面模板以及于页面模板中设置页面分区组件,可简化页面的开发流程,使得页面开发的工作量减少。针对每个页面分区组件,确定所述页面分区组件的组件配置元素以及与所述组件配置元素对应的元素行为信息。本发明实施例中,通过在各页面分区组件中配置组件配置元素和元素行为信息,使得各页面分区组件拥有各自的作用,以便于后续基于各所述组件配置元素和各所述元素行为信息,快速生成与所述页面生成指令对应的目标页面,提升了页面生成的效率。
应当理解,本部分所描述的内容并非旨在标识本发明的实施例的关键或重要特征,也不用于限制本发明的范围。本发明的其它特征将通过以下的说明书而变得容易理解。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例一提供的一种页面生成方法的流程示意图;
图2为本发明实施例一提供的一种页面生成方法的可选实施实例的流程示意图;
图3为本发明实施例二提供的一种页面生成方法的流程示意图;
图4为本发明实施例二提供的一种页面生成方法的页面模板管理的流程示意图;
图5为本发明实施例三提供的一种页面生成装置的结构示意图;
图6为本发明实施例四提供的一种电子设备的结构示意图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分的实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
可以理解的是,本技术方案所涉及的数据(包括但不限于数据本身、数据的获取或使用)应当遵循相应法律法规及相关规定的要求。
实施例一
图1为本发明实施例一提供的一种页面生成方法的流程示意图,本实施例可适用于进行页面生成的情况,该方法可以由页面生成装置来执行,该页面生成装置可以采用硬件和/或软件的形式实现,该页面生成装置可配置于诸如计算机或者服务器等的电子设备中。
如图1所示,本实施例的方法包括:
S110、响应于页面生成指令,确定与所述页面生成指令对应的目标页面模板,其中,所述目标页面模板包括至少一个页面分区组件。
其中,页面生成指令可以理解为用于生成页面的指令。页面生成指令可以包括需要使用的页面模板标识。页面模板标识可以用于区分不同的页面模板。目标页面模板可以理解为与页面生成指令对应的页面模板,可以用于进行页面的生成。目标页面模板的数据结构可以为JS对象简谱(JavaScript Object Notation,Json)结构。
在本发明实施例中,目标页面模板的描述语言可以为HyperText MarkupLanguage 5(HTML5)。目标页面模板可以包括一个或多个页面分区组件。在实际应用中,目标页面模板中通常包括多个页面分区组件。目标页面模板中的页面分区组件可以是根据实际业务需求预先配置的。页面分区组件可以理解为通过对目标页面模板进行页面分区后得到组件。示例性的,页面分区组件可以为企业标注组件、文本组件、横幅广告组件、业务服务组件或业务资讯组件等。
具体的,在接收到页面生成指令后,可以对页面生成指令进行解析,从而可以得到页面生成指令中页面模板标识。进而可以将所述页面模板标识对应的页面模板,确定为与所述页面生成指令对应的目标页面模板。在确定目标页面模板后,可以基于目标页面模板确定所述目标页面模板中的页面分区组件。
在本发明实施例中,页面生成指令的得到方式有多种,在此不做具体限定。示例性的,接收用户输入页面参数,基于所述页面参数生成页面生成指令;其中,所述页面参数可以包括需要使用的页面模板的页面模板标识。
在本发明实施例中,确定目标页面模板中的页面分区组件,可以包括:基于目标页面模板和页面分区组件之间的对应关系,可以确定目标页面模板中的页面分区组件。其中,目标页面模板和页面分区组件之间的对应关系,具体可以为,目标页面模板的页面模板标识和页面分区组件的标识之间的关联关系。
S120、针对每个页面分区组件,确定所述页面分区组件的组件配置元素以及与所述组件配置元素对应的元素行为信息。
在本发明实施例中,组件配置元素可以理解为预先配置在页面分区中且在页面中需要展示的元素。可选地,组件配置元素可以包括控件元素、文本信息或图像数据中的至少一种。元素行为信息可以用于表征页面元素的行为。元素行为信息可以包括元素行为标识。元素行为标识可以用于确定区分不同的元素行为方法。元素行为方法可以是预先定义的方法。可选地的,编写元素行为方法的计算机语言可以为JavaScript(JS)语言。在本发明实施例中,元素行为信息可以包括跳转行为信息或接口调用信息。
其中,跳转行为信息可以包括组件配置元素被触发后需要展示的页面信息。可选地,跳转行为信息可以为第一预设有效时段的跳转行为信息。其中,第一预设有效时段可以理解为跳转行为信息的有效时段。接口调用信息可以用于表征组件配置元素被触发后需要调用的接口方法,以基于该接口方式调用该组件配置元素的响应事件。可选地,接口调用信息可以为第二预设有效时段的接口调用信息。其中,第二预设有效时段可以理解为接口调用信息的有效时段。
需要说明的是,本发明实施例中,第一预设有效时段和第二预设有效时间中的“第一”和“第二”,仅仅是用来区分不同元素行为信息对应的预设有效时间,而并非对预设有效时间的顺序或内容的限定。其中,第一预设有效时段可以根据实际需求进行设置的。第二预设有效时段可以根据实际需求进行设置的。还需要说明的是,第一预设有效时段和第二预设有效时段可以相同,也可以不相同。
S130、基于各所述组件配置元素和各所述元素行为信息,生成与所述页面生成指令对应的目标页面。
其中,目标页面可以是基于各所述组件配置元素和各所述元素行为信息生成的页面。
具体的,根据组件配置元素和元素行为信息之间的对应关系,将各元素行为信息绑定至与各所述元素行为信息对应的组件配置元素。在全部元素行为信息绑定完成后,对各组件配置元素进行渲染处理,从而可以生成与所述页面生成指令对应的目标页面。
在本发明实施例中,所述基于各所述组件配置元素和各所述元素行为信息,生成与所述页面生成指令对应的目标页面,可以包括:针对每个组件配置元素,可以将所述组件配置元素的元素行为信息绑定至所述组件配置元素,并基于所述组件配置元素的样式设置信息,对所述组件配置元素进行渲染处理,得到与所述页面生成指令对应的目标页面。
其中,样式设置信息可以理解为针对组件配置元素的展示样式设置的信息。在本发明实施例中,样式设置信息的描述语言可以为指层叠样式表(Cascading Style Sheets,CSS)语言。
参见图2,在接收到页面生成指令后,可以对页面生成指令进行解析,从而可以得到页面模板标识(图2中的模板编号)。进而可以将所述页面模板标识所对应的页面模板确定为目标页面模板(图2中的获取模板数据)。在确定目标页面模板后,可以根据所述目标页面模板的页面分区信息,确定目标页面模板中的页面分区组件(图2中的区块组件绑定)。针对每个页面分区组件,确定所述页面分区组件的组件配置元素(图2中的多元素)以及与所述组件配置元素对应的元素行为信息。进而可以将所述组件配置元素的元素行为信息绑定至所述组件配置元素(图2中的元素行为绑定),并对所述组件配置元素进行渲染处理(图2中的区块元素渲染)从而可以得到与页面生成指令对应的目标页面。
其中,页面分区信息可以为目标页面模板和页面分区组件之间的对应关系。元素行为信息可以理解为元素行为。元素行为信息可以包括跳转行为信息(图2中的跳转)或接口调用信息(图2中的接口调用)。此外,元素行为信息还可以包括启用周期,启用周期可以为针对跳转行为信息设置的第一预设有效时段和/或针对接口调用信息设置的第二预设有效时段。
本发明实施例的技术方案,通过接收页面生成指令,确定与所述页面生成指令对应的目标页面模板,其中,所述目标页面模板包括至少一个页面分区组件。在本发明实施例中,通常设置页面模板以及于页面模板中设置页面分区组件,可简化页面的开发流程,使得页面开发的工作量减少。针对每个页面分区组件,确定所述页面分区组件的组件配置元素以及与所述组件配置元素对应的元素行为信息。本发明实施例中,通过在各页面分区组件中配置组件配置元素和元素行为信息,使得各页面分区组件拥有各自的作用,以便于后续基于各所述组件配置元素和各所述元素行为信息,快速生成与所述页面生成指令对应的目标页面,提升了页面生成的效率。
实施例二
图3为本发明实施例二提供的一种页面生成方法的流程示意图,在前述实施例的基础上,可选地,所述响应于页面生成指令,确定与所述页面生成指令对应的目标页面模板,包括:响应于页面生成指令,于各预设页面模板中匹配与所述页面生成指令相匹配的目标页面模板。其中,与上述实施例相同或相应的技术术语在此不再赘述。
如图3所示,本实施例的方法具体包括:
S210、响应于页面生成指令,于各预设页面模板中匹配与所述页面生成指令相匹配的目标页面模板,其中,所述目标页面模板包括至少一个页面分区组件。
其中,预设页面模板可以理解为预先设置的页面模板。预设页面模板的数量通常为多个,以适配多种业务场景。
在本发明实施例中,响应于页面生成指令,于各预设页面模板中匹配与所述页面生成指令相匹配的目标页面模板,可以包括:在接收到页面生成指令后,可以对页面生成指令进行解析以及获取各预设页面模板的页面模板标识。在对页面生成指令进行解析后,可以页面生成指令中的页面模板标识。进而可以针对每个预设页面模板的页面模板标识,将页面生成指令中的页面模板标识和所述预设页面模板的页面模板标识进行一致性比对。在比对一致的情况下,可以将页面模板标识比对一致的预设页面模板,确定为与所述页面生成指令相匹配的目标页面模板。
在本发明实施例中,得到各预设页面模板的方式,具体可以包括:响应于页面模板配置操作,创建初始页面模板,其中,所述初始页面模板包括至少一个待配置页面分区;响应于针对所述待配置页面分区的页面分区配置操作,确定与所述待配置页面分区对应的目标分区组件以及所述目标分区组件对应的组件配置信息;将所述组件配置信息和所述待配置页面分区进行绑定,得到所述预设页面模板。
其中,页面模板配置操作可以理解为用于初始页面模板进行创建,并对创建后的初始页面模板中的待配置页面分区进行配置的操作。初始页面模板可以理解为用于生成预设页面模板的页面模板。初始页面模板可以包括一个或多个待配置页面分区。在实际应用中,初始页面模板通常包括多个待配置页面分区,且各待配置页面分区为可独立存在的页面分区。待配置页面分区可以理解为初始页面模板中需要进行配置的页面分区。待配置页面分区在初始页面模板中的具体位置可以根据实际需求进行设置,在此次不做具体限定。
在本发明实施例中,页面分区配置操作可以理解为用于对待配置页面分区中的目标分区组件以及目标分区组件对应的组件配置信息进行配置的操作。目标分区组件可以理解为针对待配置页面分区设置的页面分区组件。目标分区组件对应的组件配置信息可以理解为针对目标分区组件进行配置的信息。组件配置信息可以包括针对目标分区组件配置的组件配置元素和组件配置元素对应的元素行为信息。
在本发明实施例中,在接收到页面模板配置操作后,可以基于页面模板配置操作,得到页面模板标识,并基于所述页面模板标识对初始页面模板进行创建。其中,页面模板配置操作可以是用户输入页面模板标识的操作。为了有效的对预设页面模板进行管理,参见图4,在本发明实施例中,在得到用户输入的页面模板标识后,可以将用户输入的页面模板标识和已存在的页面模板标识进行一致性比对(图4中的模板编号唯一判断)。如果比对不一致,则可以基于页面模板标识对初始页面模板进行创建(图4中的新建模板)。在本发明实施例中,所述方法还可以包括:如果比对一致,则可以于各预设模板中查找与用户输入的页面模板标识相匹配的预设页面模板,以对匹配到的预设页面模板进行修改(图4中的修改模板)。在针对预设页面模板的创建或修改操作完成后,可以将已创建或已修改的页面模板的模板信息(如,页面模板标识)进行存储。
在上述实施例的基础上,在初始页面模板创建完成后,可以在接收到针对初始页面模板的分区分配操作。可以基于分区分配操作,于初始页面模板创建模板分区,从而可以得到初始页面模板中的待配置页面分区。其中,分区分配操作可以理解为用于对初始页面模板进行模板区域划分的操作。分区分配操作还可以用于对新建的模板分区的标识进行设置。也就是说,分区分配操作可以用于对初始页面模板中待配置页面分区的标识进行设置。
在本发明实施例中,在接收到针对所述待配置页面分区的页面分区配置操作后,可以确定与所述待配置页面分区对应的目标分区组件以及所述目标分区组件对应的组件配置信息。进而可以将所述组件配置信息和所述待配置页面分区进行绑定。绑定后,可以得到所述预设页面模板。页面分区配置操作可以用于对待配置页面分区的标识进行设置。
需要说明的是,初始页面模板中多个待配置页面分区的区块顺序可以根据实际需求进行调整。通常情况下,排序在前的待配置页面分区的序号比排序在后的待配置页面分区的序号小,多个待配置页面分区的整体显示顺序可以为,以待配置页面分区的序号从小到大进行排序。
还需要说明的是,为了便于对页面分区组件进行解析,页面分区组件的类型与页面组件解析生成器的类型可以保持一致。示例性的,页面分区组件的分区类型可以包括横幅(Banner)广告类型,业务服务(Service)入口,文本(Text)类型,图文资讯类型以及可扩展预定义类型等等。
在本发明实施例中,响应于针对所述待配置页面分区的页面分区配置操作,确定与所述待配置页面分区对应的目标分区组件,可以包括:响应于针对所述待配置页面分区的页面分区配置操作,基于页面分区配置操作,从已有的页面分区组件中选择出与所述待配置页面分区对应的目标分区组件,可提升页面分区组件的复用性,提升页面生成的效率。
为了便于对页面分区组件的管理,基于分区分配操作,于初始页面模板创建模板分区,得到初始页面模板中的待配置页面分区,可以包括:基于分区分配操作,得到用户输入的页面分区组件的标识。将用户输入的页面分区组件的标识与已存在的页面分区组件的标识进行一致性比对,从而可以确定用户输入的页面分区组件的标识是否存在(图4中的模板内区块编号是否存在)。若不存在,则可以新建页面分区组件(图4中的新建模板区块),若存在,则可以用户输入的页面分区组件的标识对应的页面分区组件,并对该所述页面分区组件进行修改(图4中的修改模板区块)。在针对页面分区组件的创建或修改操作执行完成后,可以将创建后的页面分区组件或修改后的页面分区组件的分区组件信息进行存储。其中,分区组件信息可以理解为对页面分区组件进行配置的信息,可以包括页面分区组件的分区类型(图4中的区块类型)、名称、布局方式、排序等。
为了有效的对预设页面模板进行有效的管理,页面模板配置操作还可以用于对预设页面模板的启用和停用进行设置,可便于对各预设页面模板进行管理。为了提升用于对页面分区组件管理的便捷性,页面分区配置操作可以用于对已创建的页面模板中的模板分区的启用和停用进行设置,以灵活对预设页面模板中的待配置页面分区的启用和停用进行配置。为了快速的生成预设页面模板,在初始页面模板创建后,可以采用复制(Clone)的方式新建选择已有的页面模板。
在本发明实施例中,在所述得到所述预设页面模板之后,所述方法还可以包括:将所述预设页面模板存储至预设缓存中。其中,预设缓存可以理解为预设设置的用于存储预设页面模板的缓存。需要说明的是,在所述得到所述预设页面模板之后,将所述预设页面模板存储至预设缓存中,不仅可提升获取模板数据的响应时间,还可以保证预设页面模板在配置修改过程中模板信息不被查询加载。可选地,将所述预设页面模板存储至预设缓存中,可以包括:在接收到针对预设页面模板的缓存操作后,可以将所述预设页面模板存储至预设缓存中(图4中的已生效启用模板数据加载在缓存存储内)。
在上述实施例的基础上,所述方法还可以包括:响应于针对所述预设页面模板的配置信息修改操作,可以从所述缓存中读取所述预设页面的页面模板配置信息,并对所述页面模板配置信息进行修改。其中,配置信息修改操作可以理解为对预设页面模板进行修改的操作。
S220、针对每个页面分区组件,确定所述页面分区组件的组件配置元素以及与所述组件配置元素对应的元素行为信息。
在本发明实施例中,页面分区组件中可以配置一个或多个组件配置元素,也就是说,页面分区组件和组件配置元素之间的对应关系可以为一对一或一对多。页面分区组件中的组件配置元素可以是独立存在的元素。在本发明实施例中,可以预先将组件配置元素以及组件配置元素对应的元素行为信息配置于页面分区组件中。在组件配置元素对应的元素行为信息配置至页面分区组件后,可以默认生成了组件配置元素的元素行为数据结构,预先生成数据结构可更便捷管理元素行为。
为了提升对组件配置元素进行管理的便捷性,本发明实施例还包括:接收针对单个页面分区组件的组件元素配置操作,基于所述组件元素配置操作得到用户针对单个页面分区组件输入的组件配置元素的标识。将用户输入的组件配置元素的标识与已存在的组件配置元素的标识进行一致性比对。若比对不一致,则可以新建组件配置元素(图4中的新建元素);若比对一致,则可以对用户输入的组件配置元素的标识所对应的组件配置元素进行修改(图4中的修改元素)。在针对单个页面分区组件的组件配置元素配置完成后,可以将已配置的组件配置元素的元素信息进行存储。其中,元素信息包括元素名称、元素来源(图4中的资源)以及元素排序等。
基于此,在针对单个页面分区组件的组件配置元素配置完成后,本发明实施例还包括:对元素行为信息进行配置(图4中的元素行为修改)。可以理解的是,在本发明实施例中,在页面分区组件中新建组件配置元素后,可以针对组件配置元素创建默认的元素行为信息,以便于针对组件配置元素的元素行为信息(图4中的跳转、接口调用、启用周期)进行配置。
需要说明的是,在本发明实施例中,组件配置元素对应的元素行为信息的类型与HTML5页面内的方法可以是绑定关系。对于新增的元素行为信息的类型需要与解析组件配置元素的解析器保持同步。
S230、基于各所述组件配置元素和各所述元素行为信息,生成与所述页面生成指令对应的目标页面。
本发明实施例的技术方案,通过接收页面生成指令,于各预设页面模板中匹配与所述页面生成指令相匹配的目标页面模板,能够实现简化页面开发的开发流程,使得页面开发的工作量减少,从而提升了页面生成的效率。
实施例三
图5为本发明实施例三提供的一种页面生成装置的结构示意图。如图5所示,该装置包括:页面模板确定模块310、组件信息确定模块320和目标页面生成模块330。
其中,页面模板确定模块310,用于响应于页面生成指令,确定与所述页面生成指令对应的目标页面模板,其中,所述目标页面模板包括至少一个页面分区组件;组件信息确定模块320,用于针对每个页面分区组件,确定所述页面分区组件的组件配置元素以及与所述组件配置元素对应的元素行为信息;目标页面生成模块330,用于基于各所述组件配置元素和各所述元素行为信息,生成与所述页面生成指令对应的目标页面。
本发明实施例的技术方案,通过接收页面生成指令,确定与所述页面生成指令对应的目标页面模板,其中,所述目标页面模板包括至少一个页面分区组件。在本发明实施例中,通常设置页面模板以及于页面模板中设置页面分区组件,可简化页面的开发流程,使得页面开发的工作量减少。针对每个页面分区组件,确定所述页面分区组件的组件配置元素以及与所述组件配置元素对应的元素行为信息。本发明实施例中,通过在各页面分区组件中配置组件配置元素和元素行为信息,使得各页面分区组件拥有各自的作用,以便于后续基于各所述组件配置元素和各所述元素行为信息,快速生成与所述页面生成指令对应的目标页面,提升了页面生成的效率。
可选地,目标页面生成模块330,用于:
针对每个组件配置元素,将所述组件配置元素的元素行为信息绑定至所述组件配置元素,并基于所述组件配置元素的样式设置信息,对所述组件配置元素进行渲染处理,得到与所述页面生成指令对应的目标页面。
可选地,页面模板确定模块310,用于:
响应于页面生成指令,于各预设页面模板中匹配与所述页面生成指令相匹配的目标页面模板。
可选地,该装置还包括预设页面模板得到模块;预设页面模板得到模块,用于:
响应于页面模板配置操作,创建初始页面模板,其中,所述初始页面模板包括至少一个待配置页面分区;响应于针对所述待配置页面分区的页面分区配置操作,确定与所述待配置页面分区对应的目标分区组件以及所述目标分区组件对应的组件配置信息;将所述组件配置信息和所述待配置页面分区进行绑定,得到所述预设页面模板。
可选地,该装置还包括模板缓存模块;模板缓存模块,用于:
在所述得到所述预设页面模板之后,将所述预设页面模板存储至预设缓存中。
可选地,该装置还包括模板修改模块;模板修改模块,用于:
响应于针对所述预设页面模板的配置信息修改操作,从所述缓存中读取所述预设页面的页面模板配置信息,并对所述页面模板配置信息进行修改。
可选地,所述元素行为信息包括跳转行为信息或接口调用信息。
本发明实施例所提供的页面生成装置可执行本发明任意实施例所提供的页面生成方法,具备执行方法相应的功能模块和有益效果。
值得注意的是,上述页面生成装置所包括的各个单元和模块只是按照功能逻辑进行划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本发明实施例的保护范围。
实施例四
图6示出了可以用来实施本发明的实施例的电子设备10的结构示意图。电子设备旨在表示各种形式的数字计算机,诸如,膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置,诸如,个人数字处理、蜂窝电话、智能电话、可穿戴设备(如头盔、眼镜、手表等)和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例,并且不意在限制本文中描述的和/或者要求的本发明的实现。
如图6所示,电子设备10包括至少一个处理器11,以及与至少一个处理器11通信连接的存储器,如只读存储器(ROM)12、随机访问存储器(RAM)13等,其中,存储器存储有可被至少一个处理器执行的计算机程序,处理器11可以根据存储在只读存储器(ROM)12中的计算机程序或者从存储单元18加载到随机访问存储器(RAM)13中的计算机程序,来执行各种适当的动作和处理。在RAM 13中,还可存储电子设备10操作所需的各种程序和数据。处理器11、ROM 12以及RAM 13通过总线14彼此相连。输入/输出(I/O)接口15也连接至总线14。
电子设备10中的多个部件连接至I/O接口15,包括:输入单元16,例如键盘、鼠标等;输出单元17,例如各种类型的显示器、扬声器等;存储单元18,例如磁盘、光盘等;以及通信单元19,例如网卡、调制解调器、无线通信收发机等。通信单元19允许电子设备10通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
处理器11可以是各种具有处理和计算能力的通用和/或专用处理组件。处理器11的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的处理器、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。处理器11执行上文所描述的各个方法和处理,例如页面生成方法。
在一些实施例中,页面生成方法可被实现为计算机程序,其被有形地包含于计算机可读存储介质,例如存储单元18。在一些实施例中,计算机程序的部分或者全部可以经由ROM 12和/或通信单元19而被载入和/或安装到电子设备10上。当计算机程序加载到RAM 13并由处理器11执行时,可以执行上文描述的页面生成方法的一个或多个步骤。备选地,在其他实施例中,处理器11可以通过其他任何适当的方式(例如,借助于固件)而被配置为执行页面生成方法。
本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括:实施在一个或者多个计算机程序中,该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释,该可编程处理器可以是专用或者通用可编程处理器,可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令,并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
用于实施本发明的方法的计算机程序可以采用一个或多个编程语言的任何组合来编写。这些计算机程序可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器,使得计算机程序当由处理器执行时使流程图和/或框图中所规定的功能/操作被实施。计算机程序可以完全在机器上执行、部分地在机器上执行,作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
在本发明的上下文中,计算机可读存储介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的计算机程序。计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。备选地,计算机可读存储介质可以是机器可读信号介质。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
为了提供与用户的交互,可以在电子设备上实施此处描述的系统和技术,该电子设备具有:用于向用户显示信息的显示装置(例如,CRT(阴极射线管)或者LCD(液晶显示器)监视器);以及键盘和指向装置(例如,鼠标或者轨迹球),用户可以通过该键盘和该指向装置来将输入提供给电子设备。其它种类的装置还可以用于提供与用户的交互;例如,提供给用户的反馈可以是任何形式的传感反馈(例如,视觉反馈、听觉反馈、或者触觉反馈);并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如,作为数据服务器)、或者包括中间件部件的计算系统(例如,应用服务器)、或者包括前端部件的计算系统(例如,具有图形用户界面或者网络浏览器的用户计算机,用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如,通信网络)来将系统的部件相互连接。通信网络的示例包括:局域网(LAN)、广域网(WAN)、区块链网络和互联网。
计算系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器,又称为云计算服务器或云主机,是云计算服务体系中的一项主机产品,以解决了传统物理主机与VPS服务中,存在的管理难度大,业务扩展性弱的缺陷。
应该理解,可以使用上面所示的各种形式的流程,重新排序、增加或删除步骤。例如,本发明中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行,只要能够实现本发明的技术方案所期望的结果,本文在此不进行限制。
上述具体实施方式,并不构成对本发明保护范围的限制。本领域技术人员应该明白的是,根据设计要求和其他因素,可以进行各种修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等,均应包含在本发明保护范围之内。
Claims (10)
1.一种页面生成方法,其特征在于,包括:
响应于页面生成指令,确定与所述页面生成指令对应的目标页面模板,其中,所述目标页面模板包括至少一个页面分区组件;
针对每个页面分区组件,确定所述页面分区组件的组件配置元素以及与所述组件配置元素对应的元素行为信息;
基于各所述组件配置元素和各所述元素行为信息,生成与所述页面生成指令对应的目标页面。
2.根据权利要求1所述的方法,其特征在于,所述基于各所述组件配置元素和各所述元素行为信息,生成与所述页面生成指令对应的目标页面,包括:
针对每个组件配置元素,将所述组件配置元素的元素行为信息绑定至所述组件配置元素,并基于所述组件配置元素的样式设置信息,对所述组件配置元素进行渲染处理,得到与所述页面生成指令对应的目标页面。
3.根据权利要求1所述的方法,其特征在于,所述响应于页面生成指令,确定与所述页面生成指令对应的目标页面模板,包括:
响应于页面生成指令,于各预设页面模板中匹配与所述页面生成指令相匹配的目标页面模板。
4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
响应于页面模板配置操作,创建初始页面模板,其中,所述初始页面模板包括至少一个待配置页面分区;
响应于针对所述待配置页面分区的页面分区配置操作,确定与所述待配置页面分区对应的目标分区组件以及所述目标分区组件对应的组件配置信息;
将所述组件配置信息和所述待配置页面分区进行绑定,得到所述预设页面模板。
5.根据权利要求4所述的方法,其特征在于,在所述得到所述预设页面模板之后,所述方法还包括:
将所述预设页面模板存储至预设缓存中。
6.根据权利要求5所述的方法,其特征在于,所述方法还包括:
响应于针对所述预设页面模板的配置信息修改操作,从所述缓存中读取所述预设页面的页面模板配置信息,并对所述页面模板配置信息进行修改。
7.根据权利要求1所述的方法,其特征在于,所述元素行为信息包括跳转行为信息或接口调用信息。
8.一种页面生成装置,其特征在于,包括:
页面模板确定模块,用于响应于页面生成指令,确定与所述页面生成指令对应的目标页面模板,其中,所述目标页面模板包括至少一个页面分区组件;
组件信息确定模块,用于针对每个页面分区组件,确定所述页面分区组件的组件配置元素以及与所述组件配置元素对应的元素行为信息;
目标页面生成模块,用于基于各所述组件配置元素和各所述元素行为信息,生成与所述页面生成指令对应的目标页面。
9.一种电子设备,其特征在于,所述电子设备包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的计算机程序,所述计算机程序被所述至少一个处理器执行,以使所述至少一个处理器能够执行权利要求1-7中任一项所述的页面生成方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机指令,所述计算机指令用于使处理器执行时实现权利要求1-7中任一项所述的页面生成方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310411711.7A CN116225437A (zh) | 2023-04-17 | 2023-04-17 | 页面生成方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310411711.7A CN116225437A (zh) | 2023-04-17 | 2023-04-17 | 页面生成方法、装置、电子设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN116225437A true CN116225437A (zh) | 2023-06-06 |
Family
ID=86582816
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310411711.7A Pending CN116225437A (zh) | 2023-04-17 | 2023-04-17 | 页面生成方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116225437A (zh) |
-
2023
- 2023-04-17 CN CN202310411711.7A patent/CN116225437A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108427731B (zh) | 页面代码的处理方法、装置、终端设备及介质 | |
CN113703893B (zh) | 一种页面渲染方法、装置、终端及存储介质 | |
CN115309470B (zh) | 微件的加载方法、装置、设备以及存储介质 | |
CN112463154A (zh) | 页面生成方法、装置、系统和电子设备 | |
CN114218890A (zh) | 页面渲染方法、装置、电子设备以及存储介质 | |
CN110727429A (zh) | 一种前端页面的生成方法、装置及设备 | |
CN112395027A (zh) | 微件界面生成方法、装置、存储介质与电子设备 | |
CN114035865B (zh) | 启动小程序的方法、装置、设备以及存储介质 | |
CN113760242B (zh) | 一种数据处理方法、装置、服务器和介质 | |
CN114296737A (zh) | 业务代码生成方法、装置、设备及存储介质 | |
CN117234582A (zh) | 一种项目代码处理方法、装置、电子设备及存储介质 | |
CN113642295B (zh) | 页面排版方法、装置及计算机程序产品 | |
CN115469866A (zh) | 小程序的页面渲染方法、装置、电子设备和存储介质 | |
CN116225437A (zh) | 页面生成方法、装置、电子设备及存储介质 | |
CN113656041A (zh) | 数据处理方法、装置、设备及存储介质 | |
CN112784195A (zh) | 一种页面数据发布方法和系统 | |
CN112565472A (zh) | 静态资源的处理方法和装置 | |
CN116339733B (zh) | 一种应用程序页面生成方法、系统、电子设备及介质 | |
US20230230324A1 (en) | Method, System, Equipment and Medium for Modifying the Layering Layer Information of Finite Element Model Unit | |
CN115600029A (zh) | 一种网页页面的显示方法、装置、系统、设备及存储介质 | |
CN113535857A (zh) | 数据同步方法及装置 | |
CN115130039A (zh) | 一种网页渲染方法、装置、介质以及电子设备 | |
CN115981657A (zh) | 代码生成方法、装置、电子设备及可读介质 | |
CN118364197A (zh) | 子应用页面加载方法、装置、设备及存储介质 | |
CN115576977A (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 |