一、前沿
从这个章节开始进入实战状态,利用项目以及小demo来逐步认识小程序。主要包含以下内容
1、注册程序和页面
2、数据绑定
3、循环
4、条件
5、运算
6、模板
7、事件
8、引用
9、组件
10、api
二、创建实验项目
整个学习过程中,以“天气预报”为主线,尽可能利用小程序提供的各种功能。(ps:由于本人不擅长UI,因此项目的整体感观可能不是很优美,这里只注重功能;较真的朋友可以参考App Store里的各种天气类软件)
1、本节效果预览
2、项目结构
目前只有两个界面:欢迎界面、天气数据界面。每个界面都可以单独去设置标题、背景等信息
1)该项目在创建的时候,并没有勾选“quickstart”,既然是学习,就从头开始,每一个目录和文件都亲自创建。
2)images目录
这个用来存放项目中会用到的一些图片(目录名字是自己取的),这个目录下还可以根据需要创建子目录。目前小程序的IDE还不支持支持复制图片,因此你只能在硬盘上打开对应的文件夹,然后将所有的图片都粘贴进去,IDE会自动更新的。
3)pages目录
这个用来存放项目中用到的所有的页面,当然每个页面最好单独创建一个子目录,而且都包含四个文件。你可以采用一种方式快速创建这4个文件,在指定的目录上单击鼠标右键,选择“创建page”选项,IDE会自动为你创建4个文件。
当前我们有两个界面:“欢迎”、“7天预报”。
4)全局文件,这三个文件的名字必须是app
app.js 注册小程序
app.json 全局配置
app.wxss 样式,目前我们可以不需要
三、全局配置(
1、页面注册
在app.json文件中的pages字段中注册页面,需要注意几条规则:
1)pages字段不可以写错,区分大小写
2)所有需要显示的界面都要注册
3)pages的第一个元素就是小程序显示的启动界面
2、设置全局窗口样式
在app