前面我們更新了博卡君的前五章微信小程序開發教程，下面我們接着更新第六章：微信小程序「名片盒」「我」的頁面開發，（第一二章：微信小程序開發教程，第三四章：微信小程序項目結構以及配置&微信小程序首頁面開發，第五章：微信小程序名片夾詳情頁開發）
微信小程序「我」的頁面效果圖與需求：
用戶有多張名片，需要左右切換查看，往下切換是菜單按鈕。
這里需求兩處滑動，用到了微信提供給我們的滑動組件 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 里面的封裝。
圖二是需要調用數據的頁面渲染。
大家有什么疑問可以多指點，會在下一章說明一些已知疑問。
應該有一些人喜歡 sublime 編輯器，有人問怎么切換高亮，在你的右下角直接切換成 html 即可。
下一章：微信小程序編輯名片頁面開發（涉及要點：檢索、排序、滑動及頁面交互）。
原文：https://my.oschina.net/wwnick/blog/750974