系统设计与分析lesson5-关于微信小程序开发工具的学习

前言

首先微信小程序就是运行在微信上的小的App，开发过程类似于Web APP的开发。然后微信小程序时下非常火热，个人认为主要有两方面原因：1.微信本身对小程序非常重视，从微信置顶了小程序功能就可以看出。2.微信这个平台非常具有传播力度，微信支付的成功就是一个很典型的例子。

准备工作

1.注册小程序账号
（https://mp.weixin.qq.com/wxopen/waregister?action=step1 ）

2.安装小程序开发工具。
（https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=2018412）

3.登录威信公众号网站查看自己的AppID。
（https://mp.weixin.qq.com/）

小程序的HELLO WORLD

1.打开并登录小程序开发工具，可以看到主界面大体分为三个部分，左边的模拟器，右上的编辑器和右下的调试器，这种开发界面有过web开发或者安卓app开发的都很熟悉。

2.然后简单看一下一个微信小程序的文件组成结构。

我们可以看到这个项目里边生成了不同类型的文件:

.json 后缀的 JSON 配置文件
.wxml 后缀的 WXML 模板文件
.wxss 后缀的 WXSS 样式文件
.js 后缀的 JS 脚本逻辑文件

接下来我们简单了解这4种文件的作用。

1.json文件

json文件简单说就是一种用来存储数据的文件，这里它主要用于保存小程序中页面配置、程序设置等数据。

2.WXML文件

有过UWP应用开发的或者安卓开发的人其实对XML会很熟悉，而WXML其实就是XML差不多的文件，前面加个W类似于加个微信的标签，然后这一类文件通常是用来设置程序UI界面的。

3.WXSS文件

同上，WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些扩充和修改。
这一类文件是用来对UI界面的具体参数及形式做补充设置的。

4.JS文件

js文件大家也很熟悉。就是规定程序和用户交互的逻辑功能。
比如点击一个按钮具体会执行哪些操作都在js文件里面声明。

开发模式

微信小程序的开发模式跟安卓app开发其实大体相同，不过由于本人之前更多的UWP应用开发相关的经验，在接触小程序的时候会更多的参照UWP开发去理解。

小程序开发和UWP相似的在于两者总体上都是 视图+逻辑 这样一种MVVM的开发框架，个人对MVVM的开发框架是非常喜欢的，MVVM具有低耦合、独立开放、界面易测试等优点，而且开发过程中能实时看到程序一点一滴的改变，有利于激发开发者的创造热情。