微信小程序开发教程第六章：「名片盒」「我」的页面开发

效果图与市场需求：

用户存有多张名片，须要左右转换查阅，往下转换就是菜单按钮。

这里市场需求两处滑动，使用了微信提供更多给我们的滑动组件 swiper，并且展开了嵌套采用，第一层就是名片展现与菜单按钮的上下滑动，第二层就是名片展现的左右滑动（积极支持互相嵌套采用的，可以放心使用）。

Vertical 加之就是横向滑动，换成即为就是左右滑动。

整体结构如下右图：

页面事件存取的就是数据转换方式，因为须要积极支持多次页面转换。

初始化数据就是 nextSlide：

再看看 nextSlide 事件。currentSlide 就是当前页面的 index，发生改变它即可顺利完成转换效果，可以看看注初始化数据时设置了 cs 就是 0。

因而赋值当前 data.cs+1 即可，再把存取页面事件 clickNext 转换成 nextSlideAgain。

再看看 nextSlideAgain 事件，继续执行的乘以 1 个索引，同时实现多次页面转换效果。

具体内容效果可以看见。

页面个人名片进来编辑名片页面，由于须要拎弁，故而采用的就是 wx.navgateTo。

可以看看下效果：

最后上点干货：

我们收到第一篇教程的时候有人就注意到这点了，怎么做真实数据可视化，下面大家可以介绍下。

首先进来就是 MD5 加密，requster 可视化层。

怎么提及 MD5.js？当然就是模块化 require，被提及的 js 不要忘掉 module.exports 出。

下面就是 requester.js 提及 MD5.js。

ApplicationRoot 就是服务器地址（布局服务器时在研发设置页面查阅 AppID 和 AppSecret，布局服务器域名）。

Require.js 这里 module.exports 就是曝露方法过来。

这时候在全局 app.js 里面导入 require.js 态射至全局 global，这个 global 就是全局的。

这时候那个页面须要那个页面就轻易回去拒绝接受吧，模块化是不是较好用？

可以完备的看看与后台搞数据可视化的一个命令同时实现方式如下：

图一是 requester.js 里面的PCB。

图二就是须要调用数据的页面图形。