前端页面的渲染生成方法、装置、前端设备及存储介质.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN112558970A(43)申请公布日2021.03.26(21)申请号202011547383.6(22)申请日2020.12.24(71)申请人贵阳货车帮科技有限公司地址550008贵州省贵阳市经开区开发大道123号(72)发明人陈传爱(74)专利代理机构北京品源专利代理有限公司11332代理人孟金喆(51)Int.Cl.G06F8/38(2018.01)权利要求书2页说明书8页附图4页(54)发明名称前端页面的渲染生成方法、装置、前端设备及存储介质(57)摘要本发明实施例公开了一种前端页面的渲染生成方法、装置、前端设备及存储介质。所述方法包括：从开发平台设备生成的DSL布局描述文件中读取DSL节点树；通过对所述DSL节点树进行解析，得到与所述前端设备相适配的至少一个目标视图模型树；依据所述目标视图模型树在所述前端设备上进行视图渲染，以生成包括至少两个原子组件的可视化组件页面。采用本实施例的方案，在渲染生成前端页面时，能够对按照预定义格式生成的DSL布局描述文件进行解析，得到与前端设备适配的视图模型树进行页面渲染，解决了在页面渲染时无法适配前端设备进行渲染的问题，且能保证开发平台设备端与前端设备的双端页面一致性，实现跨端页面开发以及前端的页面开发动态化。CN112558970ACN112558970A权利要求书1/2页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所述的装置，其特征在于，对所述初始视图模型树关联的样式属性与2CN112558970A权利要求书2/2页动态属性中业务字段的初始取值内容进行调整，包括：针对初始视图模型树中每一个初始视图模型节点，通过数据绑定DataBind将所述初始视图模型节点ViewModelNode的部分动态属性中业务字段的初始取值内容替换成与所述初始取值内容关联的业务数据内容；其中，所述初始取值内容包括通过GraphQl服务赋予给所述DSL布局描述