Vue.js仿一個購買火車票的app

lufficc 發布于2019-08-20 17:18 / 914人閱讀

摘要：項目地址預覽的時候如果是用電腦預覽的話請切換手機端預覽地址源碼地址歡迎點贊項目描述主要技術使用實現單頁應用使用處理路由使用實現數據存儲搜索歷史使用存儲實現手機端兼容一波小提示因為數據是我自己模擬的，存在里面，我只寫了萍鄉到南昌和上海到蘇州的

項目地址

預覽的時候如果是用電腦預覽的話請切換手機端

預覽地址

源碼地址（歡迎點贊 <(￣︶￣)>）

項目描述

主要技術

使用vue.js實現單頁應用

使用vue Router處理路由

使用vuex實現數據存儲

搜索歷史使用localstorage存儲

flexible實現手機端兼容

一波小提示

因為數據是我自己模擬的，存在easy mock里面，我只寫了萍鄉到南昌和上海到蘇州的數據，體驗的時候可以按照這個查詢哦

頁面功能

城市搜索，可以點擊選擇以及自己輸入，并且把搜索歷史保存在localstorage里面

日歷組件，選擇日期

對搜索的內容進行以出發時間，旅行耗時，所需票價進行不同情況的排序，

不同車次的篩選

購買車票，可以購買多張車票

顯示購買的車票信息

來一波動態圖展示

總結
雖然只是一個小的例子練習，但是一路踩坑過來，從中還是學到了很多東西，對vue vuex更加了解，邏輯思維也得到了了鍛煉，只有在不斷的練習中才能加固對知識的掌握，

云服務器 GPU云服務器我附近的火車票代售點 Vue.js 購買一個新的主機 vue.js 屬性

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/83478.html

尤大低仿博客帶回家

摘要：你沒有看錯，只需幾小時，低仿的尤大作者博客你帶回家，有的小朋友可能注意到，為啥這里沒說同款和高仿的原因是在還有一些其他的方面，都是簡單的實現，我怕說了高仿之后，遭到板磚這樣就不好了，現在看病也挺貴的。步驟如下首先登錄阿里云控制臺。前言就在上周六看到阿里云服務器搞一個活動，6元錢一年的共享虛擬主機。但是之前有使用過，覺得最蛋疼的地方是，它只給你開放一個ftp，而且權限上面也有一些控制...

chanjarster 2019-08-29 12:34 評論0 收藏0
尤大低仿博客帶回家

摘要：你沒有看錯，只需幾小時，低仿的尤大作者博客你帶回家，有的小朋友可能注意到，為啥這里沒說同款和高仿的原因是在還有一些其他的方面，都是簡單的實現，我怕說了高仿之后，遭到板磚這樣就不好了，現在看病也挺貴的。步驟如下首先登錄阿里云控制臺。前言就在上周六看到阿里云服務器搞一個活動，6元錢一年的共享虛擬主機。但是之前有使用過，覺得最蛋疼的地方是，它只給你開放一個ftp，而且權限上面也有一些控制...

ztyzz 2019-08-22 11:04 評論0 收藏0
尤大低仿博客帶回家

摘要：你沒有看錯，只需幾小時，低仿的尤大作者博客你帶回家，有的小朋友可能注意到，為啥這里沒說同款和高仿的原因是在還有一些其他的方面，都是簡單的實現，我怕說了高仿之后，遭到板磚這樣就不好了，現在看病也挺貴的。步驟如下首先登錄阿里云控制臺。前言就在上周六看到阿里云服務器搞一個活動，6元錢一年的共享虛擬主機。但是之前有使用過，覺得最蛋疼的地方是，它只給你開放一個ftp，而且權限上面也有一些控制...

missonce 2019-08-01 16:47 評論0 收藏0
Vue.js全家桶低仿網易云音樂(MacOS版) 已新增electron打包pc平臺app

摘要：項目地址暫時只實現了基本功能加了一點微小的效果主要適配瀏覽器對和做了一點微小的適配現在已經包括了打包平臺的功能了源碼地址項目預覽項目描述前端部分整體加載進度懶加載模塊的加載中提示實現了滑塊增量分頁新曲等使用了做單頁應用使用了處理路由使用了管項目地址暫時只實現了基本功能加了一點微?小的效果主要適配pc瀏覽器對android 和ios 做了一點微?小的適配現在已經包括了ele...

melody_lql 2019-08-01 16:57 評論0 收藏0