一种基于前端高低代码融合的页面展示方法技术

本说明书公开了一种基于前端高低代码融合的页面展示方法，可以接收用户的页面访问请求，并根据页面访问请求，确定用户需要访问的高代码页面，若确定该高代码页面对应的访问路径与预设的低代码应用路由相匹配，调用预设的软件开发工具包

【技术实现步骤摘要】
一种基于前端高低代码融合的页面展示方法


[0001]本说明书涉及前端
，尤其涉及一种基于前端高低代码融合的页面展示方法
。

技术介绍

[0002]在互联网领域，前端开发是一项必不可少的技术，当前，前端开发技术分为高代码的相关技术和低代码的相关技术
。
[0003]高代码的页面使用的是通用的前端代码，开发人员需要通过一定的程序语言进行编程来实现高代码的页面
。
低代码是一种可视化的前端开发方式，设计人员可以通过可视化平台，操作图形界面
、
进行参数配置，来构建出低代码的页面，因此，相较于高代码的前端开发方式，低代码更为有效率
。
相比于低代码，高代码更加适合针对性的需求，因此，两者各有优点
。
[0004]当前，高代码的页面，与低代码的页面之间无法互通，对于一个网站平台来说，很难在已经使用了高代码进行开发的基础上再进行低代码页面的开发，从而，如何使得高代码页面与低代码页面之间进行融合，则是一个亟待解决的问题
。

技术实现思路

[0005]本说明书提供一种基于前端高低代码融合的页面展示方法，以部分的解决现有技术存在的上述问题
。
[0006]本说明书采用下述技术方案：
[0007]本说明书提供了一种基于前端高低代码融合的页面展示方法，包括：
[0008]接收用户的页面访问请求；
[0009]根据所述页面访问请求，确定所述用户需要访问的高代码页面；
[0010]若确定所述高代码页面对应的访问路径与预设的低代码应用路由相匹配，调用预设的软件开发工具包
SDK
，以通过所述
SDK
根据所述低代码应用路由，确定出所述低代码应用路由对应的配置文件，并根据所述低代码应用配置对低代码元素进行实例化，得到实例化出的低代码元素，所述配置文件包括低代码应用配置以及所述低代码应用路由对应低代码页面的
schema
协议文件；
[0011]根据所述
schema
协议文件和所述实例化出的低代码元素，通过所述
SDK
对所述高代码页面中的属于低代码的至少部分页面元素进行渲染以及将所述高代码页面中的其他页面元素进行渲染，以得到渲染出的高代码页面，并向所述用户进行页面展示
。
[0012]可选地，接收用户的页面访问请求之前，所述方法还包括：
[0013]在所述低代码应用路由所对应的低代码应用发布后，将所述低代码应用路由与所述低代码应用路由对应的配置文件之间进行关联，并对应存储在数据库中
。
[0014]可选地，所述低代码应用配置包括应用基本配置
、
组件配置
、
插件配置以及数据服务配置；
[0015]根据所述低代码应用配置对低代码元素进行实例化，得到实例化出的低代码元素，具体包括：
[0016]确定所述低代码应用路由对应的组件以及插件；
[0017]根据所述插件配置，将所述低代码应用路由对应的插件实例化，根据所述组件配置，将所述低代码应用路由对应的组件实例化，以及根据所述数据服务配置，对所述低代码应用路由对应的数据服务进行实例化，将实例化后的插件
、
实例化后的组件以及实例化后的数据服务，作为实例化出的低代码元素
。
[0018]可选地，根据所述
schema
协议文件以及实例化出的低代码元素，通过所述
SDK
对所述高代码页面中的属于低代码的至少部分页面元素进行渲染之前，所述方法还包括：
[0019]对所述
schema
协议文件进行解析，得到所述
schema
协议文件中描述出的组件以及组件之间的关系；
[0020]根据所述
schema
协议文件中描述出的组件以及组件之间的关系，确定组件树
。
[0021]可选地，根据所述
schema
协议文件以及实例化出的低代码元素，通过所述
SDK
对所述高代码页面中的属于低代码的至少部分页面元素进行渲染，具体包括：
[0022]根据所述组件树，确定所述
schema
协议文件中包含的若干区块节点；
[0023]针对每个区块节点，递归地确定出该区块节点中包含的子节点，并确定出所述子节点对应的组件，根据所述实例化出的低代码元素，对所述子节点对应的组件进行渲染，直到无法继续确定出该区块节点的子节点；
[0024]将所述
schema
协议文件中各区块节点中的子节点的组件渲染完成后，完成针对所述高代码页面中的属于低代码的至少部分页面元素进行渲染
。
[0025]可选地，所述高代码页面所对应的应用代码中导入有所述
SDK。
[0026]本说明书提供一种基于前端高低代码融合的页面展示的装置，包括：
[0027]接收模块，用于接收用户的页面访问请求；
[0028]确定模块，用于根据所述页面访问请求，确定所述用户需要访问的高代码页面；
[0029]实例化模块，用于若确定所述高代码页面对应的访问路径与预设的低代码应用路由相匹配，调用预设的软件开发工具包
SDK
，以通过所述
SDK
根据所述低代码应用路由，确定出所述低代码应用路由对应的配置文件，并根据所述低代码应用配置对低代码元素进行实例化，得到实例化出的低代码元素，所述配置文件包括低代码应用配置以及所述低代码应用路由对应低代码页面的
schema
协议文件；
[0030]渲染模块，用于根据所述
schema
协议文件和所述实例化出的低代码元素，通过所述
SDK
对所述高代码页面中的属于低代码的至少部分页面元素进行渲染以及将所述高代码页面中的其他页面元素进行渲染，以得到渲染出的高代码页面，并向所述用户进行页面展示
。
[0031]可选地，所述装置还包括：
[0032]存储模块，用于在所述低代码应用路由所对应的低代码应用发布后，将所述低代码应用路由与所述低代码应用路由对应的配置文件之间进行关联，并对应存储在数据库中
。
[0033]可选地，所述低代码应用配置包括应用基本配置
、
组件配置
、
插件配置以及数据服务配置；
[0034]所述实例化模块具体用于，确定所述低代码应用路由对应的组件以及插件；根据所述插件配置，将所述低代码应用路由对应的插件实例化，根据所述组件配置，将所述低代码应用路由对应的组件实例化，以及根据所述数据服务配置，对所述低代码应用路由对应的数据服务进行实例化，将实例化后的插件
、
实例化后的组件以及实例化后的数据服务，作为实例化出的低代码元素
。
[0035]本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种基于前端高低代码融合的页面展示方法，其特征在于，包括：接收用户的页面访问请求；根据所述页面访问请求，确定所述用户需要访问的高代码页面；若确定所述高代码页面对应的访问路径与预设的低代码应用路由相匹配，调用预设的软件开发工具包
SDK
，以通过所述
SDK
根据所述低代码应用路由，确定出所述低代码应用路由对应的配置文件，并根据所述配置文件中的低代码应用配置对低代码元素进行实例化，得到实例化出的低代码元素；根据所述配置文件中的
schema
协议文件和所述实例化出的低代码元素，通过所述
SDK
对所述高代码页面中的属于低代码的至少部分页面元素进行渲染以及将所述高代码页面中的其他页面元素进行渲染，以得到渲染出的高代码页面，并向所述用户进行页面展示
。2.
如权利要求1所述的方法，其特征在于，接收用户的页面访问请求之前，所述方法还包括：在所述低代码应用路由所对应的低代码应用发布后，将所述低代码应用路由与所述低代码应用路由对应的配置文件之间进行关联，并对应存储在数据库中
。3.
如权利要求1所述的方法，其特征在于，所述低代码应用配置包括应用基本配置
、
组件配置
、
插件配置以及数据服务配置；根据所述低代码应用配置对低代码元素进行实例化，得到实例化出的低代码元素，具体包括：确定所述低代码应用路由对应的组件以及插件；根据所述插件配置，将所述低代码应用路由对应的插件实例化，根据所述组件配置，将所述低代码应用路由对应的组件实例化，以及根据所述数据服务配置，对所述低代码应用路由对应的数据服务进行实例化，将实例化后的插件
、
实例化后的组件以及实例化后的数据服务，作为实例化出的低代码元素
。4.
如权利要求1所述的方法，其特征在于，根据所述
schema
协议文件以及实例化出的低代码元素，通过所述
SDK
对所述高代码页面中的属于低代码的至少部分页面元素进行渲染之前，所述方法还包括：对所述
schema
协议文件进行解析，得到所述
schema
协议文件中描述出的组件以及组件之间的关系；根据所述
schema
协议文件中描述出的组件以及组件之间的关系，确定组件树
。5.
如权利要求4所述的方法，其特征在于，根据所述
schema
协议文件以及...

【专利技术属性】
技术研发人员：陈晓耀，邱鹏，纪政，杜锦，高远，陈韬，张健，沈盼，聂旗，
申请(专利权)人：之江实验室，
类型：发明
国别省市：