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

小程序包含一个描述整体程序的 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：

启动页面就完成了 ^ _ ^

不行。

app可以集成小程序页面就是直接跳转到小程序的，只能这种办法，但是看上去还是小程序，并没有发生本质的改变。

APP需要下载，浪费时间和手机内存；而小程序则不用，它只需加载。APP开发成本比较高，它需要开发安卓版和IOS版，所用开发语言也不同；小程序是基于腾讯的小程序开发框架进行开发，一次开发就可以自动适配所有手机，开发成本相对低些。

大众点评小程序怎么打开app

1,首先打开微信页面。

虽然是

2，将打开的页面往下滑动，这时会出现微信小程序页面。

3,我们在搜索框内输入大众点评，会出现大众点评，我们点击进入即可使用

---