# 介绍
微信小程序使用JavaScript开发语言,运行在微信App内,不用去分别开发Android和iOS系统的APP,降低了开发成本,无需考虑兼容问题,即点即用,无需下载安装,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。
微信小程序开发文档[https://developers.weixin.qq.com/miniprogram/dev/framework/]()
# 微信小程序环境配置
1. 申请小程序账号,填写相关资料后即可获取自己的小程序帐号

2. 自动生成小程序的AppID和密钥,AppID相当于小程序的身份证

3. 下载小程序开发工具,默认安装后用微信扫码登录

4. 新建行李查询小程序项目

5. 默认有代码框架已经初始化,自带Hello World项目

6. 目录结构

# 业务功能实现(行李查询)
1. 初始化小程序全局配置,包括小程序所有页面路径、界面样式、网络超时时间、底部tab等

2. app.js中引入appConfig.js(后台接口文件)和util.js(常用工具类文件),并配置在App实例中,这样变量在全局都可以调用了

3. 新建页面(行李查询)
所有的模块页面都放在pages文件夹中,按自己项目的功能分类,新建行李项目luggage,还有子页面行李列表luggageList
与html不同的是,小程序文件不需要单独关联js和wxss文件,会默认将同名的js和wxss文件引用,若要引用外部文件,可按需引用

4. 配置页面路径(app.json)

5. 配置后端接口地址(appConfig.js)

6. 行李查询需要用到的图片资源复制到小程序里(images文件夹)

7. 静态界面wxml和样式wxss开发

8. 编写查询请求页面和处理逻辑(js)

9. 成功回调后赋值(js)

10. 界面数据绑定(wxml)

11. 前端界面显示效果

# 效果展示
行李查询主界面

行李查询结果
