本文主要讲解如何使用模板中心中小程序类型的模板:
应用自定义配置
以学生开学信息登记模板为例,我们来了解如何在应用编辑器中进行小程序图片、标题以及表单内容的更换。
小程序图片更换
1. 在应用编辑器中,选择想要替换图片对应的图片组件。
![](https://qcloudimg.tencent-cloud.cn/image/document/453dac30634e8a9497591d2d98632311.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/453dac30634e8a9497591d2d98632311.png)
2. 在右侧组件配置区中,填入想要替换的图片链接,即可完成图片的替换。
![](https://qcloudimg.tencent-cloud.cn/image/document/e9eeae64092111b3c06cbe0e4c9b0ae8.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/e9eeae64092111b3c06cbe0e4c9b0ae8.png)
小程序文案修改
1. 在应用编辑器中,选择需要替换文案所对应的文案组件。
![](https://qcloudimg.tencent-cloud.cn/image/document/69904245a228d782862c59014a4024ea.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/69904245a228d782862c59014a4024ea.png)
2. 在右侧组件配置区中,修改对应的文本内容,即可完成文案的修改。
该类型模板创建完成后会生成两个应用,分别为小程序前端应用与小程序管理后台应用,我们可以通过管理后台应用对小程序进行管理。
![](https://qcloudimg.tencent-cloud.cn/image/document/d8ae452fadf34c6dcbb9ffa4d0b3e10e.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/d8ae452fadf34c6dcbb9ffa4d0b3e10e.png)
使用管理后台对小程序进行管理
以美业模板为例,我们来了解如何使用管理后台对小程序前端页面进行管理。
进入小程序管理后台
使用管理后台编辑店铺信息
以店铺信息为例,我们来实现使用管理后台进行店铺信息的修改。
1. 进入管理后台编辑店铺页面。
![](https://qcloudimg.tencent-cloud.cn/image/document/770d71ce987999665bffda5a27a2e178.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/770d71ce987999665bffda5a27a2e178.png)
2. 在页面中对店铺信息进行自定义编辑,编辑完成后单击提交完成保存。
![](https://qcloudimg.tencent-cloud.cn/image/document/ef0117e7964fd1de1e50a95394a94dd7.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/ef0117e7964fd1de1e50a95394a94dd7.png)
查看小程序前端是否产生对应修改
1. 进入小程序前端应用并开启实时预览功能。
![](https://qcloudimg.tencent-cloud.cn/image/document/e1c99dca1ecfea67f063cc73647d1f89.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/e1c99dca1ecfea67f063cc73647d1f89.png)
2. 在实时预览中查看店铺信息模块是否按照管理后台中修改的信息进行展示即可。
![](https://qcloudimg.tencent-cloud.cn/image/document/d3a07c63c717d4114a7825f89ea0d709.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/d3a07c63c717d4114a7825f89ea0d709.png)
发布小程序
单击右上角发布,即可完成小程序的发布。发布完成后扫描二维码即可进入到对应的小程序中。
![](https://qcloudimg.tencent-cloud.cn/image/document/32720ca027cf159fe5a1209ce5c89579.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/32720ca027cf159fe5a1209ce5c89579.png)
说明
本文主要以修改店铺信息为例为您进行演示,在实际使用过程中也可以根据当前需求使用管理后台对其他功能模块进行管理。
![](https://qcloudimg.tencent-cloud.cn/image/document/487bda0250215ec24fc801c9957c2b05.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/487bda0250215ec24fc801c9957c2b05.png)
表单内容修改
1. 在应用编辑区中,选中当前页面中的表单容器组件。
![](https://qcloudimg.tencent-cloud.cn/image/document/2d416db4a1bbadff359168f20093192c.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/2d416db4a1bbadff359168f20093192c.png)
2. 表单容器具备根据当前绑定数据源自动生成对应表单的功能,因此我们仅需要在右侧配置区进行数据源的绑定即可完成表单内容的替换。
![](https://qcloudimg.tencent-cloud.cn/image/document/ccde4883790547199c6c009d1d48f582.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/ccde4883790547199c6c009d1d48f582.png)
小程序应用发布
小程序应用配置修改完成后,点击右上角的发布按钮即可完成应用的发布。
![](https://qcloudimg.tencent-cloud.cn/image/document/9f8a520e8a04420768d74efff45f393a.png)
![](https://qcloudimg.tencent-cloud.cn/image/document/9f8a520e8a04420768d74efff45f393a.png)
说明
小程序发布分为体验版与正式版两个版本,分别使用数据管理后台中的体验数据与正式数据。