上一节课,我们已经基本完成了,首页的界面编写。
逻辑暂时不理会。
但是我们用于展示页面绑定的是我们本地的假数据。
接下来我们就来获取真正的数据来展示页面。
请跳过划线部分。。。。。
绑定假数据编写页面算是前段最早做的一件事情吧。
特别是在前后端同步开发,联合测试的时候。
服务端会先输出接口文档,然后前后端根据接口文档同步开发,最后联合测试。
这就需要前段本地编写大量的假数据。
如果我们每个页面的假数据的单独编写的话,后续和服务端联调,我们就需要更改大量的文件。
且修改完链接到服务器,然后又加了一个需求或者服务器挂了,这时候你要本地调试,就会变得很麻烦,你要把你修改的地方再改回来。
这样的操作繁琐而且容易出错。
这时候我们就可以思考一下,是不是有什么办法,构建一个本地的假数据服务。
这里只说一个我最常用的吧,使用http请求本地的json文件,来获取数据。
本地的json文件,根据接口文档创建同样的层级目录,联调的时候只要在请求地址的最前端加入服务器地址就可以了。
有两个缺点:
一、这样的请求方式,不支持携带参数的请求,就是不管你写的是什么条件,最终获得的都是本地的json文件,原样输出。
二、访问本地的文件需要些文件后缀名,如data/data.json.有些服务器请求地址是data/data。后续删除也是一个麻烦的问题。
根据上面的思路,我们要做几件事情。
1、获取接口文档
2、统一管理服务器地址
3、创建本地假数据文件
4、编写http请求本地json文件
5、修改服务器地址访问真正的服务器
6、调试修改。
wx.request不支持请求本地json(写了半天发现微信不支持,这才叫瞎比比),这部分就不讲了,直接讲真实数据了。
软件开发基本上就是这么一个流程,发现问题,归纳问题,提出解决方案,编写程序,最后测试验证方案准确。
1、首先我在很早的时候就说过了,我们这次使用豆瓣电影的公开API文档https://developers.douban.com/wiki/?title=api_v2
真是的请求地址是如https://api.douban.com/v2/movie/in_theaters?count=3(直接浏览器访问就能请求到数据哦!)
2、我们在util.js文件中,增加服务器的统一地址变量。