CN114816404B 动态渲染视图页面的方法、装置、计算机设备及存储介质 （卓望数码技术（深圳）有限公司）

道高新区社区高新南七道015号深港本发明提供了一种动态渲染视图页面的方当导入的图片为PSD图片时，对PSD图片进行解对文档数据模型进行解析，并根据解析出的PSD图片的全局属性，在视图页面中绘制出背景画2根据所述关键布局属性以及层叠顺序，通过VUE框架机制，将所述V将所述全局属性分配至所述文档数据模型中，将所述元素属性分配至所述根据解析后的元素属性，对所述PSD图片的元素进行z-index定位根据所述视图页面的坐标系，将所述定位元素的坐标信息转换为将所述PSD图片所有元素的视图格式类型一一映射到预设的VUE在所述VUE组件库中动态加载所述PSD图片所有元素对根据所述关键布局属性以及所述层叠顺序，确定所述VUE组件的挂载顺序以及挂载位根据所述挂载顺序以及挂载位置，通过VUE框架机制，将所述VU3当判断结果为否，则执行对解析后的所述PSD图片的元素属性进行z-index定位的步将所述全局属性分配至所述文档数据模型中，将所述元素属性分配至根据所述视图页面的坐标系，将所述定位元素的坐标信息转换为将所述PSD图片所有元素的视图格式类型一一映射到预设的VUE在所述VUE组件库中动态加载所述PSD图片所有元素对7.一种计算机设备，包括存储器、处理器8.一种计算机可读指令的可读存储介质，其特征在多个处理器执行时，使得所述一个或多个处理器执行如权利要求1-4任意一项所述的动态4要求，剪切相应的图片以及图标，研发人员则需要按照设计师提供的设计稿，使用Vue、照预设分配规则分别映射至文档数据模型以5[0016]在一实施例中，所述根据解析出的元素属性，对所述PSD图片的各图层进行z-[0020]根据所述定位元素转换后的坐标信息，为所述定位元素分别赋予对应的z-index[0027]根据所述关键布局属性以及所述层叠顺序，确定所述VUE组件的挂载顺序以及挂[0029]在一实施例中，所述对解析出的所述PSD图片的元素属性进行z析出的图层属性按照预设分配规则分别映射至文档数据模型以及元素[0038]视图页面生成单元，用于根据所述关键布局属性以及层叠顺序，通过VUE框架机67性中的width(宽度)、height(高度)对该空白区域的高度以及宽度进行调整，然后可根据数组数据模型，示例性的，该元素属性可包括元素[0063]在本申请实施例中，根据该元素属性，确定定位元素，即position属性值为视图页面的坐标系对该定位元素的坐标位置信息进行转换，对转换后的定位元素配置z-[0068]在本申请一实施例中，将该自定义标签一一映射到预设的VUE组件库中的VUE组8[0082]在本申请实施例中，元素属性可包括该元素属性可包括元素的width(宽度)、9属性按照元素类型标签划分为全局属性和元素属性，然后将全局属性映射至文档数据模性中的width(宽度)、height(高度)对该空白区域的高度以及宽度进行调整，然后可根据数组数据模型，示例性的，该元素属性可包括元素[0091]在本申请实施例中，关键布局属性可包括width(宽度)、height(高度)、定位[0092]在本申请一实施例中，对解析出的所述PSD图片的元素属性进行z-index定位之解析出的所述PSD图片的元素属性进行z-index定位[0100]根据所述定位元素转换后的坐标信息，为所述定位元素分别赋予对应的z-index[0102]在本申请实施例中，PSD图片的元素可分为定位元素和普通元素，定位元素是指轴坐标为2，定位元素B的Z轴坐标为3，则该定位元素A的z-index值小于该定位元素B的z-[0114]在本申请实施例中，该VUE组件可包括视图页面开发所需的所有元素组件对应的[0116]在本申请实施例中，所述根据所述关键布局属性以及层叠顺序，通过VUE框架机[0117]根据所述关键布局属性以及所述层叠顺序，确定所述VUE组件的挂载顺序以及挂[0120]本申请中，通过将PSD图片的图层属性分别映射至文档数据模型以及元素数据模的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限解析出的图层属性按照预设分配规则分别映射至文档数据模型以及元素数据模[0139]根据所述定位元素转换后的坐标信息，为所述定位元素分别赋予对应的z-index[0146]根据所述关键布局属性以及所述层叠顺序，确定所述VUE组件的挂载顺序以及挂[0152]本申请中，通过将PSD图片的图层属性分别映射至文档数据模型以及元素数据模[0153]关于动态渲染视图页面的装