一种页面渲染方法、装置、电子设备及存储介质制造方法及图纸

本申请提供了一种页面渲染方法、装置、电子设备及存储介质，该方法包括：响应针对所述低代码平台包含待选组件的选择操作，获取用户在所述低代码平台上选择的目标组件；从预设的数据库中，获取需要进行展示的目标数据；基于预设的初始渲染规则，将所述目标组件和所述目标数据进行组合排布，生成目标页面；响应针对目标页面的访问操作，在所述图形用户界面上展示所述目标页面。本申请在渲染服务器中接收用户从低代码平台中选取的组件，并从预设的数据库中获取数据，将组件和数据进行渲染在客户端直接展示页面，大大降低了白屏时间，提高了用户体验。户体验。户体验。

【技术实现步骤摘要】
一种页面渲染方法、装置、电子设备及存储介质


[0001]本申请涉及页面处理
，具体而言，涉及一种页面渲染方法、装置、电子设备及存储介质。

技术介绍

[0002]随着计算机技术的飞速发展，应用开发也趋于高效化，低代码平台成为应用开发的重要工具。低代码平台是一款图形化、拖拉拽方式快速实现企业数字化转型中的创新应用、支持用少量代码扩展实现个性化需求的数字技术工具平台。
[0003]现有技术中较多使用客户端渲染的方式对产生的页面进行渲染，但是低代码平台由于自身包含的组件内容较多，使用现有的客户端渲染方式对低代码平台生成的页面进行渲染的时候，白屏时间较长，用户体验较差。

技术实现思路

[0004]有鉴于此，本申请的目的在于提供一种页面渲染方法、装置、电子设备及存储介质，在渲染服务器中接收用户从低代码平台中选取的组件，并从预设的数据库中获取数据，将组件和数据进行渲染在客户端直接展示页面，大大降低了白屏时间，提高了用户体验。
[0005]第一方面，本申请实施例提供了一种页面渲染方法，应用于渲染服务器，所述渲染服务器连接有预设的数据库；通过终端设备提供一图形用户界面，所述图形用户界面显示低代码平台包含的组件；所述方法包括：
[0006]响应针对所述低代码平台包含待选组件的选择操作，获取用户在所述低代码平台上选择的目标组件；
[0007]从预设的数据库中，获取需要进行展示的目标数据；
[0008]基于预设的初始渲染规则，将所述目标组件和所述目标数据进行组合排布，生成目标页面；
[0009]响应针对目标页面的访问操作，在所述图形用户界面上展示所述目标页面。
[0010]在本申请一些技术方案中，上述待选组件包括以下至少之一：
[0011]所述低代码平台自带的初始组件、在预设的开发标准下开发的组件、以及在预设的开发标准下对初始组件再次开发的组件。
[0012]在本申请一些技术方案中，上述基于预设的初始渲染规则，将所述目标组件和所述目标数据进行组合排布，生成目标页面，包括：
[0013]基于预设的初始渲染规则，将所述目标组件和所述目标数据进行组合排布，得到初始页面；
[0014]响应针对所述初始页面的调整操作，生成调整后的所述目标页面。
[0015]在本申请一些技术方案中，上述图形用户界面显示所述目标组件、所述目标数据和所述目标组件和所述目标数据的关联关系，所述对所述初始页面的调整操作，包括：
[0016]对所述目标组件的第一属性进行调整、对所述目标数据的第二属性进行调整，以
及对所述目标组件和所述目标数据的关联关系进行调整。
[0017]在本申请一些技术方案中，上述渲染方法还包括：
[0018]根据所述目标页面中所述目标组件的第一属性、所述目标数据的第二属性和所述目标组件和所述目标数据的关联关系对所述初始渲染规则进行更新，生成更新后的渲染规则；所述更新后的渲染规则用于再次进行页面渲染时使用。
[0019]在本申请一些技术方案中，上述渲染方法还包括：
[0020]响应针对所述目标页面的反馈操作，获取针对所述目标页面的反馈信息；
[0021]根据所述反馈信息对所述初始渲染规则进行更新，生成更新后的渲染规则；所述更新后的渲染规则用于再次进行页面渲染时使用。
[0022]在本申请一些技术方案中，上述反馈操作在所述图形用户界面显示的反馈区域进行，所述渲染方法还包括：
[0023]在满足以下至少之一条件时，所述图形用户界面取消显示的反馈区域：
[0024]预设等待时间内未检测到针对所述反馈区域的反馈操作；
[0025]预设等待时间内检测到针对取消显示控件的触控操作；
[0026]以及，检测到针对完成反馈控件的触控操作。
[0027]第二方面，本申请实施例提供了一种页面渲染装置，驻留于渲染服务器，所述渲染服务器连接有预设的数据库；通过终端设备提供一图形用户界面，所述图形用户界面显示低代码平台包含的组件；所述渲染装置包括：
[0028]第一获取模块，用于响应针对所述低代码平台包含待选组件的选择操作，获取用户在所述低代码平台上选择的目标组件；
[0029]第二获取模块，用于从预设的数据库中，获取需要进行展示的目标数据；
[0030]生成模块，用于基于预设的初始渲染规则，将所述目标组件和所述目标数据进行组合排布，生成目标页面；
[0031]显示模块，用于响应针对目标页面的访问操作，在所述图形用户界面上展示所述目标页面。
[0032]第三方面，本申请实施例提供了一种电子设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述的页面渲染方法的步骤。
[0033]第四方面，本申请实施例提供了一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器运行时执行上述的页面渲染方法的步骤。
[0034]本申请的实施例提供的技术方案可以包括以下有益效果：
[0035]本申请方法包括响应针对所述低代码平台包含待选组件的选择操作，获取用户在所述低代码平台上选择的目标组件；从预设的数据库中，获取需要进行展示的目标数据；基于预设的初始渲染规则，将所述目标组件和所述目标数据进行组合排布，生成目标页面；响应针对目标页面的访问操作，在所述图形用户界面上展示所述目标页面。本申请在渲染服务器中接收用户从低代码平台中选取的组件，并从预设的数据库中获取数据，将组件和数据进行渲染在客户端直接展示页面，大大降低了白屏时间，提高了用户体验。
[0036]为使本申请的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合
所附附图，作详细说明如下。
附图说明
[0037]为了更清楚地说明本申请实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
[0038]图1示出了本申请实施例所提供的一种页面渲染方法的流程示意图；
[0039]图2示出了本申请实施例所提供的一种生成目标页面的步骤示意图；
[0040]图3示出了本申请实施例所提供的一种页面渲染装置示意图；
[0041]图4为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
[0042]为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，应当理解，本申请中附图仅起到说明和描述的目的，并不用于限定本申请的保护范围。另外，应当理解，示意性的附图并未按实物比例绘制。本申请中使用的流程图示出了根据本申请的一些实施例实现的操作。应该理解，流程图的操作可以不按顺序实现，没有逻辑的本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面渲染方法，其特征在于，应用于渲染服务器，所述渲染服务器连接有预设的数据库；通过终端设备提供一图形用户界面，所述图形用户界面显示低代码平台包含的组件；所述方法包括：响应针对所述低代码平台包含待选组件的选择操作，获取用户在所述低代码平台上选择的目标组件；从预设的数据库中，获取需要进行展示的目标数据；基于预设的初始渲染规则，将所述目标组件和所述目标数据进行组合排布，生成目标页面；响应针对目标页面的访问操作，在所述图形用户界面上展示所述目标页面。2.根据权利要求1所述的方法，其特征在于，所述待选组件包括以下至少之一：所述低代码平台自带的初始组件、在预设的开发标准下开发的组件、以及在预设的开发标准下对初始组件再次开发的组件。3.根据权利要求1所述的方法，其特征在于，所述基于预设的初始渲染规则，将所述目标组件和所述目标数据进行组合排布，生成目标页面，包括：基于预设的初始渲染规则，将所述目标组件和所述目标数据进行组合排布，得到初始页面；响应针对所述初始页面的调整操作，生成调整后的所述目标页面。4.根据权利要求3所述的方法，其特征在于，所述图形用户界面显示所述目标组件、所述目标数据和所述目标组件和所述目标数据的关联关系，所述对所述初始页面的调整操作，包括：对所述目标组件的第一属性进行调整、对所述目标数据的第二属性进行调整，以及对所述目标组件和所述目标数据的关联关系进行调整。5.根据权利要求3所述的方法，其特征在于，所述渲染方法还包括：根据所述目标页面中所述目标组件的第一属性、所述目标数据的第二属性和所述目标组件和所述目标数据的关联关系对所述初始渲染规则进行更新，生成更新后的渲染规则；所述更新后的渲染规则用于再次进行页面渲染时使用。6.根据权利要求1所述的方法...

【专利技术属性】
技术研发人员：莫凯雯，
申请(专利权)人：平安银行股份有限公司，
类型：发明
国别省市：