# 微信小程序学习实例-天气实例
作为第一个实例主要搞清楚微信小程序的开发思路及流程。
在这个例子中所用到的功能大致有：
+ 自动定位获取经纬度
+ 根据经纬度获取所在城市及城市id
+ 根据城市名称和城市id获取当地天气情况
+ 模板template的使用（多数据传递）
+ wx.request的使用（用来调用远程服务端的数据）
+ 数据绑定（和AngularJS的双向数据绑定类似）
+ wx.navigateTo（在首页点击当天气温即可跳转到详情页面）
截图如下：
【微信小程序-毕设期末大作业】天气笑话娱乐三合一微信小程序源码.zip
需积分: 5 112 浏览量
2023-05-05
20:41:16
上传
评论
收藏 781KB ZIP 举报
【微信小程序-毕设期末大作业】天气笑话娱乐三合一微信小程序源码.zip （82个子文件） 
【微信小程序-毕设期末大作业】天气笑话娱乐三合一微信小程序源码 
README.txt 31B wx-app-study-master joke pages pictures 
main.wxml 179B main.js 2KB main.wxss 309B main.json 2B index index.wxml 179B index.js 2KB index.json 2B index.wxss 515B templates pic-tpl.wxml 169B joke-tpl.wxml 196B imgs 
pic2.png 29KB pic.png 27KB joke2.png 26KB joke.png 22KB app.json 660B app.js 766B utils util.js 648B app.wxss 0B README.md 513B weather pages detail detail.json 2B detail.js 2KB detail.wxml 503B detail.wxss 792B index index.wxml 732B index.js 4KB index.json 8B index.wxss 1KB templates forecast-tpl.wxml 229B today-tpl.wxml 370B index-detail-tpl.wxml 169B index-tpl.wxml 176B img 
bg.jpg 9KB app.json 258B app.js 790B utils util.js 460B app.wxss 194B README.md 801B constellation pages qq index.wxml 534B index.js 1KB index.json 2B index.wxss 514B index index.wxml 2KB index.js 518B index.json 2B index.wxss 298B constellation-detail index.wxml 2KB index.js 2KB index.json 2B index.wxss 812B history index.wxml 425B index.js 1KB index.json 2B index.wxss 385B imgs history2.png 7KB qq1.png 2KB jinniu.png 17KB xz2.png 5KB chunv.png 23KB xzbg.jpg 164KB shuangyu.png 20KB mojie.png 15KB tianxie.png 15KB shuiping.png 20KB sheshou.png 15KB qq2.png 4KB shizi.png 24KB xz1.png 2KB juxie.png 22KB baiyang.png 23KB tianping.png 15KB history1.png 4KB shuangzi.png 20KB historybg.jpg 149KB app.json 883B app.js 719B utils myDate.js 358B util.js 460B app.wxss 476B .gitignore 18B README.md 693B qrcode.jpg 102KB资源评论
