各位微信开发者学堂的同学们，大家好，我是王老师，上期课程，我们分享了如何从0到1制作一个Helloworld小程序。今天，我将手把手带大家做一个属于自己的小程序，学习基本的小程序开发知识，并将其发布上线。

这一次的课程中，你将学到以下知识点：

1. 需求分析与功能设计：设计一款电子校园卡小程序
2. 小程序基础组件介绍：包括image图片容器、icon图标组件、text文本组件等数十个开发小程序常见的组件
3. 小程序的开发原理，包括数据渲染、事件、自定义函数、WXML与WXSS的应用，JS的page函数与交互

同学们，听起来是不是有点复杂？其实很简单，你只要跟随着老师的步伐，一步一步地完成开发，就会发现，开发一个小程序，其实没有什么难的。

首先，同学们可以先试着分析，在日常学习生活中，有哪些可以问题需要被解决，用户有哪些需求，我们再设计对应的功能，来满足用户需求。在真正开发小程序之前，可以在纸上画下自己想要开发的小程序的样子。

例如，我们发现学校的篮球场，有时候人满为患，使用率爆满，有时候又没人打球，使用率不高，这时候，我们可以做一个预约篮球场使用的小程序，展示用户的预约情况。避免打球的人太多，自己去了以后白跑一趟。

例如，老师希望收集学生信息，这时候我们可以做一个收集信息的小程序。同学们，你们能想到哪些生活中需要被解决的问题吗？

今天，我们就假设，学校希望每个同学都拥有一个电子校园卡，学生可以填写校园卡上的信息，校园卡会展示用户的基本情况。每位同学进校门时，需要向保安展示该校园卡方可放行。

那对于这样的一个小程序，需要具备哪些功能呢？

1. 需要支持输入信息，即 input 功能；
2. 需要支持表单展示信息；
3. 需要支持学生上传头像，并且展示头像；
4. 需要有按钮，支持保存、上传头像；
5. 还需要支持界面的滚动、下滑等操作；
6. 将已上传的信息展示出来。

后续我还会教大家，如何使用 cavas 渲染为图像。

那么，让我们开始吧。