[发明专利]前端页面的渲染生成方法、装置、前端设备及存储介质

说明书

本发明实施例公开了一种前端页面的渲染生成方法、装置、前端设备及存储介质。所述方法包括：从开发平台设备生成的DSL布局描述文件中读取DSL节点树；通过对所述DSL节点树进行解析，得到与所述前端设备相适配的至少一个目标视图模型树；依据所述目标视图模型树在所述前端设备上进行视图渲染，以生成包括至少两个原子组件的可视化组件页面。采用本实施例的方案，在渲染生成前端页面时，能够对按照预定义格式生成的DSL布局描述文件进行解析，得到与前端设备适配的视图模型树进行页面渲染，解决了在页面渲染时无法适配前端设备进行渲染的问题，且能保证开发平台设备端与前端设备的双端页面一致性，实现跨端页面开发以及前端的页面开发动态化。

技术领域

本发明实施例涉及计算机技术领域，尤其涉及一种前端页面的渲染生成方法、装置、前端设备及存储介质。

背景技术

通过开发移动端APP能承载服务端所提供的各种页面服务，前端开发人员通常会基于移动端的开发平台对前端页面进行开发，开发人员不仅要处理复杂的业务逻辑、设计多样的界面以及降低页面的开发成本，同时还要保证页面代码的高可用性、易读性、低出错率以及提高开发效率。因此，如何快速简单地开发生成前端页面变得尤为重要。

发明内容

本发明实施例中提供了一种前端页面的渲染生成方法、装置、前端设备及存储介质，以减少移前端页面开发人力和成本，提高前端页面开发简易性。

第一方面，本发明实施例中提供了一种前端页面的渲染生成方法，由前端设备执行，所述方法包括：

从开发平台设备生成的DSL布局描述文件中读取DSL节点树；

通过对所述DSL节点树进行解析，得到与所述前端设备相适配的至少一个目标视图模型树；

依据所述目标视图模型树在所述前端设备上进行视图渲染，以生成包括至少两个原子组件的可视化组件页面。

第二方面，本发明实施例中还提供了一种前端页面的渲染生成装置，配置于前端设备，所述装置包括：

布局描述文件读取模块，用于从开发平台设备生成的DSL布局描述文件中读取DSL节点树；

布局描述文件解析模块，用于通过对所述DSL节点树进行解析，得到与所述前端设备相适配的至少一个目标视图模型树；

页面渲染生成模块，用于依据所述目标视图模型树在所述前端设备上进行视图渲染，以生成包括至少两个原子组件的可视化组件页面。

第三方面，本发明实施例中还提供了一种前端设备，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序；

所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明任意实施例中提供的前端页面的渲染生成方法。

第四方面，本发明实施例中还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本发明任意实施例中提供的前端页面的渲染生成方法。

本发明实施例中提供了一种前端页面的渲染生成方法，前端设备从获取开发平台设备上生成的DSL布局描述文件，并从DSL布局描述文件中读取包含的读取DSL节点树，通过解析DSL节点树得到与前端设备相适配的至少一个目标视图模型树；在此基础上，前端设备可以按照目标视图模型树在前端设备上进行视图渲染，生成包括至少两个原子组件的可视化组件页面。采用本实施例的方案，在渲染生成前端页面时，能够对按照预定义格式生成的DSL布局描述文件进行解析，得到与前端设备适配的视图模型树进行页面渲染，解决了在页面渲染时无法适配前端设备进行渲染的问题，且能保证开发平台设备端与前端设备的双端页面一致性，实现跨端页面开发以及前端的页面开发动态化。