微信小程序入门（四）：页面数据展示

大家都知道，针对一款app上面都是展示信息的，那么在小程序中，页面上信息的展示是如何的，接下来进行详细探索：

在微信小程序中，编写页面布局是在wxml文件中进行的，则在wxml文件中，使用<view></view>标签进行内容的包裹，类似html中的<div>,现在进行一个需求的编写，在页面上编写布局，并将.js结尾文件中的处理数据进行展示到页面上；

index.wml

index.js

编译项目，则页面展示如下：

从上面结果可以知道在wxml文件中使用{{**}}可以将js文件中指定的内容展示在页面上，现在我们进行动态的展示数据，不需要展示起在page-data中固定的内容,修改js文件内容:

编译项冲逗目，显示结果如图：

由此可知，在js中动态的设置内容并将其更新到wml上，则使用 this.setData()，且修改的内容格式符合key:value。

就小程序页面数据展示就分析到这里，希望各位棚判渣看官们有所收获，有什链悄么错误的地方还望指出！！

微信小程序目前一共有60多个流量入口，其中，介绍以下七大流量入口：

1. 公众号 + 小程序举段

小程序通过关联公众号可以实现公众号资料页展示、模正空誉板消息推送、自定义菜单入口、公众号图文中插入小程序卡片、图文CPC广告等等。两者实现无缝链接互转，可以帮助小程序获得种子用户。公众号主导内容，负责触达粉丝和用户，小程序提供服务和交易，两者互利互补。

2. 附近的小程序

通过「附近的小程序」功能，商家的小程序可以展示在特定地点的 5 km范围内，当用户走进这个范围后，在「附近的小程序」列表中可以看到你的小程序，点击即可使用。

3. 线下扫码推广

线下扫码，也就是地推，是小程序最基本的推广方式之一。商家可以在门店内贴上小程序码，并引导用户扫码使用小程序。也可以将小程序码与营销活动进行结合，吸引用户主动扫码。

4. 社群分享

所谓社群分享，主要是分享到微信群和好友。简单来说就是将小程序卡片转发到微信群或者微信好友，好友点击后即可进入小程序。

5. 社交立减金

社交立减金是摩拜单车小程序、蘑菇街女装精选小程序能快速裂变的根源亏判所在。

社交立减金是通过微信好友之间的分享快速实现裂变，大大降低了拉新的成本。

6. 微信搜索

微信搜索才是小程序最大的入口，通过「模糊搜索」，用户只要搜索相关关键词就能找到相关的小程序。

7.小程序相互跳转

小程序支持相互跳转，即小程序与小程序之间的跳转、小程序与公众号之间的跳转，跳转的形式也是多种多样，可以是图片、文字、二维码、按钮等。通过小程序这个功能，商家可以开发多款小程序，形成小程序矩阵，为用户提供更加全面、便捷的服务，提升转化率。

---