29. 尚硅谷_微信小程序_最终效果演示.avi原创

好，来我们接着上课，那么这节课呢，大家看一下我们前面的页面做的就差不多了，然后呢，我来到这个app.s里边，我把这个咱们之前上来第一个页面的路径，我呢提到了上边，哎，那这个时候呢，我们让它编译一下的话，大家可以看到咱们上来加载的这个是我们第一个页面，对吧？没有问题，OK，那这个时候呢，我们可能说最后测完带大家去重新的跑一下这个，哎，还记不记得咱们当初在这去绑定了一个点击事件，我点击当前的按钮的话，它是会跳转到我们对应的那个例子的页面，对吧？来，我在这点击一下啊，注意啊，我我已经点击了，可能有的同学也写完了去测这个，他突然发现说，哎，老师，我这个为啥不能点击了，那这个时候来我们打开调这个调试器，我们来看一下，首先大家看我们的控制台有。

没有报错啊，哎，没有，哎，那控制台没有报错，那之前这个按钮点击事件明明是好的，但现在为什么失效了呢？来来到我们的官网上，那这个时候呢，我打开文档这一块。OK，我们这个文档打开以后，我们来到小程序开发这一块。好的，那这个来到这个里面，哎，还记不记得我们之前跳转页面的时候用了个什么方式呀。很好，Degate，那这个时候呢，我来到API这一块，我们还是去找到对应的那个方法，我记得应该是在界面这来我们来往下来看，大家看咱之前是不是用的navigate，其实我又给大家测了另外一个方法叫redirect，那这个navigate我们当初只是看到了这一句话，它呢是保留当前页面，跳转到应用内的某个页面，哎，看上去没有任何问题，哎，细心的同学可能会看到这儿。

后边这有一个说明，它呢，Na get需要跳转的应用内非table table的页面，哎，他说他要跳转的是非k bar的页面，哎，那这个时候大家想一下，我们之前往后写的时候，咱在这儿是不是加了一个ta bar呀，而list页面现在是不是已经算table bar里面的一个子页面，所以呢，我们在这，哎又跳转到list已经跳转不过去了。嗯，那navigate不行了，那怎么办？Readdi react大家也看一下，在这同样呢，是跳转到非table bar的页面，所以呢，如果说我们用table bar的话，那这两个方法就不能用了，因为他们是有冲突的，哎，那这个时候怎么办？往下来看，下边这有一个方法叫Switch tip，哎，上边这这一句话上来就说了，它呢是跳转到tableboard的页面，嗯，并关闭其他所有非table bar的页面，来我们可以试一下这个方法，那首先呢，我把这个方法拿过来，找到我们当初的第一个页面啊，这个是图片，来我们把调试器关一下，页面收起来，再展开一下，打开这个index CS，哎，这个是不是咱们当初用的这个方法。

好来，我们粘贴一下这个Switch，然后呢，我们把之前我们这边navigate这个方法呢，我们给它换过来，OKCTR保存一下，让它重新去编译一下，其实我们看到当前的页面呢，没有任何的反应，那这个时候我再给大家去点击一下当前这个button这个按钮，OK，来走你，哎，那这个时候呢，你会发现我们当前这个点击业务生效了，哎，在这儿呢，主要是大家要注意一下，当我们去使用小程序里面的API的时候，一定要去仔细的读一遍它上面的这些说明啊，避免犯一些不必要的错误，OK，那这个时候呢，我们来看一下我们整体的一个效果，呃，文与字这一块，这是我们做的一个列表，然后呢，我们对应的还有一个电影频道。

嗯，没有问题，那这个时候呢，好，最后呢，再带大家去看一个东西，我们现在是在F6下边对吧，那这个时候大家看在这是可以干嘛，可以去切换这个机型的，哎，这个开发工具呢，每次一点它下边这些任务栏的话，有时候会黑屏一下，OK，那这个时候呢，我来切换一下，比如说我们看一下I5吧。

再重新编译一次来，那这个时候呢，我再进来，其实大家看一下在IPHONE5下边显示的这个和我们在IPHONE6下边是一样的啊，也就是说小程序里面的适配做的相当好，做的相当好，OK，那这就是我们当前小程序的一个完整的应用，好，那这节课呢，我们就到这。