系列教程：
玩轉(zhuǎn)微信小程序（一）怎樣將「服務(wù)號」改造成「小程序」唤衫？玩轉(zhuǎn)微信小程序（二）微信小程序項目結(jié)構(gòu)及配置玩轉(zhuǎn)微信小程序（三）微信小程序名片夾詳情頁開發(fā)名片盒「我」的頁面效果圖與需求：
用戶有多張名片但骨，需要左右切換查看布持，往下切換是菜單按鈕。 這里需求兩處滑動据忘，用到了微信提供給我們的滑動組件 swiper，并且進(jìn)行了嵌套使用，第一層是名片展示與菜單按鈕的上下滑動近范， 第二層是名片展示的左右滑動（支持互相嵌套使用的，可以放心使用）延蟹。
Vertical 加上就是縱向滑動评矩，去掉即是左右滑動。整體結(jié)構(gòu)如下所示：
點(diǎn)擊事件綁定的是數(shù)據(jù)切換方式阱飘，因為需要支持多次點(diǎn)擊切換斥杜。
初始化數(shù)據(jù)是 nextSlide：
再看下 nextSlide 事件。currentSlide 是當(dāng)前頁面的 index沥匈，改變它即可完成切換效果蔗喂，可以看上圖初始化數(shù)據(jù)時設(shè)置了 cs 是 0。
因而賦值當(dāng)前 data.cs+1 即可高帖，再把綁定點(diǎn)擊事件 clickNext 切換成 nextSlideAgain缰儿。
再看下 nextSlideAgain 事件，執(zhí)行的減去 1 個索引散址，實(shí)現(xiàn)多次點(diǎn)擊切換效果乖阵。
具體效果可以看到。 點(diǎn)擊個人名片進(jìn)去編輯名片頁面爪飘，由于需要帶參义起，故而使用的是 wx.navgateTo。
可以看下效果：
最后上點(diǎn)干貨：
我們發(fā)出第一篇教程的時候有人就注意到這點(diǎn)了师崎，怎么做真實(shí)數(shù)據(jù)交互默终，下面大家可以了解下。
首先進(jìn)去是 MD5 加密犁罩，requster 交互層齐蔽。
怎么引用 MD5.js？當(dāng)然是模塊化 require床估，被引用的 js 不要忘記 module.exports 出來含滴。
下面是 requester.js 引用 MD5.js。
ApplicationRoot 是服務(wù)器地址（配置服務(wù)器時在開發(fā)設(shè)置頁面查看 AppID 和 AppSecret丐巫，配置服務(wù)器域名）谈况。
Require.js 這里 module.exports 是暴露方法出去勺美。。
這時候在全局 app.js 里面引入 require.js 映射到全局 global碑韵，這個 global 是全局的赡茸。
這時候那個頁面需要那個頁面就直接去接受吧，模塊化是不是很好用祝闻？
可以完整的看下與后臺做數(shù)據(jù)交互的一個請求實(shí)現(xiàn)方式如下：
圖一是 requester.js 里面的封裝占卧。
圖二是需要調(diào)用數(shù)據(jù)的頁面渲染。
大家有什么疑問可以多指點(diǎn)联喘，會在下一章說明一些已知疑問华蜒。
應(yīng)該有一些人喜歡 sublime 編輯器，有人問怎么切換高亮豁遭，在你的右下角直接切換成 html 即可叭喜。
好了，今天就到這里堤框，明天更新：微信小程序編輯名片頁面開發(fā)（涉及要點(diǎn)：檢索域滥、排序、滑動及頁面交互）蜈抓，敬請期待！
Hello小程序將與您共同成長昂儒。微信號：130870319 QQ群：40726600
