小程序零基础入门系列－－1、能跑起来的最简单例子

最近在弄小程序，把自己的一些学习过程记录下来，水平有限、难免有误，高手勿笑。

如何安装微信小程序开发环境略过，网上一搜一大把，我这里举了一个最简单的例子，并一步步实现。

一、功能分析

这个小程序只有两个页面，一个是index.wxml，另一个是move.wxml

其中index.wxml是打开小程序时默认显示的页面，它里面只有一个按钮，点击此按钮将显示另一个页面move.wxml；

move.wxml页面里显示一张图片，图片下面显示两个按钮

界面效果如下：

二、添加图片

新建一个小程序项目，删除系统自动生成的logs文件夹，新建一个文件夹"res"，在其中插入一张图片car.jpg，整个项目文件目录如下：

三、编写代码

新建一个"move"文件夹，在此文件夹里面新建4个文件，分别为move.wxml，move.js，move.json，move.wxss

其中.wxml文件为页面布局文件，相当于网站中的.htm文件，.wxss为页面样式 文件，相当于网站中的.css文件，.js文件为页面事件代码文件，处理用户与页面的交互事件，move.json为页面配置文件

1、删除index.wxml文件中的所有 内容，在此文件中输入以下代码

<view>

  <button&n