Ctrip:模仿携程小程序实现购票功能

时间:2021-04-30 08:13:06
【文件属性】:
文件名称:Ctrip:模仿携程小程序实现购票功能
文件大小:417KB
文件格式:ZIP
更新时间:2021-04-30 08:13:06
JavaScript 一场说走就走的旅行开始啦 随着小程序的大热,作为一个程序猿,我也开始接触并且大概了解了一个制作小程序的一些过程,为了提高自己的动手能力,于是乎,我开始来仿写携程的小程序,来实现一些基本功能,在仿写的过程中,也遇到了一些难题,也有了一点收获,希望可以通过这篇文章与大家共同交流,共同进步。 前言 为了更好的开发,我们需要准备我们需要的工具: Vscode:这里主要用来具体代码的编写 微信开发者工具:通过这个看效果图 EasyMock: 通过这个网站可以伪造一些数据来供我们使用,非常方便。这个是我的 具体实现 功能效果如下 查询功能的实现 1.首先需要在查询之前获取输入的所在城市以及到的城市,以及时间的选择,通过这些条件去筛选,所以需要在点击查询按钮的时候绑定一个时间,需要携带参数去进行查询 <navigator class="search" url="/pages/trainBuyConte
【文件预览】:
Ctrip-master
----style()
--------iconfont.css(5KB)
--------weui.wxss(18KB)
----.gitignore(914B)
----app.js(1KB)
----readme.1.md(4KB)
----LICENSE(1KB)
----project.config.json(579B)
----API()
--------api.js(99B)
----utils()
--------util.js(472B)
----README.md(4KB)
----image()
--------user.png(10KB)
--------add.png(6KB)
--------boat.png(8KB)
--------ID.png(5KB)
--------wechat.png(7KB)
--------passage.png(58KB)
--------close.png(3KB)
--------tour.png(9KB)
--------car-min.png(6KB)
--------logo-bottom.png(131KB)
--------lianjie.png(3KB)
--------logobig.png(10KB)
--------trainBg.jpg(24KB)
--------changefly.png(9KB)
--------hotel-min.png(3KB)
--------view-min.png(10KB)
--------fly-min.png(8KB)
--------search-train.png(6KB)
--------paySuccess.png(6KB)
--------logoon.png(6KB)
--------logo.png(10KB)
--------bus.png(7KB)
--------icon_home_on.png(6KB)
--------changeAddr.png(9KB)
--------to.png(2KB)
--------train.png(6KB)
--------icon_home.png(724B)
--------busYuding.png(4KB)
--------hotel.png(8KB)
--------fly.png(7KB)
--------logo-bottom.jpg(12KB)
----pages()
--------trainbuy()
--------trainPayed()
--------login()
--------busBuy()
--------paySuccess()
--------user()
--------flybuy()
--------trainBuyContent()
--------index()
--------trainPay()
----app.json(1KB)
----app.wxss(25B)

网友评论