页面生成方法、装置、计算机设备及存储介质制造方法及图纸

技术编号:25184597 阅读:13 留言:0更新日期:2020-08-07 21:12
本发明专利技术涉及研发管理技术领域,具体公开了一种页面生成方法、装置、计算机设备及计算机可读存储介质,该方法包括:获取页面生成系统中的组件;基于预置组件管理库,确定所述组件的配置信息;基于预置样式管理库,确定所述组件的样式表;检测到目标应用系统运行时,根据所述配置信息和所述样式表,生成对应的页面,实现了将预置组件管理库和预置样式管理库存储于页面生成系统的区块链中,通过将页面生成系统和目标应用系统两个独立的系统在页面生成过程中分别与组件进行交互,避免生成的页面不一致,也提升了用户体验,以致在使用的时候更直观。

【技术实现步骤摘要】
页面生成方法、装置、计算机设备及存储介质
本申请涉及研发管理
,尤其涉及一种页面生成方法、装置、计算机设备及计算机可读存储介质。
技术介绍
页面生成技术是一种通过拖拽的方式生成网页的方法,这种方法可以简化开发工作,提升开发效率。目前业内存在各种页面生成系统和工具,这种技术大多基于droptools(下拉工具)开发规范,可以实现页面元素的拖拽和生成网页代码。但页面生成系统和目标应用系统由于是两个相互独立的系统,目标应用系统在访问或显示页面生成系统生成的页面时,该页面分别页面生成系统和目标应用系统中显示存在差异,显示的页面不一致。
技术实现思路
本申请的主要目的在于提供一种页面生成方法、装置、计算机设备及计算机可读存储介质,旨在解决的目标应用系统在访问或显示页面生成系统生成的页面时,该页面分别页面生成系统和目标应用系统中显示存在差异,显示的页面不一致的技术问题。第一方面,本申请提供一种页面生成方法,所述页面生成方法包括以下步骤:获取页面生成系统中的组件;基于预置组件管理库,确定所述组件的配置信息;基于预置样式管理库,确定所述组件的样式表;检测到目标应用系统运行时,根据所述配置信息和所述样式表,生成对应的页面。第二方面,本申请还提供一种页面生成装置,所述页面生成装置包括:获取模块,用于获取页面生成系统中的组件;第一确定模块,用于基于预置组件管理库,确定所述组件的配置信息;第二确定模块,用于基于预置样式管理库,确定所述组件的样式表;生成模块,用于检测目标应用系统运行,根据所述配置信息和所述样式表,生成对应的页面。第三方面,本申请还提供一种计算机设备,所述计算机设备包括处理器、存储器、以及存储在所述存储器上并可被所述处理器执行的计算机程序,其中所述计算机程序被所述处理器执行时,实现如前述的页面生成方法的步骤。第四方面,本申请还提供一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,其中所述计算机程序被处理器执行时,实现如前述的页面生成方法的步骤。本申请提供一种页面生成方法、装置、计算机设备及计算机可读存储介质,通过获取页面生成系统中的组件;基于预置组件管理库,确定所述组件的配置信息;基于预置样式管理库,确定所述组件的样式表;检测到目标应用系统运行时,根据所述配置信息和所述样式表,生成对应的页面,实现了通过目标应用系统基于组件的组件管理和样式管理来进行生成页面,避免页面不一致的问题。附图说明为了更清楚地说明本申请实施例技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1为本申请实施例提供的一种页面生成方法的流程示意图;图2为图1中的页面生成方法的子步骤流程示意图;图3为图1中的页面生成方法的子步骤流程示意图;图4为申请实施例提供的另一种页面生成方法的流程示意图;图5为本申请实施例提供的一种页面生成装置的示意性框图;图6为本申请一实施例涉及的计算机设备的结构示意框图。本申请目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。具体实施方式下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。附图中所示的流程图仅是示例说明,不是必须包括所有的内容和操作/步骤,也不是必须按所描述的顺序执行。例如,有的操作/步骤还可以分解、组合或部分合并,因此实际执行的顺序有可能根据实际情况改变。本申请实施例提供一种页面生成方法、装置、计算机设备及计算机可读存储介质。其中,该页面生成方法可应用于终端设备中,该终端设备可以手机、平板电脑、笔记本电脑、台式电脑等电子设备。下面结合附图,对本申请的一些实施方式作详细说明。在不冲突的情况下,下述的实施例及实施例中的特征可以相互组合。请参照图1,图1为本申请的实施例提供的一种页面生成方法的流程示意图。如图1所示,该页面生成方法包括步骤S101至步骤S104。步骤S101、获取页面生成系统中的组件。获取页面生成系统的存储路径,通过存储路径获取组件库中的组件,该组件为预先存储在组件库中,该组件包括:按钮、输入框、搜索框、密码框等。该获取的方式包括通过用户的操作指令,获取存储路径中的组件。例如,在接收到用户的点击操作指令,基于用户的点击操作指令访问存储路径的组件库,选择该组件库中的按钮、输入框等。步骤S102、基于预置组件管理库,确定所述组件的配置信息。当获取到页面生成系统的公共链中组件库的组件时,通过预置组件管理获取该组件的配置信息。预置组件管理为组件开发者预先存储至页面生成系统中的。例如,组件开发者查询标准的开发规范,确定该组件的配置信息,将确定好的配置信息存储于页面生成系统存储路径的组件管理库中,其中组件管理库存储于页面生成系统的区块链的公共链中。在存储之前检测存储路径中是否存在组件管理库,若检测到该存储路径中没有组件管理库,则在该存储路径中建立一个组件管理库。其中,组件的配置信息存储配置信息包括组件的行为、数据属性等。在一实施例中,获取所述组件的配置信息包括:获取所述页面生成系统的存储路径;基于所述存储路径,访问所述存储路径中的预置组件管理库;查询所述预置组件管理库,确定所述预置组件管理库中所述组件的行为配置信息、数据配置信息以及坐标配置信息。示范例的,获取页面生成系统的存储路径,通过该存储路径访问该存储路径中的预置组件管理库。通过该组件查询预置组件管理库,获取该预置组件管理库中该组件的配置信息。例如,获取该组件的名称,通过该组件的名称查询预置组件管理库,获取该名称对应的组件在预置组件管理库中的配置信息。其中,配置信息包括行为配置信息、数据配置信息和坐标配置信息。例如,该组件的为名称为按钮1,查询预置管理库中该按钮1对应的行为配置信息是点击行为还是自动行为等,以及在生成页面中的坐标位置等。或者,当组件为日历组件名称或期限组件名称时,配置日期的显示信息以及当前日期等。步骤S103、基于预置样式管理库,确定所述组件的样式表。查询预置样式管理库,预置样式管理库为样式开发人员基于标准开发规范进行开发样式表,将开发好的样式表存储于预置样式管理库中,其中样式管理库存储于页面生成系统的区块链的公共链中。例如,通过该组件的属性或名称等信息确定对应的样式表。样式表包括色彩的属性、字体的格式、大小等、按钮的主次以及类型等。在一实施例中,获取所述组件的样式表,包括:检测用户的操作指令;基于所述操作指令,确定预置样式管理库中所述操作指令对应的样式表。本文档来自技高网...

【技术保护点】
1.一种页面生成方法,其特征在于,包括:/n获取页面生成系统中的组件;/n基于预置组件管理库,确定所述组件的配置信息;/n基于预置样式管理库,确定所述组件的样式表;/n检测到目标应用系统运行时,根据所述配置信息和所述样式表,生成对应的页面。/n

【技术特征摘要】
1.一种页面生成方法,其特征在于,包括:
获取页面生成系统中的组件;
基于预置组件管理库,确定所述组件的配置信息;
基于预置样式管理库,确定所述组件的样式表;
检测到目标应用系统运行时,根据所述配置信息和所述样式表,生成对应的页面。


2.如权利要求1所述的页面生成方法,其特征在于,其中,所述组件包括扩展组件;所述获取页面生成系统中的组件之前,包括:
根据预置插件对待扩展组件进行扩展,生成对应的扩展组件;
对所述扩展组件进行打包,生成对应的软件开发工具包;
将所述软件开发工具包存储至所述页面生成系统的存储路径中。


3.如权利要求2所述的页面生成方法,其特征在于,所述生成对应的扩展组件,包括:
确定所述组件中待扩展组件,并获取所述待扩展组件的属性信息;
基于预置组件规范信息修改所述待扩展组件的属性信息,生成对应的扩展组件。


4.如权利要求1所述的页面生成方法,其特征在于,其中,所述配置信息包括行为配置信息、数据配置信息以及坐标配置信息;所述基于预置组件管理库,获取所述组件的配置信息,包括:
获取所述页面生成系统的存储路径;
基于所述存储路径,访问所述存储路径中的预置组件管理库;
查询所述预置组件管理库,确定所述预置组件管理库中所述组件的行为配置信息、数据配置信息以及坐标配置信息。


5.如权利要求1所述的页面生成方法,其特征在于,所述基于预置样式管理库,获取所述组件的样式表,包括:
检测用户的操作指令;
基于所述操作指令,确定预置样式管理库中所述操作指令对应的样式表。


6.如权利要求4所述的页面生成方法,其特征在于,所述根据所述配置信息和所述样式表...

【专利技术属性】
技术研发人员:王征徽
申请(专利权)人:平安国际智慧城市科技股份有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1