[发明专利]一种Web页面的渲染方法、系统及相关装置

说明书

本申请提供一种Web页面的渲染方法，包括：接收渲染请求；根据所述渲染请求调用Schema编辑器配置表单设计器，生成json对象数据；读取所述json对象数据，得到Schema配置信息；根据所述json对象数据包含的Schema配置信息显示对应的Web页面。本申请通过对业务系统对象进行封装，使得Web页面的生成和修改不依赖于硬编码，而是通过前端可视化的json schema配置来实现，另外json schema的修改记录还保留了版本，能够审查页面的修改情况。本申请还提供一种Web页面的渲染系统、计算机可读存储介质和电子设备，具有上述有益效果。

技术领域

本申请涉及数据处理领域，特别涉及一种Web页面的渲染方法、系统及相关装置。

背景技术

原有平台系统实现页面的生成是基于jsp或html技术完成，采用此种方式会有诸多缺点，例如系统中的页面字段的展示名称、显示逻辑、校验关系等都是通过硬编码方式写到jsp或html中的，需求上如果要增加、删除、修改字段或校验关系等，就得手动修改源代码。

发明内容

本申请的目的是提供一种Web页面的渲染方法、渲染系统、计算机可读存储介质和电子设备，能够快速实现Web页面渲染。

为解决上述技术问题，本申请提供一种Web页面的渲染方法，具体技术方案如下：

接收渲染请求；

根据所述渲染请求调用Schema编辑器配置表单设计器，生成json对象数据；

根据所述json对象数据包含的Schema配置信息显示对应的Web页面。

可选的，根据所述渲染请求调用Schema编辑器配置表单设计器包括：

根据所述渲染请求确定对应的页面模板；

调用Schema编辑器配置所述页面模板中的表单设计器。

可选的，根据所述渲染请求调用Schema编辑器配置表单设计器，生成json对象数据包括：

确认所述渲染请求中的页面配置信息；

根据所述页面配置信息调用Schema编辑器配置表单设计器；

保存所述表单设计器的内容，得到所述json对象数据。

可选的，根据所述json对象数据包含的Schema配置信息显示对应的Web页面包括：

将Schema配置信息解析为字段，利用字段解析器对每个所述字段进行渲染，得到UI组件；其中，所述UI组件为基于ant design框架的UI组件；

整合所述UI组件，得到所述Web页面。

可选的，根据所述json对象数据包含的Schema配置信息显示对应的Web页面时，还包括：

判断tab页签的数量是否为1；

若是，不展示所述tab页签。

可选的，利用字段解析器对每个所述字段进行渲染，得到UI组件之前，还包括：

修改所述jsonschema编辑组件的源代码，以支持所述ant design框架。

本申请还提供一种Web页面的渲染系统，包括：

请求接收模块，用于接收渲染请求；

表单配置模块，用于根据所述渲染请求调用Schema编辑器配置表单设计器，生成json对象数据；

页面渲染模块，用于根据所述json对象数据包含的Schema配置信息显示对应的Web页面。