本文档将带你一步步创建完成一个微信小程序，并可以在手机上体验该小程序的实际效果。这个小程序的首页将会显示欢迎语以及当前用户的微信头像，点击头像，可以在新开的页面中

一、原则及相关说明 ? 微信最核心的价值，就是连接提供一对一、一对多和多对多的连接方式，从而实现人与人、人与智能终端、人与社交化娱乐、人与硬件设备的连接，同时连接服务

写在前面 此帖承接从0 到1：初学者入门Demo，原计划内容是一个两个页面的小程序，现在暂时增加到三个页面，包括从0 到1：初学者入门Demo篇中的欢迎页，该篇的内容列表页面，和下一

此贴适合小白学习，做出第一个自己的小Demo，大神可以选择是否踩踏 欢迎和我一样的小白一起学习交流.. （被坑死了的我，含泪写下的初体验Demo分享） 为了给新手建立一个从0到1的过

如果你还想要 从0到1 和 从1到2 的细致的话，那么对不起，本文没有。 展示效果 回顾一下从1到2中最后的小作业，请确保你已经完成了如展示效果中的 列表页面，这里有 6 个数据内容哦

这章内容先讲解 如何使用 template 和 wx:for 完成文章列表的骨架。然后下章谈谈 如何使用weui-wxss UI框架美化页面。 微信小程序官网的api介绍很详细，https://mp.weixin.qq.com/debug/wxadoc/dev/。但

上一章介绍了微信小程序的UI框架 weui-wxss 这章就谈谈微信小程序的数据交互---wx.request 官方文档中明确说明，wx.request发起的是https的请求，如果你的服务器是http站点，那需要做配置。可

上一章介绍了微信小程序的UI框架weui-wxss这章就谈谈微信小程序的数据交互---wx.request 官方文档中明确说明，wx.request发起的是https的请求，如果你的服务器是http站点，那需要做配置。可

前三章基本完成文章列表页面的UI界面和数据加载，这章介绍内容详情页面的加载和布局。有了之前的知识储蓄，这章就容易多了。废话不多说。 首先是服务端代码，通过id查询数据：

之前谈到文章列表的数据加载，是一次性全部加载，这样是不友好的。这章介绍加载和刷新。 效果图： 先介绍在IDE中，怎么模拟上滑这个操作。开始我是用鼠标点击文章列表，然后先