一、介绍

本应用允许用户在后台上传多种格式的3D模型，并在网站前端嵌入这些模型并进行展示。 本文为该应用的后台管理功能的使用，以及前端展示与使用说明。

二、 后台管理功能

2.1 功能操作入口

要对3D模型展示功能进行操作，我们首先需要进入后台管理入口。 首先打开网站的官微中心后台，找到应用 - 应用中心 - 3D模型展示，点击后即可进入3D模型展示功能的后台管理界面。

2.2 3D模型管理

在主界面，将展示所有已经上传的3D模型记录。 包含所设置的模型名称、文件名、上传时间等。 

2.2.1 上传模型

点击左上方的新建按钮，我们可以上传新的模型。 如下图所示，红框内即是新建按钮 

点击后将显示一个编辑框

首先需要填写模型名称，然后选择点击上传，在电脑中选择一个obj或者glb格式的模型文件。 选择保存即可上传完毕了。

2.2.2 搜索模型

通过顶部的搜索框，我们可以根据设置的3D模型名称，对内容进行搜索。如下图所示，输入搜索关键字后点击右侧的搜索按钮，下方列表将显示3D模型名称匹配这个关键字的所有模型记录。 

2.2.3 编辑模型对象

通过点击列表项右侧的编辑按钮，可以对已经上传的模型记录进行编辑，如下图红框内所示：

可编辑项目和新建模型时的配置项一致

2.2.4 其他配置

在新建或者编辑页面，可以看到下方有两个配置：

1. 是否开启滚动效果：开启后，当该模型在展示组件中显示时，将自动进行顺时针或者逆时针旋转
2. Z轴比例：可以设置不等于1的值，来让模型在展示时变得更大（大于1）或者更小（小于1） 另外，可以在这里设置备注，来让这些模型更加方便管理。所设置的备注信息也可以在列表中看到。

2.2.5 展示链接

除了网站上应用外，在这里所上传的模型也拥有一个属于自己的展示链接。 通过点击列表右侧的分享按钮，即可获取该链接。 如下图红框内所示：

点击后，将出现一个获取分享按钮的弹窗：

弹窗内有如下选择：

1. 直接复制链接
2. 直接在浏览器中打开该链接
3. 手机扫二维码访问该链接
4. 下载链接对应二维码
5. 通过文本框下方的社交媒体分享入口，将其分享到微信、微博、QQ等
6. 复制带模型名称的分享链接

三、展示功能

3.1 互动

本3D模型展示系统，允许用户在展示界面上与模型进行互动。 用户可以通过鼠标以X-Y-Z三个轴向旋转模型；也可以通过鼠标滚轮或者触控板缩放手势，对模型进行缩放。 

3.2 自动旋转

当模型的编辑界面开启了滚动效果时，模型将在展示界面中自动进行旋转。

1. 是否开启滚动效果：开启后，当该模型在展示组件中显示时，将自动进行顺时针或者逆时针旋转
2. Z轴比例：可以设置不等于1的值，来让模型在展示时变得更大（大于1）或者更小（小于1） 

四、页面嵌入功能

4.1 官网内嵌功能

对于同样基于营销SaaS所搭建的网站，可以利用网站编辑器内的富文本组件，将一个模型嵌入到官网内。 首先我们通过上面2.2.5步骤获取到该模型的展示链接。 

操作路径：网站编辑器 - 组件，选择高级文本组件，并拖入到模块中。

拖入后，点击上方的编辑内容按钮，选择视频，选中代码项目。 将链接填入此处，并点击insert按钮，即可完成。 如下图所示：

4.2 嵌入到其他网站功能

对于营销SaaS外的其他网站，我们可以通过嵌入iframe链接的方式，将3D模型展示功能嵌入其他网站。 同样的，首先我们通过后台获取某个3D模型的展示链接 

然后构建可以嵌入其他网站的iframe元素，比如下方的例子 

<iframe src="http://hzhxdi.saaas.com/p/3d/?id=45" frameborder="0" allowfullscreen="true" class="fr-draggable" style="width: 777.951px; height: 434.906px;"></iframe>

将元素HTML代码嵌入网站的HTML中，即可完成。

4.3 直接访问展示链接

复制出来的展示链接，当直接在浏览器中打开时，也可以直接进行展示。