模板介绍
本模板是应用于机械行业的模板,包含了产品中心、成功案例、活动介绍、商业合作、企业介绍等多种功能。
功能模块
模块 | 功能名称 | 详细功能清单 |
管理后台 | 产品中心列表 | 产品信息设置 |
| 成功案例列表 | 成功案例设置 |
| 活动列表 | 活动信息设置 |
| 商业合作列表 | 处理提交的合作信息 |
| 公司介绍列表 | 公司信息设置 |
H5/PC 端 | 首页 | 轮播图 公司介绍 产品推荐 成功案例 商业合作 |
| 产品中心 | 全部产品介绍 |
| 成功案例 | 全部成功案例介绍 |
| 公司介绍 | 关于我们 |
| 商业合作 | 商业合作信息提交 |
使用流程
步骤1:在模板中心安装应用
步骤2:查看已安装的模板
步骤3:发布 H5/PC 和管理后台
发布 H5/PC
1. 单击机械行业官网模板_xxxx 下方的编辑应用进入应用编辑器页面。
![](https://qcloudimg.tencent-cloud.cn/image/document/c0d7cc15ea2c70b0d1465771ddc58894.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/c0d7cc15ea2c70b0d1465771ddc58894.png)
2. 单击右上方发布后,按下述步骤进行 H5/PC 的发布:![img](https://qcloudimg.tencent-cloud.cn/image/document/3a9dd104c7bf36a435a63580bca14833.png)
![img](https://qcloudimg.tencent-cloud.cn/image/document/3a9dd104c7bf36a435a63580bca14833.png)
发布管理后台
1. 单击机械行业官网模板_xxxx-管理平台下方的编辑应用进入应用编辑器页面。
![](https://qcloudimg.tencent-cloud.cn/image/document/9a8d13d5f644e673b9b768d15ed26cf9.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/9a8d13d5f644e673b9b768d15ed26cf9.png)
2. 单击右上方发布后,按下述步骤进行管理后台的发布:
![](https://qcloudimg.tencent-cloud.cn/image/document/67005f22f946beb77078169aa5f2e734.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/67005f22f946beb77078169aa5f2e734.png)
3. 发布成功后会展示管理后台的登录链接,单击企业工作台访问链接即可跳转至管理后台页面。
步骤4:H5/PC 店铺装修
修改底部 Tab 导航栏样式
选中 Tab 组件,在 Tab 配置处,重新上传目标图片。
![img](https://qcloudimg.tencent-cloud.cn/image/document/4a1733b70d31929de89a196058b0b687.png)
![img](https://qcloudimg.tencent-cloud.cn/image/document/4a1733b70d31929de89a196058b0b687.png)
定制新增页面
单击页面管理中的创建新页面,可添加新页面。
![img](https://qcloudimg.tencent-cloud.cn/image/document/6541cbe5cdc5dcf5a342cdc21f9859ba.png)
![img](https://qcloudimg.tencent-cloud.cn/image/document/6541cbe5cdc5dcf5a342cdc21f9859ba.png)
定制事件响应
管理后台使用说明
登录管理后台
1. 在用户权限 > 用户 页面,单击新建用户新建一个用户。
![img](https://qcloudimg.tencent-cloud.cn/image/document/8a67f4bec6e3f13a995d24705b360c9f.png)
![img](https://qcloudimg.tencent-cloud.cn/image/document/8a67f4bec6e3f13a995d24705b360c9f.png)
2. 进入用户权限 > 角色与权限 页面,找到默认超级管理员角色,单击添加用户添加上述新建的用户。
![img](https://qcloudimg.tencent-cloud.cn/image/document/61fee479d7f1bfaa21553d67ec78b92b.png)
![img](https://qcloudimg.tencent-cloud.cn/image/document/61fee479d7f1bfaa21553d67ec78b92b.png)
3. 在管理端登录页面使用刚刚创建的用户名和密码,即可成功进入管理平台页面。
![](https://qcloudimg.tencent-cloud.cn/image/document/008fdddc4354316193ee5ea3dbf90230.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/008fdddc4354316193ee5ea3dbf90230.png)
管理 H5/PC 页面数据
修改首页页面
![](https://qcloudimg.tencent-cloud.cn/image/document/e3956a4ec1aff603f9bab0cfad61af44.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/e3956a4ec1aff603f9bab0cfad61af44.png)
打开后台数据管理页面,打开活动列表,添加或修改数据。
![](https://qcloudimg.tencent-cloud.cn/image/document/26927e532c75d5ef4f0a9d379e8af0fa.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/26927e532c75d5ef4f0a9d379e8af0fa.png)
设置公司介绍
![](https://qcloudimg.tencent-cloud.cn/image/document/dcb497f22a5615aca376d2e1274449fd.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/dcb497f22a5615aca376d2e1274449fd.png)
打开变量找到对应变量。
![](https://qcloudimg.tencent-cloud.cn/image/document/97131e451ff952de13ee5e99a88c7961.png)
可以对变量内容进行修改:其中格式为 {img:'底部背景',url:'应用内跳转地址',title:'标题',desc:'介绍',mobile:'移动端介绍'},其中标题为在线客服可以跳转外部页面,PC 端介绍为desc + mobile 的内容,移动端为 mobile 中内容。
![](https://qcloudimg.tencent-cloud.cn/image/document/97131e451ff952de13ee5e99a88c7961.png)
设置联系电话信息
![](https://qcloudimg.tencent-cloud.cn/image/document/cb5e46ac446d32af6cfcff24c350a35c.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/cb5e46ac446d32af6cfcff24c350a35c.png)
打开变量找到对应变量。
![](https://qcloudimg.tencent-cloud.cn/image/document/8acd9f3bd31c6a9ff817165d9db27944.png)
可以对变量内容进行修改:其中格式为 {phone:'联系电话',url:'外部客服条跳转地址' },在首页及产品页底部展示。
![](https://qcloudimg.tencent-cloud.cn/image/document/8acd9f3bd31c6a9ff817165d9db27944.png)
设置产品推荐
![](https://qcloudimg.tencent-cloud.cn/image/document/370918e38224343d2253045f7371547f.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/370918e38224343d2253045f7371547f.png)
打开后台数据管理页面,找到对应的页面。
![img](https://qcloudimg.tencent-cloud.cn/image/document/0a53003aecd852440ad22541b0fef494.png)
![img](https://qcloudimg.tencent-cloud.cn/image/document/0a53003aecd852440ad22541b0fef494.png)
可进行数据添加或修改操作。
![img](https://qcloudimg.tencent-cloud.cn/image/document/27b567e60294c44a6e5df7583a2fcaa8.png)
![img](https://qcloudimg.tencent-cloud.cn/image/document/27b567e60294c44a6e5df7583a2fcaa8.png)
设置关于我们页面
![](https://qcloudimg.tencent-cloud.cn/image/document/bae4aebc6fb0b52f42622d848f6e06be.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/bae4aebc6fb0b52f42622d848f6e06be.png)
在后台数据管理页面中,添加或修改里面的内容。
![](https://qcloudimg.tencent-cloud.cn/image/document/d99c6572929f79d9ab6df24ca25ffd1c.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/d99c6572929f79d9ab6df24ca25ffd1c.png)
修改成功案例页面
![](https://qcloudimg.tencent-cloud.cn/image/document/c3b940a32f2dbb0d32b84b7a51a35c84.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/c3b940a32f2dbb0d32b84b7a51a35c84.png)
在后台数据管理页面中,添加或修改里面的内容。
![img](https://qcloudimg.tencent-cloud.cn/image/document/e28b7db91d1aca695a9cecdf885d8982.png)
![img](https://qcloudimg.tencent-cloud.cn/image/document/e28b7db91d1aca695a9cecdf885d8982.png)
修改产品中心页面
![](https://qcloudimg.tencent-cloud.cn/image/document/18db393d3e55cd75a2233ed66adf3455.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/18db393d3e55cd75a2233ed66adf3455.png)
在后台数据管理页面中,添加或修改里面的内容。
![img](https://qcloudimg.tencent-cloud.cn/image/document/0b3792d0256f299ba3d9c38ef222434e.png)
![img](https://qcloudimg.tencent-cloud.cn/image/document/0b3792d0256f299ba3d9c38ef222434e.png)
查看商业合作页面
![](https://qcloudimg.tencent-cloud.cn/image/document/aff8617f943480eca08b19ce324e8bbf.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/aff8617f943480eca08b19ce324e8bbf.png)
在后台数据管理页面中,查看商业合作内容。
![img](https://qcloudimg.tencent-cloud.cn/image/document/e9039f948eeb9c07579741068b876d1e.png)
![img](https://qcloudimg.tencent-cloud.cn/image/document/e9039f948eeb9c07579741068b876d1e.png)