最近很热门的小程序，一直想学着做一个，刚好前天在segmentfault看到了用个人做个校园的小程序，我就想自己也组偶一个试试，说动就动，

• 第一步先去微信公众平台注册成为开发者，期间需要自己的身份证号什么的要注意，提前准备好，
• 注册完之后需要填写小程序的的名字和介绍说明，
• 接下来需要在下载微信小程序开发者工具下载安装“微信web开发者工具”，他可以编写小程序代码，也可以进行微信公众号的排版和发布，使用是非常方便的，里面的调试功能和Chrome浏览器基本一样，
  学习过程中也一边查看的是微信小程序官方文档，一边试着打打代码，
  只要有点html+css基础的都能很快的学习小程序，

  小程序的整体构架

  安装好开发工具后，输入小程序ID即自动新建一个小程序demo文件，它自动创建的小程序文件就类似一个模板一样，可以省去很多初始化的东西，直接上手代码，
  每个小程序文件的结构都是由两个主要部分构成：
  主体部分 + 各个页面。类似于许多框架，主体部分主要用于核心的配置，各个页面在独自配置逻辑和样式。
  1.1，主体部分主要由3个文件构成
  1）app.js：小程序逻辑，
  2）app.json ：小程序配置，比如导航、窗口、页面http请求跳转等
  3）app.wxss：公共样式配置

小程序的开发也是遵守了MVC结构进行构建的

MVC全名是Model View Controller，是模型(model)－视图(view)－控制器(controller)的缩写，一种软件设计典范，用一种业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界面及用户交互的同时，不需要重新编写业务逻辑。MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中。

1.2，页面由4个文件构成
1）js：页面逻辑，相当于控制层（C）；也包括部分的数据（M）
2）wxml：页面结构展示，相当于视图层（V）
3）wxss：页面样式表，纯前端，用于辅助wxml展示
4）json：页面配置，配置一些页面展示的数据，充当部分的模型（M）
简单理解为
.js后缀的文件是脚本文件，页面的交互等代码在这里实现；
.json后缀的文件是配置文件，主要是json数据格式存放，用于设置程序的配置效果；
.wxss后缀的是样式表文件，类似于前端中的css,用于对界面进行美化；
.wxml后缀的文件是页面结构文件，用于构建页面，在页面上增加控件。
最后放上一张结构图：