基于ASP.NET的公交路線查詢管理系統(tǒng)摘要：為了更好的解決人們出行方便，精準(zhǔn)出行路乘車的困擾問題,為乘客提供公交車查詢信息和出行路線規(guī)劃方案以及做好公交車信息管理工作。市面上現(xiàn)今三大主流地圖APP高德、百度等為人們出行提供全方面的路線選擇和各種人性化外出服務(wù)功能，可以說是互聯(lián)網(wǎng)讓我們的生活變得翻天覆地，為了簡潔的方便人們查詢出行的公交路線和幫助工作人員對車輛信息的管理。幫助用戶查詢和工作人員管理，使功能界面更簡單，減少不必要的其他的輸入操作，一款專注于公交路線查管理的系統(tǒng)是必不可少的。根據(jù)部分用戶提供的需求，該系統(tǒng)采用分模塊化設(shè)計。系統(tǒng)以C#作為開發(fā)的主要語言，采用B/S模式，前端通過CSS+HTML+JaveScript+Jquery搭建頁面結(jié)構(gòu)。后端采用一般處理程序封裝數(shù)據(jù)回傳給客戶端瀏覽器，用SqlServer實現(xiàn)底層和數(shù)據(jù)庫的連接來實現(xiàn)用戶對公交信息查詢，以及幫助管理人員對公交車系統(tǒng)的管理，做好后臺公交信息的更新和公交數(shù)據(jù)的保存。關(guān)鍵詞：公交路線查詢；ASP.NET；SQLServerBasedonASPNetbusroutequerymanagementsystemAbstract：Inordertobettersolvetheproblemofconvenienttravelandaccuratetravel,providepassengerswithbusqueryinformationandtravelrouteplanningscheme,anddoagoodjobinbusinformationmanagement.Thethreemainstreammapsonthemarket,APPGaodeandBaidu,providepeoplewithall-roundrouteselectionandvarioushumanizedoutservicefunctions.ItcanbesaidthattheInternethasturnedourlifeupsidedown.Inordertomakeitsimpleandconvenientforpeopletoquerythebusroutesandhelpstaffmanagevehicleinformation.Helpusersqueryandstaffmanagement,makethefunctionalinterfacesimplerandreduceunnecessaryotherinputoperations.Asystemfocusingonbusroutequeryandmanagementisessential.Accordingtotherequirementsprovidedbysomeusers,thesystemadoptssubmodulardesign.ThesystemtakesC#asthemainlanguageofdevelopment,adoptsB/Smode,andthefrontendbuildsthepagestructurethroughCSS+HTML+javescript+jQuery.Theback-endusesthegeneralprocessingprogramtoencapsulatethedataandsenditbacktotheclientbrowser.Sqlserverisusedtorealizetheconnectionbetweenthebottomlayerandthedatabasetorealizetheuser'squeryofpublictransportinformation,helpthemanagersmanagethebussystem,anddoagoodjobinupdatingthebackgroundpublictransportinformationandsavingthepublictransportdata.Keywsords:busroutequerysystem;ASP.NET;SQLServer目錄TOC\o"1-3"\h\u1緒論 11.1研究的背景 11.2研究目的及意義 11.3本文研究的主要內(nèi)容 22系統(tǒng)開發(fā)平臺和技術(shù) 32.1ASP.NET簡介 32.2C# 32.3Jquery簡介 32.4數(shù)據(jù)庫SQLServer 33系統(tǒng)需求分析 43.1可行性分析 43.1.1技術(shù)上的可行性 43.1.2操作上的可行性 43.1.3經(jīng)濟(jì)上的可行性 43.2功能需求分析 43.3系統(tǒng)數(shù)據(jù)流程圖 53.4系統(tǒng)主體數(shù)據(jù)需求分析 74系統(tǒng)總體設(shè)計 94.1系統(tǒng)功能設(shè)計與簡述 94.2數(shù)據(jù)庫設(shè)計 95公交系統(tǒng)設(shè)計 145.1后臺功能設(shè)計 145.1.1后臺登入設(shè)計 145.1.2后臺管理員模塊設(shè)計 155.2前臺功能設(shè)計 215.2.1會員登錄的設(shè)計 215.2.2會員注冊信息的設(shè)計 236系統(tǒng)測試 326.1系統(tǒng)測試目的 326.2測試方法 326.3系統(tǒng)測試用例 336.3.1登錄注冊的測試 336.3.2公交車線路查詢的測試 34參考文獻(xiàn) 35致謝 371緒論1.1研究的背景根據(jù)我國人口和城市發(fā)展水平趨勢，當(dāng)前我國社會發(fā)展正處于經(jīng)濟(jì)快速發(fā)展的上升階段。同時我們也面臨著諸多壓力，如2019年突然爆發(fā)的全球疫情，一直以來全球的環(huán)境污染問題，都是我們將要面臨的難題。我國在城鎮(zhèn)化水平和全國人口的逐年遞增已經(jīng)是不可阻擋的現(xiàn)狀，我國在加快城鎮(zhèn)化建設(shè)和人口問題上也做了很多政策。在面對農(nóng)村人口大量涌入城市，公共交通出行一直以來都是社會發(fā)展的重大難。當(dāng)前從城市人口和交通現(xiàn)狀看我國的公交運輸會持續(xù)成為主要交通方式，而完善好公交查詢路線情況也是刻不容緩的任務(wù)之一，以便帶給人們快捷的查詢方式和安全可靠的查詢模式，實現(xiàn)對公交路線信息的及時公開和路線共享的社會意義。隨著我國經(jīng)濟(jì)，科技水平快速發(fā)展以及互聯(lián)網(wǎng)的普及和智能手機的普遍運用，交通系統(tǒng)的需求和環(huán)境都產(chǎn)生著巨大的變化。而所有的科技和網(wǎng)絡(luò)的發(fā)展服務(wù)于人們的生活。人們對交通路線的查詢需求越來越高，公交車在城市運輸中占著舉足輕重的比重，為人們提供了方便、快捷的出行方式，城市公交運輸也成為絕大多數(shù)出行者的首要選擇，也是我國政府歷來大力推行的交通方式?，F(xiàn)如今各種出行軟件涉及的功能方方面面可以說是五臟俱全，但是為了精準(zhǔn)單獨的對公交路線查詢情況，了解所經(jīng)站點信息。1.2研究目的及意義當(dāng)前我國在新型工業(yè)化建設(shè)，創(chuàng)新驅(qū)動型產(chǎn)業(yè)，智能生態(tài)化建設(shè)以及新型城鎮(zhèn)化建設(shè)上穩(wěn)扎穩(wěn)打。在加快農(nóng)村城鎮(zhèn)化進(jìn)程中，人口的增加必定將造成出行量的逐年遞增，這將對人們的選擇交通工具產(chǎn)生各種影響。近來年我國在環(huán)境污染方面提出各項措施，為了讓大家共同建設(shè)美好家園的意識，社會各層面提倡大家出行乘坐公交地鐵作為主要的出行方式。一直以來我國各個省市政府部門也很重視公交事業(yè)的發(fā)展，對公交出行提供了很大的優(yōu)惠補貼，正是優(yōu)惠的價格和越來越優(yōu)越的公交服務(wù)成為我們更多人出行的選擇。但是對于不熟悉公交線路的人來說，不知道公交發(fā)車時間，具體線路的站點信息，則需要詢問或是打聽，或是查看相應(yīng)的站牌信息，耽誤人們出行時間。所以本次系統(tǒng)開發(fā)的公交查詢系統(tǒng)利用網(wǎng)絡(luò)技術(shù)的便捷性，開發(fā)了此次公交查詢系統(tǒng)網(wǎng)站。為了更好的解決人們出行方便，解決出行路乘車的困擾問題,為乘客提供公交車查詢信息和出行路線規(guī)劃方案?；ヂ?lián)網(wǎng)可以說是讓我們的生活變得翻天覆地，為了簡潔方便人們查詢出行的公交路線，讓它的功能界面更簡單，減少不必要的其他的輸入操作，一款專注于公交路線查詢是必不可少的，以此達(dá)到只為優(yōu)化查詢公交車輛路線查詢操作，節(jié)約人們在軟件上面的其他操作時間。本次公交系統(tǒng)的開發(fā)是將查詢，路線搜集，公交信息管理于一體，達(dá)到簡便快捷的路線查詢和管理。針對用戶對路線獲取的基本的需求開發(fā)設(shè)計出的人性化系統(tǒng)，來幫助人們的出行和生活。1.3本文研究的主要內(nèi)容讓出行更方便的解決乘車路線問題，精準(zhǔn)可靠地提供在線公交查詢，與現(xiàn)如今主流的地圖軟件不同在于所涉及的服務(wù)只專注于我們所需要的公交站點、路線方案、發(fā)車時間的系統(tǒng)。減少在軟件上其他的功能頁面加載和廣告信息彈窗，以突出本網(wǎng)站簡潔美觀的頁面服務(wù)于大眾。系統(tǒng)主要涉及的技術(shù)包括數(shù)據(jù)庫、.Net的B/S架構(gòu)和前端技術(shù)JavaScript、CSS、Html來實現(xiàn)本次整體網(wǎng)站項目的搭建。服務(wù)器開發(fā)則采用ASP.NET、SQLServer來連接系統(tǒng)。此系統(tǒng)包含的主要功能分為后臺路線、站點、公交編號情況的管理和前臺用戶登錄查詢頁面，通過圖片、文字、聲音形象人性化的設(shè)計便利人們登錄訪問。其中后臺管理員細(xì)分為：路線基本信息管理、路線車輛信息管理、司乘人員信息管理、車輛信息管理。普通用戶分為：用戶注冊、登錄、路線查詢、站點查看功能。2系統(tǒng)開發(fā)平臺和技術(shù)2.1ASP.NET簡介A從出現(xiàn)到現(xiàn)在為止已有二十多年的發(fā)展歷程，是部署托管在windows環(huán)境下的Web應(yīng)用程序的開發(fā)技術(shù)。它以其安全、穩(wěn)定、條理清晰地前后端代碼分離的優(yōu)勢成為當(dāng)前Web應(yīng)用程序的開發(fā)主流。2.2C#C#以其安全穩(wěn)定的優(yōu)點作為.NET開發(fā)的語言，讓開發(fā)工作者能夠快速地編寫基于.NET平臺的應(yīng)用程序。在網(wǎng)站開發(fā)、客戶端上應(yīng)用十分廣泛。2.3Jquery簡介Jquery既是JavaScript開發(fā)的庫又是一個已經(jīng)封裝好的工具包，他的也是功能非常的強大，具有快速查找頁面元素能力，它里面內(nèi)置的動畫效果使網(wǎng)頁更美觀。用它創(chuàng)建Ajax不需要重新刷新網(wǎng)頁從而實現(xiàn)對網(wǎng)頁局部的刷新，提供更具玄幻的動態(tài)效果，它在更改網(wǎng)頁內(nèi)容更為簡化，提高了程序運行效率。2.4數(shù)據(jù)庫SQLServer數(shù)據(jù)庫就相當(dāng)于一個巨大的容器，我們所需要的數(shù)據(jù)為了方便的存取都先存放在此，完成數(shù)據(jù)的基本操縱。在很大程度上解決了數(shù)據(jù)遺失和被破壞的后果。數(shù)據(jù)庫作為與項目建立聯(lián)系溝通的橋梁，而SQL結(jié)構(gòu)化查詢語言作為十分完善的數(shù)據(jù)庫語言。3系統(tǒng)需求分析3.1可行性分析我國現(xiàn)在人口數(shù)量和城鎮(zhèn)化發(fā)展都呈現(xiàn)上升的趨勢，在交通基礎(chǔ)設(shè)施建設(shè)方面上任然存在巨大潛力。從城市人口和交通現(xiàn)狀看我國的公交運輸會持續(xù)成為主要交通方式，而完善好公交查詢路線情況也是刻不容緩的任務(wù)之一，以便帶給人們快捷的查詢方式和安全可靠的查詢模式。所以本系統(tǒng)的研究是意義的。3.1.1技術(shù)上的可行性本系統(tǒng)以VisualStudio作為開發(fā)工具，采用B/S三層結(jié)構(gòu)構(gòu)造技術(shù)和前端技術(shù)JavaScript、CSS、HTML來實現(xiàn)本次整體網(wǎng)站項目的搭建。服務(wù)器開發(fā)則采用ASP.NET、SqlServser來連接系統(tǒng)。B/S結(jié)構(gòu)在操作上比較簡單，只需要對服務(wù)器端進(jìn)行操作就行，省去了大量的系統(tǒng)維護(hù)時間。HTML、CSS、JavaScript三者共同完成此次系統(tǒng)的所有網(wǎng)頁展示和交互。3.1.2操作上的可行性本系統(tǒng)的界面和功能都十分簡單明了，前臺用戶只需登錄就可查詢需要的路線的公交信息。后臺管理員登錄便可對系統(tǒng)進(jìn)行維護(hù)和管理，十分方便。在維護(hù)方面，以B/S架構(gòu)為基礎(chǔ)，代碼在修改和運行方面也很簡單。所以說，操作上的可行性都是可以實現(xiàn)的。3.1.3經(jīng)濟(jì)上的可行性在經(jīng)濟(jì)方面，主要考慮的是系統(tǒng)研發(fā)的成本以及后期的維護(hù)花費和時間。此系統(tǒng)主要就是為了解決查詢路線問題，減少其他的不必要操作而開發(fā)，所以在研發(fā)成本上的消耗是很小的。至于后期的維護(hù)方面，在服務(wù)器端的維護(hù)和數(shù)據(jù)的操作，這種花費都是較少的。該系統(tǒng)可以直接讓人們足不出戶就能獲取路線信息，十分的方便和快捷，在需求上是不可估計的。3.2功能需求分析現(xiàn)在我們所需要的任何一個系統(tǒng)，開發(fā)出來的初衷都是為了解決人們的需求，利用現(xiàn)在非常方便的網(wǎng)絡(luò)技術(shù)和發(fā)達(dá)的通信手段。此次系統(tǒng)的初衷就是在我國人口增多和交通發(fā)展便捷的社會現(xiàn)狀下。通過網(wǎng)上公交系統(tǒng)的查詢，幫助更多人的有效便捷的查詢路線，省去用戶瀏覽網(wǎng)站的不必要操作，多余的操作都會顯得系統(tǒng)繁雜。同時系統(tǒng)不僅在解決用戶層面提高效率也幫助系統(tǒng)管理人員及時查看路線信息，如本系統(tǒng)中，對道路站點信息的編輯，系統(tǒng)中車輛工作人員信息和維修情況的維護(hù)。3.3系統(tǒng)數(shù)據(jù)流程圖對功能需求分析之后，下面是該系統(tǒng)具體流程圖如下。如下系統(tǒng)的管理員的流程圖：圖3-1管理員模塊數(shù)據(jù)流圖管理員用于對系統(tǒng)線路信息修改保存和車輛人員信息的及時更新。管理員進(jìn)入后臺系統(tǒng)，可以實現(xiàn)三個主要工作，一是對于自主要的線路信息的添加和修改保存工作，這是公交路線查詢的關(guān)鍵要素；二是車輛信息的工作沒管理員完成車輛本身的工作狀態(tài)情況報備和時間信息的更新，車輛負(fù)責(zé)人的信息采集；三是對于網(wǎng)站會員的留言回訪情況。如下系統(tǒng)的會員登錄流程圖：-圖3-2登錄密碼模塊數(shù)據(jù)流圖該系統(tǒng)為了保證接受用戶的意見和建議，采取開放留言平臺，以便更好的服務(wù)大眾。系統(tǒng)首先會讓所有會員先進(jìn)性登錄操作，這也是所有系統(tǒng)保證信息安全的第一步。如下系統(tǒng)的會員注冊的流程圖：圖3-3會員注冊模塊數(shù)據(jù)流圖會員注冊模塊，首先當(dāng)會員登錄時發(fā)生錯誤則說明系統(tǒng)未保存此人信息，需要注冊信息。輸入信息并檢測相關(guān)數(shù)據(jù)，把結(jié)果反饋給管理員，就是等同于寫入數(shù)據(jù)庫里面。如下系統(tǒng)的會員的流程圖：圖3-4會員事務(wù)數(shù)據(jù)流圖當(dāng)會員進(jìn)入該系統(tǒng)之后就可以完成以下操作，首先跳轉(zhuǎn)到導(dǎo)航頁面，讓會員熟悉該系統(tǒng)各個模塊的具體功能，然后針對自己的業(yè)務(wù)需求可以查詢公交路線和站點信息和我要留言操作。3.4系統(tǒng)主體數(shù)據(jù)需求分析要對數(shù)據(jù)進(jìn)行準(zhǔn)確分析，大多情況下都是使用實體屬性圖E-R來建立數(shù)據(jù)的與數(shù)據(jù)之間的聯(lián)系。這種模型既可以直觀的展現(xiàn)數(shù)據(jù)之間的關(guān)系又可以方便程序開發(fā)人員的閱讀。以下是該系統(tǒng)的兩個主體的實體屬性圖。如下會員的實體屬性圖：圖3-5會員實體屬性圖實體屬性說明：會員賬號：會員的編號，自動增長，每個會員的編號也是唯一的密碼：登錄的密碼姓名：會員的姓名性別：會員的性別聯(lián)系電話：會員的聯(lián)系方式地址：會員的通訊地址備注：用于會員郵箱或其他聯(lián)系方式備注如下管理員的實體屬性圖：圖3-6管理員實體屬性圖實體屬性說明：用戶名：管理員的用戶名密碼：管理員的密碼4系統(tǒng)總體設(shè)計4.1系統(tǒng)功能設(shè)計與簡述本系統(tǒng)主要有兩個模塊：會員模塊：會員進(jìn)入系統(tǒng)后首先登陸系統(tǒng)，未注冊信息的可以先注冊之后進(jìn)入導(dǎo)航頁面，查看系統(tǒng)簡介，然后根據(jù)個人需求查詢信息，包括線路查詢，站點 信息查詢，對系統(tǒng)留言。管理員模塊：管理員登陸之后，可以修改，添加，刪除系統(tǒng)相關(guān)信息，包括對線路信息、司乘人員表、車輛信息、車輛維護(hù)信息的編輯操作和會員留言的查看。詳細(xì)功能結(jié)構(gòu)設(shè)計如下圖：圖4-1公交路線查系統(tǒng)功能結(jié)構(gòu)圖4.2數(shù)據(jù)庫設(shè)計此節(jié)內(nèi)容主要是用于設(shè)計數(shù)據(jù)庫的部分，數(shù)據(jù)庫的表構(gòu)成整個系統(tǒng)的數(shù)據(jù)存取依據(jù)，以下是本次系統(tǒng)所構(gòu)建的數(shù)據(jù)表。表1.1會員數(shù)據(jù)表字段名稱字段類型數(shù)據(jù)長度是否主鍵是否允許為空會員賬號varchar40是否姓名varchar50否否密碼varchar40否否性別char4否否地址nvarchar150否否聯(lián)系電話varchar150否否備注nvarchar400否是表1.2管理員數(shù)據(jù)表字段名稱字段類型數(shù)據(jù)長度主鍵是否允許為空用戶名varchar40是否密碼char30否否表1.3車輛數(shù)據(jù)表字段名稱字段類型數(shù)據(jù)長度主鍵是否允許為空車輛編號int40是否車牌號varchar50否否駕駛員varchar60否否車輛品牌varchar60否否乘坐人數(shù)int40否否安全行駛varchar50否否線路編號int40否否表1.4留言數(shù)據(jù)表字段名稱字段類型數(shù)據(jù)長度主鍵是否允許為空留言編號int40是否會員帳號varchar40否否留言內(nèi)容nvarchar400否否留言日期datetime150否否表1.5司乘人員信息表字段名稱字段類型數(shù)據(jù)長度主鍵是否允許為空司乘編號int40是否姓名varchar40否否性別char4否否地址varchar150否否電話varchar150否否類別char20否否線路編號int20否否表1.6線路數(shù)據(jù)表字段名稱字段類型數(shù)據(jù)長度主鍵是否允許為空線路編號int40是否線路名varchar40否否早班車char20否否晚班車char20否否運行時長char20否是運行公里數(shù)varchar20否是站1nvarchar150否否站2nvarchar150否否站3nvarchar150否否站4nvarchar150否否站5nvarchar150否否站6nvarchar150否否站7nvarchar150否否站8nvarchar150否否站9nvarchar150否否站10nvarchar150否否站11nvarchar150否否站12nvarchar150否否站13nvarchar150否否站14nvarchar150否否站15nvarchar150否否站16nvarchar150否否站17nvarchar150否否站18nvarchar150否否站19nvarchar150否否站20nvarchar150否否站21nvarchar150否否站22nvarchar150否否站23nvarchar150否否站24nvarchar150否否站25nvarchar150否否站26nvarchar150否否站27nvarchar150否否站28nvarchar150否否站29nvarchar150否否站30nvarchar150否否站31nvarchar150否否站32nvarchar150否否站33nvarchar150否否站34nvarchar150否否站35nvarchar150否否站36nvarchar150否否站37nvarchar150否否表1.7站點數(shù)據(jù)表字段名稱字段類型數(shù)據(jù)長度主鍵是否允許為空站點編號int20是否站點名稱varchar40否否首字母varchar40否否表1.8車輛維修表表字段名稱字段類型數(shù)據(jù)長度主鍵是否允許為空維修編號int20是否車牌號varchar50否否維修日期datetime150否否維修狀態(tài)varchar20否否維修原因varchar400否否維修結(jié)果varchar50否否維修費用int20否否經(jīng)辦人varchar50否否5公交系統(tǒng)設(shè)計5.1后臺功能設(shè)計5.1.1后臺登入設(shè)計圖5-1登入圖該系統(tǒng)的相關(guān)管理員可以登陸成功，管理員在第一個文本框輸入賬號，下面輸入密碼之后點擊登錄按鈕登錄。實現(xiàn)登錄后臺成功的方法是：管理員在文本框輸入賬號和密碼之后，點擊登錄按鈕，觸發(fā)登錄的點擊事件在前臺通$.getJSON("requests.ashx?type=loginHT",{username,password},將信息傳給后臺的requests.ashx文件下的loginHT()方法與數(shù)據(jù)庫信息進(jìn)行查詢，并將結(jié)果返回給前臺。關(guān)鍵代碼如下：登錄方法圖5.1.2后臺管理員模塊設(shè)計（1）后臺頁面設(shè)計圖5-2后臺頁面進(jìn)入后臺管理之后，左側(cè)功能模塊有菜單管理和系統(tǒng)管理欄組成。其中上部分細(xì)分為八個功能模塊，系統(tǒng)管理下有兩個模塊。（2）站點信息維護(hù)管理設(shè)計圖5-3站點維護(hù)圖在這個頁面展示的是所有站點名字的管理，如果想要修改公交線路的站名和增添新的站點信息都先添加進(jìn)去，當(dāng)前頁面的首字母的保存是為了方便用戶可以輸入首字母的英字母完成搜索，簡化拼寫次數(shù)，改頁面可以實現(xiàn)對站名的編輯修改功能和對站名的刪除功能。實現(xiàn)站名信息編輯的方法是：點擊編輯增加按鈕之后，都需要對輸入的信息進(jìn)行保存，在后臺代碼中通過btnAdd_Click()方法實現(xiàn)信息需改后的保存和增加新站點的保存，根據(jù)數(shù)據(jù)表中的["ID"]!=null判斷是修改站點信息還是增加新的站點名。（3）線路基本信息的設(shè)計圖5-4線路信息圖當(dāng)前頁面展現(xiàn)的是公交車線路基本信息，可以看到公交車線路的發(fā)車時間和結(jié)束時間以及當(dāng)前線路起始站點還有線路的運行時長和這條線路運行的總公里數(shù)。當(dāng)前頁面要實現(xiàn)增加和編輯路線功能。實現(xiàn)線路信息管理的方法是：頁面展示的信息加載是通過ASP.NET的GridView結(jié)合DataSource控件來實現(xiàn)，它負(fù)責(zé)與數(shù)據(jù)源的交互，然后獲取的數(shù)據(jù)顯示在GridView上，在GridView中Page屬性對分頁操作，后臺通過分頁點擊事件用PageIndex獲取當(dāng)前頁數(shù)，當(dāng)gvData.PageIndex<(this.gvData.PageCount-1)時，觸發(fā)下一頁，當(dāng)gvData.PageIndex<0觸發(fā)上一頁。（4）線路車站信息的設(shè)計圖5-5線路基本信息圖當(dāng)前頁面展示的是公交車線路具體信息，在當(dāng)頁搜索公交線路，實現(xiàn)路線基本信息工作。如果某條線路不存在則刪除操作。實現(xiàn)線路信息管理的方法是：數(shù)據(jù)展示整個后臺管理都是采用GridView結(jié)合DataSource控件來實現(xiàn)數(shù)據(jù)加載。通過CommandField命令實現(xiàn)數(shù)據(jù)的編輯操作，PagerButtonClick()方法實現(xiàn)翻頁操作，之后其他的代碼跟當(dāng)前編寫大同小異，只是在修改和保存時信息的變量名不同，整個連接操作有所區(qū)別。關(guān)鍵代碼如下：數(shù)據(jù)顯示方法圖分頁方法圖編輯方法圖（5）司乘人員信息的設(shè)計圖5-6司乘人員信息圖公交車司機作為出行的組要負(fù)責(zé)任員，信息的記錄是必不可少的，統(tǒng)計司乘人員信息能幫助我們及時聯(lián)系司機和工作安排。當(dāng)前頁面展示了司乘人員的姓名、性別、地址、電話、負(fù)責(zé)的公交車線路信息。該頁面主要負(fù)責(zé)額添加司乘信息和對其信息進(jìn)行編輯操作。實現(xiàn)司乘人員信息編輯的方法是：在后臺通過獲取表格中的序列ID！=null,如果不為0表示有數(shù)據(jù)則update修改數(shù)據(jù)信息，如果為0表示添加新的數(shù)據(jù)進(jìn)行保存則實現(xiàn)insert插入功能。保存成功會出現(xiàn)彈框提示信息保存成功。（6）車輛信息管理的設(shè)計圖5-7車輛管理信息圖該頁面展示的是車輛信息，展示該車輛的具體詳情，包括車牌號、該車的駕駛員、車輛品牌、可乘坐人數(shù)、屬于哪一條線路名、早班車和晚班車的發(fā)車時間幫助管理員統(tǒng)計信息，該頁面實現(xiàn)對車輛的修改編輯和添加操作。（7）車輛維修管理的設(shè)計圖5-8車輛維修管理圖當(dāng)前頁面展示的是管理員對車輛維護(hù)信息的管理工作，當(dāng)有車輛出現(xiàn)問題司機把問題申報給管理員，管理員進(jìn)行信息登錄并對車輛上報維修，維修是否完成。然后管理人員再次進(jìn)行信息更新，做好車輛安全登記。當(dāng)前頁面主要功能就是對上報車輛問題輸入保存，管理員更新車輛維修信息和車輛信息修改和刪除操作。（8）注冊會員管理的設(shè)計圖5-9會員管理圖當(dāng)前頁面是后臺管理員查看會員基本信息頁面，可以通過搜索會員賬號查找會員信息，管理人員沒有權(quán)限修改會員的基本信息只可以對過期會員刪除操作。（9）會員留言管理的設(shè)計圖5-10會員留言圖當(dāng)前頁面用于管理員查看會員留言信息，相當(dāng)于會員的自由評論信息，會員可暢所欲言，管理員可查看信息對于不好的評論自由刪除，前臺評論是不受影響的。該頁面主要是信息查詢功能。（10）修改密碼的設(shè)計圖5-11密碼修改圖當(dāng)前頁面用于修改密碼信息功能，在系統(tǒng)中時很常見的部分。當(dāng)管理員對于密碼想更改的時候在當(dāng)前頁面進(jìn)行修改。5.2前臺功能設(shè)計5.2.1會員登錄的設(shè)計圖5-12會員登錄圖會員通過http://localhost:18827/Login.aspx進(jìn)當(dāng)前頁面。登錄時會判斷會員賬號和密碼是否合法，如不合法會彈出提示對應(yīng)的提示框提醒用戶。合法則會提示登錄成功然后跳轉(zhuǎn)進(jìn)去首頁導(dǎo)航頁面。在導(dǎo)航頁面主要是信息展示，告知會員系統(tǒng)功能如何操作。實現(xiàn)方法：(注）：該系統(tǒng)客戶端代碼是建立一個一般處理程序文件,客戶端向后臺發(fā)送請求，完成之后再將數(shù)據(jù)封裝好之后傳回給前臺。requests.ashx,主要是通過配置通過NuGet程序包引用項目中的引用Newtonsoft.Json.dll類庫。這個類庫對于實現(xiàn)反序列化實體對象比較方便。在requests.ashx文件中寫webhandler的。這個文件對于處理不需要回發(fā)的數(shù)據(jù)格式很方便。在頁面加載完成的方法($(function((){})給登陸按鈕添加一個點擊事件，在點擊登錄時觸發(fā)點擊事件后判斷會員賬號與密碼是否符合正則的要求，如不匹配則彈窗提示，合法則使用$.getJSON向后端發(fā)起請求。請求路徑requets.ashx?type=login，參數(shù)為{username,password}，后端會在ProcessRequest方法里接受到前端發(fā)起的請求，通過取到對應(yīng)的type方法，在login方法里取到前端傳遞的數(shù)據(jù)對數(shù)據(jù)庫進(jìn)行查詢，并將放回的結(jié)果通過JsonConvert.SerializeObject(msg)方法返回給前端，前端在$.getJSON方法里獲取到后端返回的數(shù)據(jù)，并進(jìn)行判斷，是登錄成功還是失敗。若登陸成功則在把會員信息保存在sessionStorage對象中。圖5-13首頁導(dǎo)航圖5.2.2會員注冊信息的設(shè)計圖5-14會員注冊圖當(dāng)前頁面顯示會員注冊信息，當(dāng)未存在會員信息時系統(tǒng)提示當(dāng)前會員不存在需要注冊才能登陸，點擊注冊進(jìn)入信息注冊填寫，最后填寫完成提交創(chuàng)建賬號按鈕，在填寫時會判斷會員輸入，賬號只能為4-16位的數(shù)字,字母以及下劃線、姓名只能為2-4個字的中文、密碼有6位組成,注冊的手機號會判斷輸入的手機格式是否正確，地址，郵箱、性別屬于非必填項。實現(xiàn)會員注冊的方法是：通過觸發(fā)創(chuàng)建賬號按鈕使用$.getJSON向后端發(fā)起請求，請求路徑requets.ashx?type=Register{RegisterUsername,RegisterName,RegisterSex,RegisterPassword,RegisterPhone,RegisterAdress,RegisterYouxiang}為傳遞的參數(shù)，后端接受到前臺發(fā)送的請求后，取出前端傳遞的數(shù)據(jù)，使用用戶信息在數(shù)據(jù)庫里進(jìn)行查詢是否存在同樣的賬號，若存在，則給前端返回此賬戶已經(jīng)存在，若不存在，則將用戶信息插入(insertinto)到數(shù)據(jù)庫里后給前端返回注冊成功。關(guān)鍵代碼如下：注冊正則判斷圖后臺注冊代碼圖（3）站名查詢的設(shè)計圖5-15站名查詢展示圖當(dāng)前頁面主要工作是實現(xiàn)會員對站名的搜索功能，通過輸入想去的站名即可查詢此站名的相關(guān)線路信息供會員參考。實現(xiàn)方法：先寫一個getList()方法向后端發(fā)起請求獲得數(shù)據(jù)$.json向后端發(fā)起請求requests.ashx?type=ZMCXSearch",{keyword,page}，keyword為站名，page為頁數(shù)。點擊搜索按鈕添加點擊事件，在該事件里先獲取用戶input框里輸入的文字，判斷是否為空，若為空，則彈窗提示用戶站名不能為空，不為空則給keyword賦值站名，page賦值為1，調(diào)用getList()方法調(diào)用接口，后端接受到前臺發(fā)送的請求后，取出前端傳遞的站名跟page拼接sql后去數(shù)據(jù)庫里查詢對應(yīng)的數(shù)據(jù)，并返回給前端，前端在$.json的.then方法里面獲取后端返回的數(shù)據(jù)，然后循環(huán)數(shù)據(jù)拼接html字符串，最后將拼接好的字符串a(chǎn)ppend到dom里。前臺實現(xiàn)分頁的方法：在頁面加載之后前端給后端傳遞的參數(shù)包含一個page來決定當(dāng)前查詢的頁數(shù)，后端通過page*sizerowsfetchnext5rowsonly;來查詢對應(yīng)的數(shù)據(jù)=初始狀態(tài)下上一頁按鈕默認(rèn)禁用(默認(rèn)第一頁所以不可能存在上一頁)，后端返回的數(shù)據(jù)包含數(shù)據(jù)的總條數(shù),使用總條數(shù)除以每一頁的數(shù)量pageMath.ceil()方法并向上取整得到總page數(shù)，與當(dāng)前page相比，若總page<=當(dāng)前page則沒有下一頁，則禁用下一頁按鈕，點擊上一頁將page后調(diào)getList方法，點擊下一頁將page++后調(diào)用getList方法。（4）站站查詢的設(shè)計圖5-16線路直達(dá)圖圖5-17可選行程圖站站查詢就是兩個地點目標(biāo)的查詢功能，會員輸入一個起始地和一個終點地，如果有直達(dá)車輛提示直達(dá)線路，沒有直達(dá)線路則提供其他相關(guān)線路給會員選擇。會員根據(jù)自己的需求選擇路線。實現(xiàn)方法是：前端將起始站和終點站給后端，后端接受到數(shù)據(jù)后若是直達(dá)則直接將直達(dá)的線路返回給前端，前端直接彈窗顯示用戶可以直達(dá)的線路，若需要換乘，則將包含兩個站名的所有線路分別是data1和data2返回給前端，前端拿到這兩個數(shù)據(jù)后進(jìn)行格式化處理得到自己想要的格式并新增一個新的屬性存儲線路的反方向數(shù)據(jù)，接著取這兩個數(shù)據(jù)的所有線路的交集得到起始站與終點站之間所有的線路，最后前端拼接html代碼后渲染到頁面上。關(guān)鍵代碼：后臺查詢代碼圖前臺代碼圖（5）線路查詢的設(shè)計圖5-18公交車查詢圖當(dāng)前頁面展示的是會員查詢公交線路名的信息提示，輸入公交車路線名會出現(xiàn)這輛車的早班車和晚班車出時間表以及該輛車的線路。實現(xiàn)方法：同樣是點擊搜索按鈕事件，當(dāng)搜索按鈕觸發(fā)之后，在該事件里先獲取用戶input框里輸入的線路名，判斷是否為空，后端接受到前臺發(fā)送的請求("requests.ashx?type=PJCXSearch",{keyword,page}，keyword此時為線路名，page為頁數(shù)。取出前端傳遞的線路名跟page后去數(shù)據(jù)庫里查詢對應(yīng)的數(shù)據(jù)，并返回給前端，前端在$.json的.then方法里面獲取后端返回的數(shù)據(jù)，然后循環(huán)數(shù)據(jù)拼接html字符串，最后將拼接好的字符串a(chǎn)ppend到dom里。關(guān)鍵代碼如下：后臺線路代碼圖（5）會員留言的設(shè)計圖5-19會員留言圖當(dāng)前頁面展示所有會員留言信息，相當(dāng)自由評論展示板，該頁面自由會員登錄之后才能留言，留言長度最長為四十個字符。非會員則需登錄才能留言。實現(xiàn)的方法：頁面加載完成后判斷sessionStorage中是否存在會員的登錄信息，若不存在登錄信息，則彈框提示用戶登錄，并在兩秒后自動跳轉(zhuǎn)到登錄頁面。通過$.getJSON("requests.ashx?type=leavingMessage")請求接口，后臺leavingMessage方法中sql查詢存在的留言信息并返回。前端將得到留言數(shù)據(jù)后拼接html代碼后append到dom。當(dāng)用戶提交留言觸發(fā)點擊事件$.getJSON(requests.ashx?type=addMessage"),傳遞參數(shù){message:val,username:token,nowTime:(newDate().Format("yyyy-MM-ddHH:mm:ss"))到后臺addMessage方法中insertint到數(shù)據(jù)庫并返回給前臺。格式化時間方法：在Date對象的原型上添加一個Format方法：格式化時間圖關(guān)鍵代碼如下：留言監(jiān)聽代碼圖6系統(tǒng)測試6.1系統(tǒng)測試目的系統(tǒng)功能模塊不可能保證都沒有錯誤，在項目開發(fā)的過程中，存在錯誤或有報錯的過程中都是難以避免的。從項目開始到結(jié)束階段都是一個處理問題并解決問題的過程，在這個過程中對于我們已經(jīng)完成的功能模塊需要進(jìn)行測試來幫助系統(tǒng)更完美的提供給用戶群體。如系統(tǒng)出現(xiàn)程序運錯誤，現(xiàn)在常說的用戶安全知識。測試就是在實踐中發(fā)現(xiàn)和解決系統(tǒng)的不足，從而使系統(tǒng)更完善和完整。雖然對系統(tǒng)進(jìn)行修改，會消耗一定的時間和成本，但對于系統(tǒng)后期的使用是非常重要和必要的。測試過程中主要是查看系統(tǒng)中數(shù)據(jù)是否準(zhǔn)確，功能是否合理，邏輯是否得當(dāng)，系統(tǒng)操作是否還存在其他需要改進(jìn)的方面。公交路線查詢系統(tǒng)的完成之后,為了保證系統(tǒng)的可用性和系統(tǒng)的真實性，一般都會從系統(tǒng)最基本的功能開始測試，簡單的登錄，查詢測試，然后進(jìn)一步到系統(tǒng)奇特邏輯業(yè)務(wù)測試，通過多種數(shù)據(jù)輸入檢查是否可行。6.2測試方法在對公交路線查詢系統(tǒng)進(jìn)行