本文由“名片盒”团队撰写，感谢“博卡君”推荐

本系列：

感谢各位朋友的支持！ 博卡先生这两天得到了很多支持和安慰，也结识了很多志同道合的朋友。 目前微信发布的工具和代码还不是正式版本，可能随时进行调整。 每个人都应该先去体验、去学习。 最近这个教程让我身心俱疲。 虽然很辛苦，但是我很开心。

第五章：微信小程序名片夹详情页开发

今天添加了新内容！ 除了开发日志本身之外，我还回答了一些朋友的问题。

话不多说，我们先来看看“名片盒”详情页的效果图：

注意一般要求：顶部后面是轮播图，二维码按钮弹出模态框信息，点击微信栏，点击保存到手机，地址栏需要显示地图，名片分享是也是模态框指南。

首先是轮播图片、自动播放、轮播时间、切换速度，可以根据自己的需求添加。

在：

//当轮播发生变化时，改变数字。

//初始化数据

数据： {

: 1

: (e){

= e..；

这。（{

: + 1

})

},

在这里可以看到，在全屏模式下单击关闭按钮时，会切换到待机状态。

再次单击可返回原始样式。

切换后事件返回，灵活使用。

刷新开发者工具，可以看到具体效果如下：

可以看到详情页的信息风格基本一致，可以使用微信提供的循环。

以下是详情页中的个人信息数据，

如果有信息就会显示。 如果没有数据，则不会显示。 这里我们使用

具体来说，是以json数据格式进行处理的。 我们需要做的就是给它一个绑定值，然后我们就可以调用它了。

//中文信息

= res.card.[0].;

=[]

for(vari = 0;i < .;i++){

.推([i])

//如果为空或null，则不显示判断。

为了（）{

if([k].== null || [k].== ""){

[k][""] = "无";

}别的{

[k][""] = "";

这个版本的微信不支持异步数据更新，所以当真正的网络数据请求发生时，我们必须在末尾添加()来强制触发视图渲染，否则会出现很多莫名其妙的bug。

解释如下：这是服务器的真实数据。

可以看到会报错。 可能是js的执行顺序。 一一往下走。 此时仍在请求网络数据。

只需定义一个变量即可。

当然，这里的数据都是推送的。

以下是二维码弹出消息。

这是弹出的模态框的二维码信息。 布局初始化处于none状态。 在那里您需要直接绑定数据：

方法就是让它显露出来。

只需在需要的地方调用该方法即可。 （支持重复调用）

详情页的公司位置图直接调用微信提供的接口（群里的demo有实现方法）。

可以看到实现的效果：

下一章：微信（小程序）名片盒我的页面开发。

第六章：微信小程序“名片盒子”和“我”的页面开发

效果图及要求：

用户有多张名片，需要左右切换才能查看。 向下切换是菜单按钮。

我们需要在这里滑动两个地方。 我们使用微信提供的滑动组件，并以嵌套的方式使用。 第一层是名片展示和菜单按钮的上下滑动。 第二层是名片展示的左右滑动（支持相互嵌套）。 使用过的，可以放心使用）。

添加就是垂直滑动，去掉就是左右滑动。

整体结构如下：

点击事件与数据切换方式绑定，因为需要支持多次点击切换。

初始化数据为：

我们再回顾一下事件的经过。 它属于当前页面。 改变它就可以完成切换效果。 上图中可以看到，初始化数据时cs被设置为0。

因此，只需赋值当前的data.cs+1，然后切换绑定点击事件即可。

再看事件，执行的就是减去1个索引，达到多次点击的切换效果。

具体效果可见一斑。

点击个人名片，进入编辑名片页面。 由于需要参数，wx. 用来。

可以看到如下效果：

最后来点干货：

第一步是MD5加密，交互层。

如何引用MD5.js？ 当然是模块化的，别忘了包含引用的js。

以下是对 MD5.js 的 .js 引用。

是服务器地址（配置服务器时在开发设置页面查看并配置服务器域名）。

.js 在这里。 是暴露的方法。

这时，将.js引入全局的app.js中，映射到全局。 这是全球性的。

这时候如果页面需要那个页面，直接接受就可以了。 模块化很有用吗？

可以完整的看一下一个请求与后台进行数据交互的实现过程如下：

图1是.js中的封装。

图2展示了需要调用数据的页面渲染。

如果您有任何疑问，请告诉我。 一些已知的问题将在下一章中解释。

应该还是有人喜欢小编的。 有人问如何切换突出显示。 只需切换到页面右下角的 html 即可。