【導(dǎo)讀】成的，在完成設(shè)計(jì)（論文）時(shí)所利用的一切資料均已在參考文獻(xiàn)中列出。設(shè)計(jì)，二者結(jié)合實(shí)現(xiàn)和數(shù)據(jù)庫中的數(shù)據(jù)進(jìn)行動態(tài)交互，完成前后端的集成輸出功能，實(shí)現(xiàn)本系統(tǒng)的基本功能，在此過程中，深入理解軟件工程的理念，為就業(yè)打好基礎(chǔ)。刪除等功能，能滿足長途車站汽車管理員管理工作方面的基本要求。普通工作人員的基本需求。游客可以不用進(jìn)行登錄，可以查看車票等常規(guī)信息和實(shí)現(xiàn)。購票和退票功能。根據(jù)總體設(shè)計(jì)分析進(jìn)行詳細(xì)設(shè)計(jì)，分模塊依次實(shí)現(xiàn)系統(tǒng)詳細(xì)的功能。通過查詢資料和生活閱歷，再對已有的模塊功能進(jìn)行完善。運(yùn)用所學(xué)的基礎(chǔ)知識，獨(dú)。立完成設(shè)計(jì)及論文，設(shè)計(jì)文檔包括有效程序，原程序清單等。與要求，對開發(fā)結(jié)果進(jìn)行測試，記錄測試用例。[1]杭東.發(fā)達(dá)國家長途汽車安全管理經(jīng)驗(yàn)[J].交通與運(yùn)輸,2020,04:68-69.[2]趙方庚,施紅星.歐洲載貨汽車信息系統(tǒng)的發(fā)展[J].世界汽車,2020,05:4-6.[3]王忻.汽車信息系統(tǒng)的發(fā)展的技術(shù)分析[J].硅谷,2020,22:11-12,27.對該課題進(jìn)行大體的框架設(shè)計(jì)，總體布局，

　　

【正文】 后發(fā)送一個(gè) ajax 請求，將用戶需要查詢的城市的名稱發(fā)送到 VisitorServlet 服務(wù)端，在服務(wù)端通過 方法接收到發(fā)送過來的城市名稱，然后通過調(diào)用在 dao 書寫的 findByCityName(cityname)方法來返回一個(gè)路線對象的集合，在 ()中書寫一段表格的網(wǎng)頁代碼，并把集合遍歷出來，通過集合中每一個(gè)對象的 get 方法來獲取需要獲取 的值，并賦給表格的每一列即 td/td，然后將這段網(wǎng)頁保存到 ajax中的 result中，在 success屬性的 function(result)函數(shù)中，將 result 插入到 div 中，即實(shí)現(xiàn)了上述的效果。 （ 2）點(diǎn)擊汽車與路線的信息，會出現(xiàn)如圖 的界面。 圖 汽車與路線信息圖 輸入提示信息后，會顯示出汽車和路線的信息： 該效果的實(shí)現(xiàn)過程和城市與路線信息的實(shí)現(xiàn)過程類似，首先當(dāng)點(diǎn)擊汽車與路線信息之后會在 div 中插入一段包含兩個(gè)文本輸入框和一個(gè)查詢按鈕的網(wǎng)頁代碼，然后根據(jù) id 為查 詢按鈕綁定一個(gè) click，當(dāng)點(diǎn)擊查詢后，根據(jù) id 先獲取起點(diǎn)和終點(diǎn)，然后通過 ajax 將信息發(fā)送到 VisitorServlet 服務(wù)端，服務(wù)端接收到信息之后會調(diào)用 dao 中的findBelongsToRoads(String stname,String enname)方法，返回一個(gè)票務(wù)信息對象的集合，太原工業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 26 在 ()中書寫一段表格的網(wǎng)頁代碼，并把集合遍歷出來，通過集合中每一個(gè)對象的 get 方法來獲取需要獲取的值，并賦給表格的每一列即 td/td，然后將這段網(wǎng)頁保存到 ajax 中的 result 中，在 success 屬性的 function(result)函數(shù)中，將 result 插入到 div 中，即實(shí)現(xiàn)了上述的效果。 （ 3）點(diǎn)擊票務(wù)信息動態(tài)顯示，會出現(xiàn)如圖 的界面。 圖 票務(wù)信息動態(tài)界面 該效果主要是通過分頁查詢實(shí)現(xiàn)的，首先先實(shí)現(xiàn)該票務(wù)信息的分頁查詢，先通過select count(*) from bus_tickets 查詢出該表的所有行數(shù)，通過 select * from bus_tickets limit start,page 這句 sql語句來實(shí)現(xiàn)分頁查詢， start 是從多少行開始查詢， page 是每一 頁顯示的信息條數(shù)。 在 jsp 端，首先先顯示數(shù)據(jù)庫表的第一頁的信息，查詢第一頁的信息 代碼如下 ： % TicketDao dao=new TicketDao()。 ListTicket tickets=(0)。 double number=()。 double index=number/4。 % 查詢完成之后通過 td%=(index).getTname()%/td這樣的語句將結(jié)太原工業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 27 果賦值給表格的每塊內(nèi)容中。 在 中，先定義四個(gè)公共的定時(shí)器對象： var sh=null。var t1=null。var t2=null。var t3=null。 首先完成最上方的時(shí)間刷新，我在下方定義了三個(gè)方法，來刷新時(shí)間，方法體的內(nèi)容為： $(39。timeCount39。).html(0)。 $(39。timeCount39。).html(1)。$(39。timeCount39。).html(2)。 上述的三句代碼分別為三個(gè)方法體中的方法，它們的作用是為 id 為 timeCount 的label標(biāo)簽中寫入 0， 1， 2 三個(gè)數(shù)字，這三個(gè)方法在 t1， t2， t3 三個(gè)定時(shí)器中被調(diào)用，調(diào)用的方法為 t1=setTimeout(”timeCount1”,1000)。這樣便實(shí)現(xiàn)了定時(shí)刷新上方倒計(jì)時(shí)的效果。 然后實(shí)現(xiàn)自動刷新表格的效果，我首先在 中寫一個(gè) $(function(){})，在其中定義一個(gè) number 為 1，即表示表的內(nèi)容有多少頁，因?yàn)檫@張表的內(nèi)容是限定的為票務(wù)信息，所以表的頁碼數(shù)是固定的，我這里設(shè)置的頁碼數(shù)為 4 張，在這個(gè)方法體中定義一個(gè) getHtmlTable()方法，這個(gè)方法的作用是將服務(wù)端返回的表單內(nèi)容插入到 div中，即實(shí)現(xiàn)表格的 刷新，這個(gè)方法中首先發(fā)送一個(gè) ajax 請求，并將 number%4+1 作為data 發(fā)送到服務(wù)端，將 data 數(shù)據(jù)這樣設(shè)置是因?yàn)槲以?getHtmlTable 方法中會將 number自己加 1，這樣就可以實(shí)現(xiàn)表格的循環(huán)刷新，然后在 sh=setInterval(getHtmlTable,1000)中定時(shí)調(diào)用 getHtmlTable 方法，這樣就實(shí)現(xiàn)了定時(shí)發(fā)送 ajax 請求。 在服務(wù)端，首先接收到 jsp 發(fā)送過來的 index 數(shù)據(jù)，然后定義 page， page 是從第幾行數(shù)據(jù)庫數(shù)據(jù)開始的參數(shù)，所以我這樣設(shè)置： int page=4*index4。，然后調(diào)用我在dao 中編寫的分頁查詢票務(wù)信息的方法，將 page 參數(shù)傳入，這樣就查詢到了客戶端需要查詢的頁數(shù)的票務(wù)信息，然后將票務(wù)信息添加在一段網(wǎng)頁表格代碼中，通過 發(fā)送回客戶端保存在 result 中，然后將 result 插入到 div 的表格的 body 中，這樣就實(shí)現(xiàn)了票務(wù)信息的動態(tài)刷新。 （ 4）點(diǎn)擊訂退票會出現(xiàn)如圖 的界面。 圖 訂退票界面 訂票操作的實(shí)現(xiàn)和工作人員的售票功能實(shí)際是比較類似的，這次的使用人是游太原工業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 28 客，所以點(diǎn)擊訂票之后，會把需要訂購票的信息添加到訂單表中，同時(shí)會將票的 余票數(shù)修改為游客購票后的余票數(shù)，具體的實(shí)現(xiàn)過程可以參看工作人員的售票功能。 點(diǎn)擊查詢訂單后，會將隱藏的 div 顯示出來， div 中的內(nèi)容是一個(gè) id 為 id 的文本框和確認(rèn)按鈕，按鈕上綁定一個(gè) click，然后用戶在文本輸入框輸入訂單號，點(diǎn)擊確認(rèn)，會發(fā)送 ajax 請求到服務(wù)端，服務(wù)端接收到請求之后，會調(diào)用 dao 中的方法，通過 id查詢訂單信息，并把一條訂單信息的表格添加到 div 中，在訂單的最后一列，我添加了操作，用戶點(diǎn)擊這個(gè)連接之后，會發(fā)送 ajax 請求到服務(wù)器， ajax 中的 data 即為需要?jiǎng)h除的 id，服務(wù)端在接收到這個(gè) id 之后會調(diào)用 dao 中根據(jù) id 刪除訂單的方法，來刪除該條訂單信息，實(shí)現(xiàn)退票功能， dao 中的刪除方法，執(zhí)行了 2 條數(shù)據(jù)庫語句，在首先刪除訂單表中 id 為該 id 的訂單信息，然后添加該訂單的購票數(shù)到票務(wù)信息的余票數(shù)。 工作人員模塊的實(shí)現(xiàn) 工作人員模塊主要包括：個(gè)人信息的修改與查看、售票、處理訂單、基礎(chǔ)信息的查詢的功能。 界面展示 工作人員主頁面如圖 所示。 圖 工作人員界面 太原工業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 29 工作人員功能模塊以及詳細(xì)分析 （ 1）個(gè)人信息管理 點(diǎn)擊個(gè)人信息管理會出現(xiàn)個(gè)人信息 修改與個(gè)人信息查詢選項(xiàng)如圖 所示。 圖 個(gè)人管理圖 這里是將個(gè)人信息查看與個(gè)人信息修改放置在一個(gè)隱藏的 div 中，點(diǎn)擊個(gè)人信息管理之后，將隱藏的 div 顯示出來。 點(diǎn)擊個(gè)人信息查看，會出現(xiàn)個(gè)人的詳細(xì)信息如圖 所示。 圖 個(gè)人信息查詢圖 這里同樣是為個(gè)人信息查看賦予一個(gè) id 后，然后 通過 id 為其賦予一個(gè) click，在方法中定義 $.ajax，然后點(diǎn)擊之后會發(fā)送 ajax 請求到 WorkerServlet，通過 WorkerDao中的查看個(gè)人的方法 public User findUser(String username)，返回一個(gè) User 對象，來實(shí)現(xiàn)查詢的，然后通過 ()（這里的）將結(jié)果返回給 result，然后將 result 插入到太原工業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 30 context1body 中，便實(shí)現(xiàn)了查詢個(gè)人信息的功能。 點(diǎn)擊個(gè)人信息修改后，會出現(xiàn)個(gè)人信息修改的界面 如圖 。 圖 個(gè)人信息修改圖 這 個(gè) 表格放置在一個(gè) form中， 其屬性中的 action 是請求路徑，這里設(shè)置的請求路徑為 ， method 是方法，這里 我選擇了 post，因?yàn)?get 請求會把用戶輸入 的信息顯示在瀏覽器的地址中，安全性不高， post 的方式可以在 servlet中通過 的方法來獲取用戶輸入的信息，安全性比較高，當(dāng)用戶點(diǎn)擊提交之后，會提交表單，在 WorkerServlet 端接收到用戶在客戶端輸入的修改后的用戶名，姓名，密碼，同樣是通過 方法來獲取，通過 updateUser方法來進(jìn)行密碼修改，該方法會返回一個(gè) boolean 值，修改成功返回 true， 否則 返回false，在服務(wù)器得到判斷結(jié)果后，會返回通過 if 判斷來給予返回 的結(jié)果，如果為 true，則返回 “修改成功 ”，否則返回 “修改失敗 ”。 （ 2）信息查看 點(diǎn)擊信息查看會出現(xiàn)下拉的功能選項(xiàng) 如圖 所示 。 圖 信息查看界面 太原工業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 31 點(diǎn)擊城市與路線信息后，會向 div 中添加如下的網(wǎng)頁片段 如圖 所示。 圖 城市與路線信息界面 在文本輸入框中輸入城市名，如果是空值或者沒有查詢到結(jié)果，則會返回一個(gè)對話框，告知用戶，如果查詢到相關(guān)的信息，則會在該 div 中顯示查詢到的結(jié)果，以表格的形式顯示。 實(shí)現(xiàn)上述的功能的具體過程，首先在 中為查詢按鈕綁定一個(gè) click，然后在點(diǎn)擊查詢之后，獲取文本輸入框中用戶輸入的字符，發(fā)送 ajax 請求，服務(wù)器接收到城市名后，會調(diào)用 dao 中查詢的方法，獲取到查詢的結(jié)果，并將查詢到的結(jié)果保存到 result 中，最后插入到 div 中，顯示與該城市有關(guān)的所有的路線。 在點(diǎn)擊票務(wù)信息后會出現(xiàn)輸入起止點(diǎn)的對話框如圖 所示。 圖 票務(wù)信息界面 用戶在輸入起止點(diǎn)之后，會在該 div 返回查詢的結(jié)果，同樣以表格形式顯示。 票務(wù)信息的查詢的具體實(shí)現(xiàn)過程： 首先，在 中獲取到用戶輸入的文本字符串，然后填充到 ajax 的 data 項(xiàng)中， 然后為查詢按鈕綁定一個(gè) click 事件，事件的函數(shù)為向服務(wù)端發(fā)送一個(gè) ajax 請求，在 WorkerServlet 服務(wù)端，同樣適用 方法來接收客戶端發(fā)送過來的那兩個(gè)值，然后調(diào)用 dao 中的 public ListTicket findTicket(String stname,String endname)；來獲取需要獲取的票務(wù)信息，然后放置一個(gè)通過循環(huán)將 List 中的值遍歷到表格的每一個(gè) tr中，最后將結(jié)果插入到 div中。 實(shí)現(xiàn)遍歷的那部分代碼如下： 太原工業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 32 首先先將查詢到的結(jié)果 放置到一個(gè) List 集合中： ListTicket tickets=new TicketDao().findAllTickets(page)。 然后將這個(gè) List 集合遍歷賦值： for(Ticket t:tickets){ (trtd+()+/td + td+()+/td + td+()+/td + td+()+/td/tr)。 } 工作人員在點(diǎn)擊汽車信息之后，會直接出現(xiàn)汽車的全部信息 如圖 所示。 圖 汽車信息界面 這個(gè)查詢結(jié)果的表格是我在 jsp 中動態(tài)生成的，首先在 body 中寫上 % %，可以編寫 java 代碼，實(shí)現(xiàn)汽車信息查詢的功能，我先在 dao 中編寫了查詢所有汽車信息的方法 public ListBus findAllBus()，該方法會返回一個(gè)汽車對象的集合，我在% %先建立一個(gè) ListBus集合，用以存儲查詢到的結(jié)果，然后通過下述的方式來實(shí)現(xiàn)表格的動態(tài)生成： %for(int i=0。i()。i++){ 太原工業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 33 % trtd%=(i).getId()%/tdtd%=(i).getBname()%/tdtd%=(i).getBno()%/tdtd%=(i).getTno()%/td/tr %}% 其實(shí) %= %是用來輸出 java 代碼的值到 jsp 界面的。用這種方式就可以將數(shù)據(jù)庫中存儲的汽車的信息動態(tài)的輸出了。 司機(jī)信息和時(shí)刻信息的設(shè)計(jì)和上述汽車信息的查詢比較類似，點(diǎn) 擊司機(jī)信息和時(shí)刻的按鈕，會動態(tài)刷新出對應(yīng)的查詢結(jié)果的表格，關(guān)于這里結(jié)果的顯示，還是利用jQuery 中的 $(“”).click(function(){})。在 function 的語句塊中填寫 $(“+divId”).show()。便能將隱藏的 div 顯示出來，而隱藏的 div 中包含的就是通過 java 代碼查詢出來的數(shù)據(jù)庫的數(shù)據(jù)表，而表格的生成方式和汽車信息查詢結(jié)果中表格的生成方式是一樣的，首先，在 jsp 界面的 body 中書寫 % %，在其中填寫 java 代碼，用以查詢數(shù)據(jù)庫中司機(jī)的信息和時(shí)刻的信息，然后將查詢結(jié)果遍歷 在 jsp 界面，就可以出現(xiàn)上述的效果了。 （ 3）訂單管理 點(diǎn)擊訂單管理，會出現(xiàn)如圖 所示的功能界面。 圖 訂單管理界面 點(diǎn)擊售票功能，會出現(xiàn)如圖 的輸入框。 圖 售票界面 太原工業(yè)學(xué)院畢業(yè)設(shè)計(jì)（論文） 34 用戶在輸入已有的票的信息并且數(shù)量滿足用戶需求的時(shí)候，會提示購票成功；如果購買的票數(shù)不夠會提示票數(shù)不夠，并且無法完成購票操作。 實(shí)現(xiàn)售票功能，首先在一個(gè)隱藏的 div 中編寫 5 個(gè) input/標(biāo)簽， 4 個(gè)類型為 text，另外一個(gè)的類型為 button，然后為每一個(gè)標(biāo)簽賦予一個(gè)不同的并且唯一的 i