1.小程序与普通网页开发的区别
1.运行环境不同
网页运行在浏览器环境中
小程序运行在微信环境中
2.API不同
由于运行环境的不同,小程序无法调用DOM和BOM的API。
但是,小程序中可以调用微信环境提供的各种API,例如:地理定位、扫码、支付...
3.开发模式不同
网页的开发模式:浏览器+代码编辑器
小程序开发模式:
- 申请小程序开发账号
- 安装小程序开发者工具
- 创建和配置小程序项目
2.1小程序代码的构成-项目结构
- pages用来存放所有的小程序的页面
- utils用来存放工具性质的模块(例如:格式化时间的自定义模块)
- app.js小程序项目的入口文件
- app.json小程序项目的全局配置文件
- app.wxss小程序项目的全局样式文件
- project.config.json项目的配置文件
- sitemap.json用来配置小程序及其页面是否允许被微信索引
2.2小程序页面的组成部分
其中,每个页面由4个基本文件组成,它们分别是:
- .js文件(页面的脚本文件,存放页面的数据、事件处理函数等)
- .json文件(当前页面的配置文件,配置窗口的外观、表现等)
- .wxml文件(页面的模板结构文件)
- .wxss文化(当前页面的样式表文件)
小程序项目中有4种json(json是一种数据格式,在实际开发中,json总是以配置文件的形式出现)配置文件,分别是:
项目根目录中的app.json配置文件(是当前小程序的全局配置,包括了小程序的所有页面路径、窗口外观、界面表现、底部tab等), 配置如下:
项目根目录中的project.config.json配置文件
- setting中保存了编译相关的配置
- projectname中保存的是项目名称
- appid中保存的是小程序的账号id
项目根目录中的sitemap.json配置文件(用来配置小程序页面是否允许微信索引)(allow是允许索引,disallow是不允许索引)
每个页面文件夹中的.json配置文件 (.josn文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖app.json的window中相同的配置项)
三.新建小程序页面
只需要在app.json->pages中新增页面的存放路径,小程序开发者工具既可以班组我们自动创建对应的页面文件,如图所示:
四.修改项目首页
只需要调整app.json->pages数组中页面路径的前后顺序,即可修改项目首页。小程序会把排在第一位的页面当成项目首页进行渲染,如图所示:
