1. 程式人生 > 其它 >航空公司專案打卡——近期總結2

航空公司專案打卡——近期總結2

功能都實現得差不多了,大多數都是一邊寫一邊測試,但是內容比較多比較雜,說實話自己也不清楚到底哪裡沒有測試過。

需要在後續連線後端之後進行測試,一邊測試一邊debug。

成功地在nginx上部署了我們的前端頁面,實現了在主頁面進行快捷航班查詢、機票預訂的功能。完善了之前遺漏的部分js函式。

碰到的問題:

1.nginx部署之後,修改檔案後重新整理頁面不生效。

解決方法,nginx的conf檔案裡修改sendfile值為off,然後重新載入nginx配置檔案,ctrl+F5重新整理瀏覽器。

2.在主頁面快捷查詢的時候,需要提供引數之後點選查詢,帶著引數跳轉頁面並執行函式。

一開始不知道怎麼做,後來理了一下思路。

給主頁面的查詢按鈕繫結一個openXX()即開啟查詢/預訂函式的函式。在函式裡獲取這些內容,然後用window.open帶引數跳轉

window.open('./book.html?flag='+1+'&origin='+origin+'&destination='+destination+'&startTime='+startTime);

在對應的頁面寫一個函式解析這些內容,定義全域性變數來儲存這些變數。

var paValue = new Array();//建立一個用於儲存具體值得陣列

$(function() {
    var loc = location.href;//
獲取整個跳轉地址內容,其實就是你傳過來的整個地址字串 // alert("我的地址:"+loc); var n1 = loc.length;//地址的總長 var n2 = loc.indexOf("?");//取得=號的位置 var parameter = decodeURI(loc.substr(n2+1, n1-n2));//擷取從?號後面的內容,也就是引數列表,因為傳過來的路徑是加了碼的,所以要解碼 var parameters = parameter.split("&");//從&處拆分,返回字串陣列 // alert("引數列表:"+parameters);
for (var i = 0; i < parameters.length; i++) { var m1 = parameters[i].length;//獲得每個鍵值對的長度 var m2 = parameters[i].indexOf("=");//獲得每個鍵值對=號的位置 var value = parameters[i].substr(m2+1, m1-m2);//獲取每個鍵值對=號後面具體的值 paValue[i] = value; // alert("引數值"+i+":"+value); } // alert("具體引數陣列"); if(paValue[0]==1) queryByPlace(paValue[0]); });

這樣就可以用了。

但是這樣還有兩個問題,

(1)我把前端部署到nginx上之後,主頁面點選查詢之後開啟對應頁面查詢可以正常實現,但是主頁面會報405。。

(2)這樣會在導航欄暴露引數,我懷疑這兩個問題都是與window.open函式有問題,正在其他的跳轉方法來解決。

後續任務:debug,完善頁面,查漏補缺,