当前位置: 首页 > Web前端 > HTML5

携程小程序初体验

时间:2023-04-05 12:41:11 HTML5

说走就走从那以后,我就开始模仿携程的小程序,实现一些基本的功能。在模仿的过程中,我也遇到了一些困难,也有一点收获。希望能通过这篇文章与大家分享。交流,共同进步。前言为了更好的开发,我们需要准备好我们需要的工具:Vscode:这个主要是用来写具体代码的微信开发者工具:通过这个可以看到效果图EasyMock:通过这个网站可以伪造一些数据供我们使用,非常方便的。这是我的数据接口的具体实现。效果如下。查询功能的实现1、首先需要获取输入的城市,所在的城市,以及查询前的时间选择,并通过这些条件进行筛选,所以需要点击查询按钮。绑定时间时需要携带参数查询查询2.需要跳转到页面接收参数通过onload事件获取optionsvarfrom=options.from;varto=options.to;vartrainTime=options.trainTime;3。最重要的是过滤掉相关数据,这里需要一个for循环判断语句。请求数据地址URL时,使用for循环和if语句在对应的数据文件中查找对应的json数据。wx.request({url:API_BASE,success:(res)=>{for(vari=0;i