车辆电子手册的3D车模引入与交互的方法及装置制造方法及图纸

技术编号:36566353 阅读:7 留言:0更新日期:2023-02-04 17:22
本申请涉及车辆电子使用手册技术领域,特别涉及一种车辆电子手册的3D车模引入与交互的方法及装置,其中,方法包括:拆分目标车模sdk包,得到拆分后的目标车模sdk包;基于拆分后的目标车模sdk包,将静态文件放入至电子手册对应的静态资源文件中,并筛除满足预设冗余条件的文件;在电子手册的入口页面引入sdk的css文件,以在电子手册的任意模块引入sdk的js文件并使用js文件构建车模,且执行自定义热点事件回调策略。由此,解决了相关技术中3D车模包体过大,加载较慢,且与电子手册的适配度较低,降低开发灵活性的同时,降低用户使用的便捷性,无法满足用户的使用需求的技术问题。无法满足用户的使用需求的技术问题。无法满足用户的使用需求的技术问题。

【技术实现步骤摘要】
车辆电子手册的3D车模引入与交互的方法及装置


[0001]本申请涉及车辆电子使用手册
,特别涉及一种车辆电子手册的3D车模引入与交互的方法及装置。

技术介绍

[0002]相关技术中,在车机中引入3D车模,通过滑动和旋转车模、切换内外饰、点击车身各部位的热点等操作,可以了解对应的功能和使用方法,用户可直接找到想要查看的部位,视觉上更加直观。
[0003]然而,相关技术中3D车模包体过大,加载较慢,且与电子手册的适配度较低,降低开发灵活性的同时,降低用户使用的便捷性,无法满足用户的使用需求,亟待解决。

技术实现思路

[0004]本申请提供一种车辆电子手册的3D车模引入与交互的方法及装置,以解决相关技术中3D车模包体过大,加载较慢,且与电子手册的适配度较低,降低开发灵活性的同时,降低用户使用的便捷性,无法满足用户的使用需求的技术问题。
[0005]本申请第一方面实施例提供一种车辆电子手册的3D车模引入与交互的方法,包括以下步骤:拆分目标车模sdk包,得到拆分后的目标车模sdk包;基于所述拆分后的目标车模sdk包,将静态文件放入至电子手册对应的静态资源文件中,并筛除满足预设冗余条件的文件;在所述电子手册的入口页面引入sdk的css文件,以在所述电子手册的任意模块引入sdk的js文件并使用所述js文件构建车模,且执行自定义热点事件回调策略。
[0006]可选地,在本申请的一个实施例中,在拆分所述目标车模sdk包之前,还包括:基于预先约定好的车模热点事件列表,在所述电子手册项目中配置热点事件目标json文件;使用md文件编辑每个车辆功能详情,并自定义所述md文件转换为html的js扩展策略。
[0007]可选地,在本申请的一个实施例中,所述执行自定义热点事件回调策略,包括:加载所述热点事件目标json文件;将热点传入的参数与json数据进行匹配,获取所述参数对应的模块名称、目录名称和md文件名称,拼接成相应的md文件路径;基于所述md文件路径,请求到md文件的具体内容;并利用所述js扩展策略将所述具体内容编译成html文件进行渲染。
[0008]可选地,在本申请的一个实施例中,在编译成所述html文件进行渲染之后,还包括:将编译后端的详情页面地址传给车辆端,以使得所述车辆端进行显示。
[0009]可选地,在本申请的一个实施例中,在将所述热点传入的参数与所述json数据进行匹配之前,还包括:通过第三方sdk车模包提供的js热点事件策略监听用户点击行为,以接收热点点击事件的参数。
[0010]本申请第二方面实施例提供一种车辆电子手册的3D车模引入与交互的装置,包括:拆分模块,用于拆分目标车模sdk包,得到拆分后的目标车模sdk包;处理模块,用于基于所述拆分后的目标车模sdk包,将静态文件放入至电子手册对应的静态资源文件中,并筛除
满足预设冗余条件的文件;控制模块,用于在所述电子手册的入口页面引入sdk的css文件,以在所述电子手册的任意模块引入sdk的js文件并使用所述js文件构建车模,且执行自定义热点事件回调策略。
[0011]可选地,在本申请的一个实施例中,本申请实施例的装置还包括:配置模块,用于在拆分所述目标车模sdk包之前,基于预先约定好的车模热点事件列表,在所述电子手册项目中配置热点事件目标json文件;编辑模块,用于在拆分所述目标车模sdk包之前,使用md文件编辑每个车辆功能详情,并自定义所述md文件转换为html的js扩展策略。
[0012]可选地,在本申请的一个实施例中,所述控制模块包括:加载单元,用于加载所述热点事件目标json文件;控制单元,用于将热点传入的参数与json数据进行匹配,获取所述参数对应的模块名称、目录名称和md文件名称,拼接成相应的md文件路径;请求单元,用于基于所述md文件路径,请求到md文件的具体内容;编译单元,用于并利用所述js扩展策略将所述具体内容编译成html文件进行渲染。
[0013]可选地,在本申请的一个实施例中,本申请实施例的装置还包括:显示模块,用于在编译成所述html文件进行渲染之后,将编译后端的详情页面地址传给车辆端,以使得所述车辆端进行显示。
[0014]可选地,在本申请的一个实施例中,本申请实施例的装置还包括:接收模块,用于在将所述热点传入的参数与所述json数据进行匹配之前,通过第三方sdk车模包提供的js热点事件策略监听用户点击行为,以接收热点点击事件的参数。
[0015]本申请第三方面实施例提供一种电子设备,包括:存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序,所述处理器执行所述程序,以实现如上述实施例所述的车辆电子手册的3D车模引入与交互的方法。
[0016]本申请第四方面实施例提供一种计算机可读存储介质,所述计算机可读存储介质存储计算机程序,该程序被处理器执行时实现如上的车辆电子手册的3D车模引入与交互的方法。
[0017]本申请实施例可以拆分目标车模sdk包,得到拆分后的目标车模sdk包,基于拆分后的目标车模sdk包,将静态文件放入至电子手册对应的静态资源文件中,并筛除满足冗余条件的文件,在电子手册的入口页面引入sdk的css文件,以在电子手册的任意模块引入sdk的js文件并使用js文件构建车模,且执行自定义热点事件回调策略,从而提升了开发的灵活性的同时,提升了用户使用的便捷性,满足用户的使用需求。由此,解决了相关技术中3D车模包体过大,加载较慢,且与电子手册的适配度较低,降低开发灵活性的同时,降低用户使用的便捷性,无法满足用户的使用需求的技术问题。
[0018]本申请附加的方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本申请的实践了解到。
附图说明
[0019]本申请上述的和/或附加的方面和优点从下面结合附图对实施例的描述中将变得明显和容易理解,其中:
[0020]图1为根据本申请实施例提供的一种车辆电子手册的3D车模引入与交互的方法的流程图;
[0021]图2为本申请一个具体实施例的车辆电子手册的3D车模引入与交互的方法的流程图;
[0022]图3为根据本申请实施例的车辆电子手册的3D车模引入与交互的装置的结构示意图;
[0023]图4为根据本申请实施例的电子设备的结构示意图。
具体实施方式
[0024]下面详细描述本申请的实施例,所述实施例的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的,旨在用于解释本申请,而不能理解为对本申请的限制。
[0025]下面参考附图描述本申请实施例的车辆电子手册的3D车模引入与交互的方法及装置。针对上述
技术介绍
中心提到的相关技术中3D车模包体过大,加载较慢,且与电子手册的适配度较低,降低开发灵活性的同时,降低用户使用的便捷性,无法满足用户的使用需求的问题,本申请提供了一种车辆电子手册的3D车模引入与交互的方本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种车辆电子手册的3D车模引入与交互的方法,其特征在于,包括以下步骤:拆分目标车模sdk包,得到拆分后的目标车模sdk包;基于所述拆分后的目标车模sdk包,将静态文件放入至电子手册对应的静态资源文件中,并筛除满足预设冗余条件的文件;以及在所述电子手册的入口页面引入sdk的css文件,以在所述电子手册的任意模块引入sdk的js文件并使用所述js文件构建车模,且执行自定义热点事件回调策略。2.根据权利要求1所述的方法,其特征在于,在拆分所述目标车模sdk包之前,还包括:基于预先约定好的车模热点事件列表,在所述电子手册项目中配置热点事件目标json文件;使用md文件编辑每个车辆功能详情,并自定义所述md文件转换为html的js扩展策略。3.根据权利要求2所述的方法,其特征在于,所述执行自定义热点事件回调策略,包括:加载所述热点事件目标json文件;将热点传入的参数与json数据进行匹配,获取所述参数对应的模块名称、目录名称和md文件名称,拼接成相应的md文件路径;基于所述md文件路径,请求到md文件的具体内容;并利用所述js扩展策略将所述具体内容编译成html文件进行渲染。4.根据权利要求3所述的方法,其特征在于,在编译成所述html文件进行渲染之后,还包括:将编译后端的详情页面地址传给车辆端,以使得所述车辆端进行显示。5.根据权利要求3所述的方法,其特征在于,在将所述热点传入的参数与所述json数据进行匹配之前,还包括:通过第三方sdk车模包提供的js热点事件策略监听用户点击行为,以接收热点点击事件的参数。6.一种车辆电子手册的3D车模引入与交互的装置,其特征在于,包括:拆分模块,用于拆分目标车模sdk包,得到拆分后的目标...

【专利技术属性】
技术研发人员:史向雷
申请(专利权)人:奇瑞汽车股份有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1