宝哥软件园

最新携程小程序第一次体验

编辑:宝哥软件园 来源:互联网 时间:2021-12-09

功能效果如下

最新携程小程序初体验 (图1)

查询功能的实现

1.首先查询前需要得到录入的城市、录入的城市、时间的选择,通过这些条件进行过滤,所以点击查询按钮时需要绑定一个时间,需要携带参数进行查询。

navigator class=' search ' URL='/pages/trainbuy content/trainbuy content?from={ { from } } to={ { to } } train time={ { start date } } ' Query/navigator 2。需要跳转的页面接收参数通过onload事件的选项获取。

var from=options.fromvar to=options.tovar train time=options . train time;3.最重要的是过滤掉相关数据。这里,我们需要一个for循环的判断语句。当请求数据地址URL时,我们可以通过for循环和if语句找出相应数据文件中的json数据。

wx.request({ url: API_BASE,success :(RES)={ for(var I=0;IRES . data . data . trainilist . length;I){ if(from==RES . data . data . train list[I]。from to==RES . data . data . train list[I]。to train time==RES . data . data . train list[I]。train time){ temp . push(RES . data . data . train list[I]);}}这个。setdata({ search edlist : temp })} })4。此时,只需通过for循环将其输出到页面上。

wx : for=' { { search edlist } } ' wx : key=' { { item . id } } ' temp . push(RES . data . data . trainilist[I]);这个。setdata({ searched list : temp })*小程序页面传递值的方式:1.url传递值2。本地存储3。全局应用程序对象

订单查询的实现

这里我采用了全局的app对象保存

1.首先获取全局对象,然后当你点击OK购买成功回调函数时,获取json格式的所有信息。

const app=GetApp();var trained list=app . global data . trained list;var train item={ from : this . data . from,to: this.data.to,train num : this . data . train num,train time : this . data . train time,total price : this . data . total price };trained list . push(trainet item);2.然后在相应的页面上获取全局数组。

:功能(选项){这。setdata({ trained list 3360 app . global data . trained list })},3。让它通过for循环输出到页面上。

最新携程小程序初体验 (图2)

其他功能

仍然有一些功能无法显示或完善。请原谅我。

小总结

刚发表文章的时候有点心慌。我希望你能理解它写得不好。说实话,在我看来,这次写的东西确实有点粗糙,但我还是很高兴能一直写下去,以后功能还会继续完善。希望能得到各位大佬的意见和建议。没什么好说的,继续努力,路还长。

最新携程小程序初体验 (图3)

更多资讯
游戏推荐
更多+