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

权利要求书

1.一种前端页面的渲染生成方法，其特征在于，由前端设备执行，所述方法包括：

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

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

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

2.根据权利要求1所述的方法，其特征在于，所述DSL布局描述文件基于预定义的DSL布局描述协议对开发平台设备构建的可视化组件页面转换确定。

3.根据权利要求1所述的方法，其特征在于，所述DSL布局描述文件用于指示页面渲染所需的组件描述、组件属性描述以及组件间关系描述；所述组件间关系描述包括组件间依赖关系和关联组合关系。

4.根据权利要求1所述的方法，其特征在于，通过对所述DSL节点树进行解析，得到与所述前端设备相适配的至少一个目标视图模型树，包括：

基于所述前端设备的设备属性对所述DSL节点树进行解析，得到与所述前端设备相适配初始视图模型树，以及得到所述初始视图模型树关联的组件样式属性与组件动态属性；所述视图模型树包括至少两个视图模型节点，每一个视图模型节点对应一个原子组件；

对所述初始视图模型树关联的样式属性与动态属性中业务字段的初始取值内容进行调整，得到所述目标视图模型树。

5.根据权利要求4所述的方法，其特征在于，对所述初始视图模型树关联的样式属性与动态属性中业务字段的初始取值内容进行调整，包括：

针对初始视图模型树中每一个初始视图模型节点，通过数据绑定DataBind将所述初始视图模型节点ViewModelNode的部分动态属性中业务字段的初始取值内容替换成与所述初始取值内容关联的业务数据内容；

其中，所述初始取值内容包括通过GraphQl服务赋予给所述DSL布局描述文件描述的可视化组件页面中API接口所需业务字段的字段取值地址。

6.一种前端页面的渲染生成装置，其特征在于，配置于前端设备，所述装置包括：

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

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

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

7.根据权利要求1所述的方法，其特征在于，布局描述文件解析模块包括：

基于所述前端设备的设备属性对所述DSL节点树进行解析，得到与所述前端设备相适配初始视图模型树，以及得到所述初始视图模型树关联的组件样式属性与组件动态属性；所述视图模型树包括至少两个视图模型节点，每一个视图模型节点对应一个原子组件；

对所述初始视图模型树关联的样式属性与动态属性中业务字段的初始取值内容进行调整，得到所述目标视图模型树。

8.根据权利要求7所述的装置，其特征在于，对所述初始视图模型树关联的样式属性与动态属性中业务字段的初始取值内容进行调整，包括：

针对初始视图模型树中每一个初始视图模型节点，通过数据绑定DataBind将所述初始视图模型节点ViewModelNode的部分动态属性中业务字段的初始取值内容替换成与所述初始取值内容关联的业务数据内容；

其中，所述初始取值内容包括通过GraphQl服务赋予给所述DSL布局描述文件描述的可视化组件页面中API接口所需业务字段的字段取值地址。

9.一种前端设备，其特征在于，包括：

一个或多个处理器；

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

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现权利要求1-5中任一所述的前端页面的渲染生成方法。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1-5中任一所述的前端页面的渲染生成方法。