本技术实施例涉及计算机领域，具体而言，涉及一种视图的渲染方法及装置、存储介质、电子设备、程序产品。
背景技术：
1、现有的设备视图展示方式，一般就是对各设备机型进行适配，每个机型对应独有的设备视图，每个设备视图下的硬件(组件)也对应不同的图片。然后系统使用人员，打开设备视图，查看详细信息，在这个设备视图上进行查询和设置操作。但由于每个机型的结构图，机型的硬盘、系统盘等不尽相同，导致现有技术中设备视图做的十分复杂，存在设备视图无法跟实际物理设备(服务器)准确对应，以及对不同机型及不同组件的操作繁杂的问题。
技术实现思路
1、本技术实施例提供了一种视图的渲染方法及装置、存储介质、电子设备、程序产品，以至少解决相关技术中视图渲染对应不准确，操作复杂的问题。
2、根据本技术的一个实施例，提供了一种视图的渲染方法，包括：在接收到用于指示将目标设备的视图渲染至目标界面中的渲染指令的情况下，获取与上述目标设备对应的渲染模板；执行上述渲染模板，以将上述目标设备的视图渲染至上述目标界面；其中，上述渲染模板是通过执行渲染操作得到的，上述渲染操作包括：将上述目标设备的轮廓视图渲染至上述目标界面中；基于上述目标设备的设备信息确定上述目标设备的目标装配表；按照上述目标装配表中包括的位于上述目标设备的目标位置的第一组件的第一坐标信息将上述第一组件的第一组件视图渲染至上述轮廓视图中包括的与上述第一坐标信息对应的位置中，并基于上述目标装配表中包括的装配参数以及上述第一坐标信息将上述目标设备的其他组件的其他组件视图渲染至上述目标界面中的上述轮廓视图中；在渲染成功的情况下，反馈渲染代码；基于上述渲染代码生成上述渲染模板。
3、在一个示例性实施例中，上述基于上述目标设备的设备信息确定上述目标设备的目标装配表，包括：基于上述设备信息确定上述目标设备包括的组件的第一数量、上述目标设备的每一行所包括的组件的第二数量、上述目标设备的每一列所包括的组件的第三数量、以及每个组件的尺寸信息；设置上述目标设备的组件视图在上述轮廓视图中的左右间隔，其中，上述左右间隔表示在上述轮廓视图的每一行中相邻的上述组件视图之间的距离；设置上述目标设备的组件视图在上述轮廓视图中的上下间隔，其中，上述上下间隔表示在上述轮廓视图的每一列中相邻的上述组件视图之间的距离；获取上述目标设备已装配的组件的第三数量，以及已装配组件的槽位信息；基于上述第一数量、上述第三数量以及上述槽位信息确定跳过渲染的跳过组件视图的第一排序字段，以及待渲染组件的第二排序字段；确定上述第一组件视图的第一坐标信息；将上述第一数量、上述第二数量、上述第三数量、上述尺寸信息、上述左右间隔、上述上下间隔、上述第一排序字段、上述第二排序字段以及上述第一坐标信息确定为上述目标装配表。
4、在一个示例性实施例中，上述基于上述目标装配表中包括的装配参数以及上述第一坐标信息将上述目标设备的其他组件的其他组件视图渲染至上述目标界面中的上述轮廓视图中，包括：基于上述第一坐标信息以及上述装配参数中包括的尺寸信息、左右间隔、上下间隔确定上述其他组件视图的第二坐标信息；基于上述第二坐标信息将上述其他组件的其他组件视图渲染至上述轮廓视图中。
5、在一个示例性实施例中，上述基于上述第二坐标信息将上述其他组件的其他组件视图渲染至上述轮廓视图中，包括：基于上述装配参数确定跳过组件视图的第一排序字段，以及待渲染组件的第二排序字段；基于上述第一排序字段确定上述其他组件中包括的上述跳过组件视图，以及上述待渲染组件；确定上述第二坐标信息中包括的上述跳过组件视图的第三坐标信息，以及上述待渲染组件的第四坐标信息；基于上述第三坐标信息以及上述装配参数中包括的上述跳过组件的尺寸信息确定跳过区域；将上述轮廓视图中的上述跳过区域设置为空；将上述待渲染组件的组件视图的目标位置在上述轮廓视图中的坐标信息设置为上述第四坐标信息，以将上述待渲染组件的组件视图渲染至上述轮廓视图中。
6、在一个示例性实施例中，在基于上述第二坐标信息将上述其他组件的其他组件视图渲染至上述轮廓视图中之后，上述方法还包括：确定上述轮廓视图中渲染的每行上述组件视图中的第一个组件视图的左边界到最后一个组件视图的右边界的第一距离；在上述第一距离大于上述轮廓视图的内长的情况下，缩小上述装配参数中包括的左右间隔，得到调整后的第一调整组件视图；确定上述第一调整组件视图中包括的第一个组件视图的左边界到最后一个组件视图的右边界的第二距离；确定上述第一调整组件视图中包括的相邻两个视图之间的第一重合距离；在上述第二距离小于或等于上述内长，且上述第一重合距离小于或等于第一预设距离的情况下，确定上述渲染操作渲染成功；在上述第二距离大于上述内长，和/或，上述第一重合距离大于上述第一预设距离的情况下，确定上述渲染操作渲染失败，执行告警操作；在上述第一距离与上述内长的差值大于第二预设距离的情况下，增大上述装配参数中包括的左右间隔，得到调整后的第二调整组件视图；确定上述第二调整组件视图中包括的相邻两个视图之间的第三距离；在上述第三距离小于或等于第三预设距离的情况下，确定上述渲染操作渲染成功；在上述第三距离大于上述第三预设距离的情况下，确定上述渲染操作渲染失败，执行告警操作。
7、在一个示例性实施例中，在基于上述第二坐标信息将上述其他组件的其他组件视图渲染至上述轮廓视图中之后，上述方法还包括：确定上述轮廓视图中渲染的每列上述组件视图中的第一个组件的上边界到最后一个组件的下边界的第四距离；在上述第四距离大于上述轮廓视图的内宽的情况下，缩小上述装配参数中包括的上下间隔，得到调整后的第三调整组件视图；确定上述第三调整组件视图中包括的第一个组件视图的上边界到最后一个组件视图的下边界的第五距离；确定上述第三调整组件视图中包括的相邻两个视图之间的第二重合距离；在上述第五距离小于或等于上述内宽，且上述第二重合距离小于或等于第四预设距离的情况下，确定上述渲染操作渲染成功；在上述第五距离大于上述内宽，和/或，上述第二重合距离大于上述第四预设距离的情况下，确定上述渲染操作渲染失败，执行告警操作；在上述第四距离与上述内宽的差值大于第五预设距离的情况下，增大上述装配参数中包括的上下间隔，得到调整后的第四调整组件视图；确定上述第四调整组件视图中包括的相邻两个视图之间的第六距离；在上述第六距离小于或等于第五预设距离的情况下，确定上述渲染操作渲染成功；在上述第六距离大于上述第五预设距离的情况下，确定上述渲染操作渲染失败，执行告警操作。
8、在一个示例性实施例中，在基于上述目标装配表中包括的装配参数以及上述第一坐标信息将上述目标设备的其他组件的其他组件视图渲染至上述目标界面中的上述轮廓视图中之后，上述方法还包括：在渲染失败的情况下，接收用于调整上述第一组件视图以及上述其他组件的其他组件视图的调整指令；确定上述调整指令中包括的每个组件视图在上述轮廓视图中的第五坐标信息；按照上述第五坐标信息将每个上述组件视图渲染值上述轮廓视图中。
9、在一个示例性实施例中，上述基于上述渲染代码生成上述渲染模板，包括：确定上述第一组件视图以及上述其他组件视图在上述轮廓视图中所占的绘制区域；将多个上述绘制区域中包括的每个目标绘制区域与上述目标设备的目标组件相关联，其中，上述目标组件的组件视图在上述轮廓视图中所占的区域为上述目标绘制区域；在上述目标绘制区域加入点击响应，以在对上述目标绘制区域进行的第一点击操作的情况下，在上述目标界面显示控制选项，在接收到用于选择上述控制选项中包括的目标选项的第一选择指令的情况下，控制上述目标组件执行上述目标选项所对应的操作；反馈上述点击响应的点击响应代码，将上述点击响应代码；将上述渲染代码以及上述点击响应代码进行合并，得到上述渲染模板。
10、在一个示例性实施例中，在执行上述渲染模板，以将上述目标设备的视图渲染至上述目标界面之后，上述方法还包括：确定接收到的第二点击操作在上述目标界面中的点击位置，以及在上述点击位置显示与上述第二点击操作对应的控制选项；确定在上述控制选项中选择的目标控制选项；基于上述点击位置所属的点击区域确定上述点击区域对应的第二组件视图；对上述第二组件视图对应的第二组件执行上述目标控制选项所对应的操作。
11、在一个示例性实施例中，上述将上述目标设备的轮廓视图渲染至上述目标界面中，包括：确定上述轮廓视图的第一路径；通过上述第一路径获取上述轮廓视图，并将上述轮廓视图渲染至上述目标界面中。
12、根据本技术的另一个实施例，提供了一种视图的渲染装置，包括：第一获取模块，用于在接收到用于指示将目标设备的视图渲染至目标界面中的渲染指令的情况下，获取与所述目标设备对应的渲染模板；第一执行模块，用于执行所述渲染模板，以将所述目标设备的视图渲染至所述目标界面；其中，上述渲染模板是上述装置通过执行渲染操作得到的，上述装置还包括以下子模块，以执行上述渲染操作：第一渲染子模块，用于将所述目标设备的轮廓视图渲染至所述目标界面中；第一确定子模块，用于基于所述目标设备的设备信息确定所述目标设备的目标装配表；第二渲染子模块，用于按照所述目标装配表中包括的位于所述目标设备的目标位置的第一组件的第一坐标信息将所述第一组件的第一组件视图渲染至所述轮廓视图中包括的与所述第一坐标信息对应的位置中，并基于所述目标装配表中包括的装配参数以及所述第一坐标信息将所述目标设备的其他组件的其他组件视图渲染至所述目标界面中的所述轮廓视图中；第一反馈子模块，用于在渲染成功的情况下，反馈渲染代码；第一生成子模块，用于基于所述渲染代码生成所述渲染模板。
13、在一个示例性实施例中，上述第一确定子模块，包括：第一确定单元，用于基于上述设备信息确定上述目标设备包括的组件的第一数量、上述目标设备的每一行所包括的组件的第二数量、上述目标设备的每一列所包括的组件的第三数量、以及每个组件的尺寸信息；第一设置单元，用于设置上述目标设备的组件视图在上述轮廓视图中的左右间隔，其中，上述左右间隔表示在上述轮廓视图的每一行中相邻的上述组件视图之间的距离；第二设置单元，用于设置上述目标设备的组件视图在上述轮廓视图中的上下间隔，其中，上述上下间隔表示在上述轮廓视图的每一列中相邻的上述组件视图之间的距离；第一获取模块，用于获取上述目标设备已装配的组件的第三数量，以及已装配组件的槽位信息；第二确定单元，用于基于上述第一数量、上述第三数量以及上述槽位信息确定跳过渲染的跳过组件视图的第一排序字段，以及待渲染组件的第二排序字段；第三确定单元，用于确定上述第一组件视图的第一坐标信息；第四确定单元，用于将上述第一数量、上述第二数量、上述第三数量、上述尺寸信息、上述左右间隔、上述上下间隔、上述第一排序字段、上述第二排序字段以及上述第一坐标信息确定为上述目标装配表。
14、在一个示例性实施例中，上述第二渲染子模块，包括：第五确定单元，用于基于上述第一坐标信息以及上述装配参数中包括的尺寸信息、左右间隔、上下间隔确定上述其他组件视图的第二坐标信息；第一渲染单元，用于基于上述第二坐标信息将上述其他组件的其他组件视图渲染至上述轮廓视图中。
15、在一个示例性实施例中，上述第一渲染单元，包括：第一确定子单元，用于基于上述装配参数确定跳过组件视图的第一排序字段，以及待渲染组件的第二排序字段；第二确定子单元，用于基于上述第一排序字段确定上述其他组件中包括的上述跳过组件视图，以及上述待渲染组件；第三确定子单元，用于确定上述第二坐标信息中包括的上述跳过组件视图的第三坐标信息，以及上述待渲染组件的第四坐标信息；第四确定子单元，用于基于上述第三坐标信息以及上述装配参数中包括的上述跳过组件的尺寸信息确定跳过区域；第一设置子单元，用于将上述轮廓视图中的上述跳过区域设置为空；第二设置子单元，用于将上述待渲染组件的组件视图的目标位置在上述轮廓视图中的坐标信息设置为上述第四坐标信息，以将上述待渲染组件的组件视图渲染至上述轮廓视图中。
16、在一个示例性实施例中，上述第二渲染子模块还包括：第六确定单元，用于在基于上述第二坐标信息将上述其他组件的其他组件视图渲染至上述轮廓视图中之后，确定上述轮廓视图中渲染的每行上述组件视图中的第一个组件视图的左边界到最后一个组件视图的右边界的第一距离；第一缩小单元，用于在上述第一距离大于上述轮廓视图的内长的情况下，缩小上述装配参数中包括的左右间隔，得到调整后的第一调整组件视图；第七确定单元，用于确定上述第一调整组件视图中包括的第一个组件视图的左边界到最后一个组件视图的右边界的第二距离；第八确定单元，用于确定上述第一调整组件视图中包括的相邻两个视图之间的第一重合距离；第九确定单元，用于在上述第二距离小于或等于上述内长，且上述第一重合距离小于或等于第一预设距离的情况下，确定上述渲染操作渲染成功；第十确定单元，用于在上述第二距离大于上述内长，和/或，上述第一重合距离大于上述第一预设距离的情况下，确定上述渲染操作渲染失败，执行告警操作；第一增大单元，用于在上述第一距离与上述内长的差值大于第二预设距离的情况下，增大上述装配参数中包括的左右间隔，得到调整后的第二调整组件视图；第十一确定单元，用于确定上述第二调整组件视图中包括的相邻两个视图之间的第三距离；第十二确定单元，用于在上述第三距离小于或等于第三预设距离的情况下，确定上述渲染操作渲染成功；第十三确定单元，用于在上述第三距离大于上述第三预设距离的情况下，确定上述渲染操作渲染失败，执行告警操作。
17、在一个示例性实施例中，上述第二渲染子模块还包括：第十四确定单元，用于在基于上述第二坐标信息将上述其他组件的其他组件视图渲染至上述轮廓视图中之后，确定上述轮廓视图中渲染的每列上述组件视图中的第一个组件的上边界到最后一个组件的下边界的第四距离；第二缩小单元，用于在上述第四距离大于上述轮廓视图的内宽的情况下，缩小上述装配参数中包括的上下间隔，得到调整后的第三调整组件视图；第十五确定单元，用于确定上述第三调整组件视图中包括的第一个组件视图的上边界到最后一个组件视图的下边界的第五距离；第十六确定单元，用于确定上述第三调整组件视图中包括的相邻两个视图之间的第二重合距离；第十七确定单元，用于在上述第五距离小于或等于上述内宽，且上述第二重合距离小于或等于第四预设距离的情况下，确定上述渲染操作渲染成功；第十八确定单元，用于在上述第五距离大于上述内宽，和/或，上述第二重合距离大于上述第四预设距离的情况下，确定上述渲染操作渲染失败，执行告警操作；第二增大单元，用于在上述第四距离与上述内宽的差值大于第五预设距离的情况下，增大上述装配参数中包括的上下间隔，得到调整后的第四调整组件视图；第十九确定单元，用于确定上述第四调整组件视图中包括的相邻两个视图之间的第六距离；第二十确定单元，用于在上述第六距离小于或等于第五预设距离的情况下，确定上述渲染操作渲染成功；第二十一确定单元，用于在上述第六距离大于上述第五预设距离的情况下，确定上述渲染操作渲染失败，执行告警操作。
18、在一个示例性实施例中，上述第一执行模块还包括：第一接收单元，用于在基于上述目标装配表中包括的装配参数以及上述第一坐标信息将上述目标设备的其他组件的其他组件视图渲染至上述目标界面中的上述轮廓视图中之后，在渲染失败的情况下，接收用于调整上述第一组件视图以及上述其他组件的其他组件视图的调整指令；第二十二确定单元，用于确定上述调整指令中包括的每个组件视图在上述轮廓视图中的第五坐标信息；第二渲染单元，用于按照上述第五坐标信息将每个上述组件视图渲染值上述轮廓视图中。
19、在一个示例性实施例中，上述第一生成子模块，包括：第二十三确定单元，用于确定上述第一组件视图以及上述其他组件视图在上述轮廓视图中所占的绘制区域；第一关联单元，用于将多个上述绘制区域中包括的每个目标绘制区域与上述目标设备的目标组件相关联，其中，上述目标组件的组件视图在上述轮廓视图中所占的区域为上述目标绘制区域；第一加入单元，用于在上述目标绘制区域加入点击响应，以在对上述目标绘制区域进行的第一点击操作的情况下，在上述目标界面显示控制选项，在接收到用于选择上述控制选项中包括的目标选项的第一选择指令的情况下，控制上述目标组件执行上述目标选项所对应的操作；第一反馈单元，用于反馈上述点击响应的点击响应代码，将上述点击响应代码；第一合并单元，用于将上述渲染代码以及上述点击响应代码进行合并，得到上述渲染模板。
20、在一个示例性实施例中，上述装置还包括：第一确定模块，用于在执行上述渲染模板，以将上述目标设备的视图渲染至上述目标界面之后，确定接收到的第二点击操作在上述目标界面中的点击位置，以及在上述点击位置显示与上述第二点击操作对应的控制选项；第二确定模块，用于确定在上述控制选项中选择的目标控制选项；第三确定模块，用于基于上述点击位置所属的点击区域确定上述点击区域对应的第二组件视图；第二执行模块，用于对上述第二组件视图对应的第二组件执行上述目标控制选项所对应的操作。
21、在一个示例性实施例中，上述第一执行模块，包括：第二十四确定单元，用于确定上述轮廓视图的第一路径；第三渲染单元，用于通过上述第一路径获取上述轮廓视图，并将上述轮廓视图渲染至上述目标界面中。
22、根据本技术的又一个实施例，还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机程序，其中，所述计算机程序被设置为运行时执行上述任一项方法实施例中的步骤。
23、根据本技术的又一个实施例，还提供了一种电子设备，包括存储器和处理器，所述存储器中存储有计算机程序，所述处理器被设置为运行所述计算机程序以执行上述任一项方法实施例中的步骤。
24、根据本技术的又一个实施例，还提供了一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现上述任一项方法实施例中的步骤。
25、通过本技术，由于接收到渲染指令后，基于目标设备的设备信息确定目标设备的目标装配表，确定目标设备的目标位置的第一组件的第一坐标信息的定义以及装配参数的定义，从而将目标设备的其他组件的其他组件视图渲染至目标界面中的轮廓视图，得到目标设备对应的渲染模板，进而根据渲染模板将目标设备的视图渲染至目标界面，实现了装配参数与目标设备视图的正确对应。因此，可以解决相关技术中视图渲染对应不准确，操作复杂的问题，达到高效精准进行视图渲染的效果。
1.一种视图的渲染方法，其特征在于，包括：
2.根据权利要求1所述的方法，其特征在于，所述基于所述目标设备的设备信息确定所述目标设备的目标装配表，包括：
3.根据权利要求1所述的方法，其特征在于，所述基于所述目标装配表中包括的装配参数以及所述第一坐标信息将所述目标设备的其他组件的其他组件视图渲染至所述目标界面中的所述轮廓视图中，包括：
4.根据权利要求3所述的方法，其特征在于，所述基于所述第二坐标信息将所述其他组件的其他组件视图渲染至所述轮廓视图中，包括：
5.根据权利要求3所述的方法，其特征在于，在基于所述第二坐标信息将所述其他组件的其他组件视图渲染至所述轮廓视图中之后，所述方法还包括：
6.根据权利要求3所述的方法，其特征在于，在基于所述第二坐标信息将所述其他组件的其他组件视图渲染至所述轮廓视图中之后，所述方法还包括：
7.根据权利要求1所述的方法，其特征在于，在基于所述目标装配表中包括的装配参数以及所述第一坐标信息将所述目标设备的其他组件的其他组件视图渲染至所述目标界面中的所述轮廓视图中之后，所述方法还包括：
8.根据权利要求1所述的方法其特征在于，所述基于所述渲染代码生成所述渲染模板，包括：
9.根据权利要求1所述的方法，其特征在于，在执行所述渲染模板，以将所述目标设备的视图渲染至所述目标界面之后，所述方法还包括：
10.根据权利要求1所述的方法，其特征在于，所述将所述目标设备的轮廓视图渲染至所述目标界面中，包括：
11.一种视图的渲染装置，其特征在于，包括：
12.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机程序，其中，所述计算机程序被处理器执行时实现所述权利要求1至10任一项中所述的方法的步骤。
13.一种电子设备，包括存储器、处理器以及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现所述权利要求1至10任一项中所述的方法的步骤。
14.一种计算机程序产品，包括计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至10任一项中所述的方法的步骤。
