实验6：HTML5小程序页面

[zengsn]

实验目标

1. 掌握微信小程序注册方法；
2. 掌握微信小程序文件结构（配置、页面、图片、第三方文件等）；
3. 掌握微信小程序中WXML、JS及WXSS的写法。

app.js
app.wxss
app.json
pages/
- index/index.js
- index/index.wxml
- index/index.wxss
- ...
- images/
- ...
style/
- weui.wxss

实验内容

1. 注册一个微信小程序号，并且创建Issue，说明小程序题目与功能简介；
2. 创建微信小程序导航栏及相应的页面；

// 知识点：app.json 
"tabBar": {
  "list": [
    {} // 配置 2-3 个导航栏
  ]
} 

3. 完成微信小程序的首页开发（基于WeUI）。

// 知识点1：在app.wxss中导入weui-wxss
@import "style/weui.wxss"; 
// 提示：下载 dist/weui.wxss 到 style 目录下

// 知识点2：数据绑定的用法
// index.js 
data : {
  "welcome": "Hello WeChat Mini Program"
}
// index.wxml 
<text> {{ welcome }} </text>
// 提示：花括号之间不要有空格。

实验步骤

自行根据实际实验步骤撰写。

注：上面这一句话原封不动抄过来的当次实验不及格。

实验要求

1. 将微信小程序项目源代码目录保存到个人学号目录下；
2. 将代码提交到实验库（add, commit, push），然后发送Pull Request；

git commit -m "#6 #ISSUE号 注意要有空格"

3. 根据自己的实验过程与结果编写实验报告（重点检查）；
4. 按照『教学助理』小程序要求将实验报告发送到老师的邮箱。

实验参考

1. https://github.com/hzuapps/web-wechat-2017/blob/master/list.md
2. 微信小程序开发工具下载：https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html
3. 微信小程序文档：https://developers.weixin.qq.com/miniprogram/dev/