小程序（二） 一个简单的“欢迎”页面

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。如图2-1所示

一个小程序主体部分由三个文件组成，必须放在项目的根目录，如图2-2所示

一个小程序页面由四个文件组成，如图2-3所示

注意：为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名。

创建项目启动页，如图2-4所示：

新建一个空白项目，点击 图2-5所示 “+” 创建小程序主体部分的三个文件及pages文件夹，在pages文件夹下新建一个index文件夹，如图2-5所示，选中pages文件夹 右键 新建目录

在index文件夹下创建 index.wxml 、index.wxss 、index.js 、index.json 四个文件。

注：除 顶级 目录文件/文件夹使用 图2-5 中的 “+” 创建外，其他文件创建选中其上级目录文件夹 右键 新建目录/文件

创建好文件后，在app.json中写入：

编辑 index.wxml 文件，此处会用到图片，需在顶级目录创建images文件夹用来存放图片：

模拟器的机型设置为 iPhone6 ，小程序以IPhone6的屏幕尺寸为设计标准，像素使用 rpx 为单位，编辑 index.wxss 文件：

若使小程序呈现 图2-4 的效果，需编写 app.json 文件：

项目出现如图2-6 所示错误：

编写index.js：

启动页面就完成了 ^ _ ^

微信版本升级后，打开微信，点击底部的“发现”这个菜单项，就会发现升级后的“发现”菜单里，增加了“小程序”这样一个功能。

2.点击打开小程序后，可以看到有附近的小程序和我的小程序，附近的小程序是所在定位周边的小程序。

下面的小程序列表可以看到的是我们之前打开过的一些小程序，如果有自己觉得很好用的小程序就可以点击左上角，添加到我的小程序里面。

3.微信小程序还有具有搜索功能，打开搜索页面可以输入想要找的小程序。

普通用户，尤其是无技术背景。可通过智能网站搭建平台，快速搭建网站网站/个人博客和商城及小程序。

以爱用建站平台为例，普通个人/企业只需简单几步，即可上线完全自主的网站及小程序:

步骤一：注册/登陆爱用建站平台PC或移动端登陆iyong.com，新用户注册【iYong通行证】。

步骤二：通过类似PPT编辑 *** 作的可视化设计器设计上线网站。保存即可上线，可以部署博客功能，或者电商能力辅助博客变现。

可选步骤：

1、如需独立域名访问，通过域名商城购买或者外部添加。

2、同时也可以免费发布多平台小程序，目前支持（微信/百度/支付宝）。

3、微信小程序可免注册费用上线。

成本分析：

1、资金成本：免费至千元水平不等，取决于对存储及服务的需求差异。

2、隐性成本：低，无需编程及网络技术，类平台 *** 作。

---