4.3 轮播图管理实战原创

哈喽，大家好，我们本节来讲那个轮播图管理模板，呃，用于轮播图，我们小程序或者是外部网页的轮播图的上线下线，然后新增和删除，这是一个比较简单的模板，我们快速过一下，首先我们返回到我们自己的小程序的项目中，在右键通过云模板或AI配置页面，我们打开云模板的控制台，好，我们打开之后呢，我们在我们的模板中心里选择管理后台里的轮播图管理，我们直接点击，然后我们安装模板。等它安装，嗯，等它安装一会儿好，安装完毕之后，我们的安装按钮就消失了，我们就会有一个三个的按钮，然后我们先直接打开管理端，它会跳转到浏览器，帮我们去打开这一个管理后台，如果你一开始进来的时候，他要你登录的话，你需要转到这个用户及权限管理里，然后呢去自己设置账号的密码，然后呢，账号是默认给的，然后密码的话你重新设置一下，然后或者后续你给其他人设置账号的时候，添加一下账号也可以，呃，就是如果说没有密码的话，需要自己先设置一下密码，好设置密码完了之后，我们登录进来之后，它大概就是长这个样子的，我们基本上来说可以在这里去编辑我们上线小程序，或者是嗯叫呃叫外部网页的一些轮播图，我们可以先新建，然后呢去上传第一。

一张轮播图，比如说云模板啊，可以使用云模板啊，副标题啊，当然这些副标题标题可以不用填啊，我们是否展示是然后呢，我们上传一下图片，上传一下图片，呃，比如说这个，然后顺序写成1让我们提交。

呃，成功了，然后呢，我们再新建一个，然后这次我们不搞标题了，我们直接把呃，我们的其他的一个轮播图也拿过来，然后选择2，然后呢提交，然后再来一个3啊，这个基础公开课的，然后呢，我们高成3好这样子，那么我们就有一个基础的三个轮播图了，然后是否展示是是是，然后呢顺序321是这个样子的，那么还我们其实还可以去加更多啊，然后呢有上线和下线，比如说是否展示是就是上线否就是下线嘛，然后顺序，如果你上传的这个顺序不想要的话，你可以直接去通过数字的顺序，呃，小的在前，大的在后，那我们上传上去之后，我们主要的目的是为了在小程序中展示对不对？所以呢，我们接下来的话要在小程序中去使用，我们在这里我们首先我们看文档，那么文档这里的话，它有一个接。

接入的流程，然后呢，我们呃对应的我们都粘到我们自己的小程序中去，首先是一个微信ML的一个一个呃代码，然后呢，我们直接粘到我们的空白里，呃大概就是这个样子啊，通过一个轮播图的组件，然后直接去呃展示轮播图，然后里边相应的数据，当然样式的话是一个基础的宽高的样式，如果大家你需要去做一些其他的一些样式调整的话呢，可以自己去调整样式，好首先微信ML弄完了之后，我们主要去做这个JS，那么JS的话，呃主要是一个获取的过程，比如说从从这里我们就是它是在这个页面中直接通过unredy的这一个生命周期的回调函数中去调用了这一个云，就是云模板的云函数，那么我们在这里的话，我们就可以直接把它复制过来啊，复制过来。

啊，复制过来，然后我们过来修改一下，那么我们就不在unre里了，我们直接在unload里，在页面加载的时候，直接去做那一个叫什么，这就是这个获取获取，那么这里的话，云函数调用的是云模板的那个叫叫中心啊，然后呢，这个中心是你自己去上传，原函数是不能覆盖的，它会在后面直接路由掉，那么这里是不变的，那么变化的是下面这一个，就是这里有一个工作流的标识，那么工作流标识我们需要怎么去获取呢？我们首先我们去到服务管理里，然后呢，我们点击编辑啊，点击编辑好，在编辑里我们直接点击这个流程配置，流程配置我们就能够获取到这一个标识，我们直接着把这个标识拿过来啊，我们直接把这个标识拿过来，然后呢，这样子的话就已经给我们获取了，然后呢，我们直接啊，就是正常的用就。

可以了啊，我们正常的用就行了啊，下面其实都不用改，我们直接可以用，然后呢，这样子的话，我们在刷新的时候，相应的数据会直接给我们展示出来啊，然后呢，我们就可以左右滑动，左右滑动能够看到这里了，你看这里的话就是321啊，它这是越大越干什么，那么我们现在我们回去调整一下，比如说我们在这里我们把啊安全网关啊这一个页面，然后给它取消展示啊，那么这个时候的话，我们再去重新刷新啊，我们再去重新刷新，我们会发现只有两个啊，我们只有两个，那么呃，第一个的话是的一个优先级嘛，这个顺序优先级嘛，那么比如说我们把这个云模板的优先级调大，比如说我们调成9，那这样子的话，我们提交，提交之后的话，那应该是语音模板的这个顺序在前，然后公开课的顺序在后，那我们刷新。

看一下，看看是不是这个样子，那我们刷新之后，我们能够看到啊，这个云模板在第一位，然后呢，呃，公开课在第二位，因为这个图片比较大啊，所以大家在上传之前可以做一下压缩，这样子的话效果会好一些，那么你觉得这一个原来的这一个代码里边这个高度有点太差劲了，那你大家可以调整一下高度，或者是自己自适应一下就可以了啊，这个的话大家随随便去调试啊，就大家就随便去调试好，基本上来说整体的话就就就这些啊，就是从轮播图的安装到如何去编辑，如何去使用，嗯，基本上就是这些，那么还想再了解云开发云模板的一些其他的，呃内容的话，可以去关注系列课程的其他的部分，好，这节就结束了，谢谢大家。