電影院自選座訂票系統(tǒng)的設(shè)計與實現(xiàn)

1、 畢業(yè)設(shè)計（論文）題 目電影院自選座訂票系統(tǒng)的設(shè)計與實現(xiàn)系 （院）信息工程系專 業(yè)通信工程班 級2011級1班學(xué)生姓名*學(xué) 號1114110109指導(dǎo)教師*職 稱講師二一五年六月七日獨 創(chuàng) 聲 明本人鄭重聲明：所呈交的畢業(yè)設(shè)計(論文)，是本人在指導(dǎo)老師的指導(dǎo)下，獨立進行研究工作所取得的成果，成果不存在知識產(chǎn)權(quán)爭議。盡我所知，除文中已經(jīng)注明引用的內(nèi)容外，本設(shè)計（論文）不含任何其他個人或集體已經(jīng)發(fā)表或撰寫過的作品成果。對本文的研究做出重要貢獻的個人和集體均已在文中以明確方式標(biāo)明。本聲明的法律后果由本人承擔(dān)。 作者簽名: 二 年 月 日畢業(yè)設(shè)計（論文）使用授權(quán)聲明本人完全了解濱州學(xué)院關(guān)于收集、保存、

2、使用畢業(yè)設(shè)計（論文）的規(guī)定。本人愿意按照學(xué)校要求提交學(xué)位論文的印刷本和電子版，同意學(xué)校保存學(xué)位論文的印刷本和電子版，或采用影印、數(shù)字化或其它復(fù)制手段保存設(shè)計（論文）；同意學(xué)校在不以營利為目的的前提下，建立目錄檢索與閱覽服務(wù)系統(tǒng)，公布設(shè)計（論文）的部分或全部內(nèi)容，允許他人依法合理使用。（保密論文在解密后遵守此規(guī)定） 作者簽名: 二 年 月 日濱州學(xué)院畢業(yè)設(shè)計（論文）電影院訂票自選座系統(tǒng)的設(shè)計與實現(xiàn) 摘 要隨著物質(zhì)生活的極大豐富，去電影院看一場好電影成為人們休閑娛樂的重要方式。從世紀(jì)年代中期誕生就一直飛速發(fā)展的電子商務(wù)也逐漸成熟。當(dāng)電影院遇到了電子商務(wù)，網(wǎng)上購買電影票并自己選座也就順應(yīng)時勢的誕生了

3、。本專題針對電影院網(wǎng)上訂票自選座系統(tǒng)做一些研究，期望能于研究中獲得相關(guān)技術(shù)與觀念。本文深入探討了WEB應(yīng)用系統(tǒng)開發(fā)過程及其相關(guān)技術(shù)，結(jié)合各大影院的網(wǎng)絡(luò)訂票頁面，根據(jù)實際需要和業(yè)務(wù)流程分析，運用HTML、XHTML、數(shù)據(jù)庫、JavaScript、Spring框架等技術(shù)，提出了電影院訂票自選座系統(tǒng)的解決方案。整個系統(tǒng)分為了影片介紹、電影票自選座訂購、購票信息驗證等功能模塊，主要分析設(shè)計了消費者自選座、購票信息驗證問題。關(guān)鍵字：電影；影院；網(wǎng)上訂票；自選座Design and implementation of optional seat cinema ticketing systemAbstrac

4、tWith the great wealth of material life, go to the cinema to see a good movie become an important way for people to relax and entertainment. From the 20th century, the birth of the mid-1990s has been the rapid development of e-commerce has matured. When the cinema encountered commerce, buy movie tic

5、kets online and choose their own seat will conform to the times of birth. The topic for the optional seat movie theater tickets online system to do some research, is expected to get relevant technoleges and concepts in the studyThis paper discusses in depth WEB application development process and it

6、s related technologies, combined with the network booking page theaters, according to actual needs and business process analysis, using HTML, XHTML, database, JavaScript, Spring Framework and other technologies proposed cinema Order solution votes optional seat system. The whole system is divided in

7、to a film presentation, optional seat ordering movie tickets, ticket information verification function modules, analysis and design of the main consumer choice seat, ticket purchase information verification problem.Keywords: movie；theater；tickets online；optional seat 目 錄 第一章 緒論11.1 引言11.2 電影院網(wǎng)上訂票自選座

8、系統(tǒng)的優(yōu)點和實用價值11.3 研究課題的背景和意義2第二章 相關(guān)技術(shù)分析介紹42.1 HTML簡介42.2 JavaScript簡介62.3 數(shù)據(jù)庫72.3.1 數(shù)據(jù)庫系統(tǒng)82.3.2 數(shù)據(jù)庫模型9第三章 系統(tǒng)分析與設(shè)計113.1 前臺系統(tǒng)構(gòu)架113.2 后臺系統(tǒng)構(gòu)架123.3 Oracle數(shù)據(jù)庫及本系統(tǒng)資料結(jié)構(gòu)12第四章 網(wǎng)站的建設(shè)144.1 首頁設(shè)計145.1 自選座的設(shè)計165.2 購票與驗證185.2.1 用戶買票185.2.2 票的生成225.2.3 票的驗證24第六章 結(jié)論與展望256.1 總結(jié)256.2 展望25參考文獻27謝 辭28II濱州學(xué)院畢業(yè)設(shè)計（論文）第一章 緒論1.1

9、 引言電影，是由活動照相術(shù)和幻燈放映術(shù)結(jié)合發(fā)展起來的一種連續(xù)的視頻畫面,同時電影也是融合了攝影、繪畫、音樂、舞蹈等多種元素的一種藝術(shù)。他是現(xiàn)代科技與藝術(shù)的綜合體。早在1896年8月11日，法國商人就在上海徐園“又一村”茶樓內(nèi)放映了“西洋影戲”。1905年，北京豐泰照相館攝制了中國第一部電影定軍山，國產(chǎn)電影從此開始飛速發(fā)展。隨著物質(zhì)生活的急速發(fā)展，電影早已經(jīng)融入到了人類社會的方方面面，成為人們豐富精神生活的重要娛樂方式，是人們生活中不可或缺的一員。與此同時，一種新興的商務(wù)模式悄然誕生，這就是電子商務(wù)。電子商務(wù)通常是指在全球商業(yè)貿(mào)易活動中，因特網(wǎng)開放的網(wǎng)絡(luò)環(huán)境下，基于B/S（Browser/Ser

10、ver)應(yīng)用方式，買賣雙方不謀面地進行商貿(mào)活動，實現(xiàn)消費者的網(wǎng)上購物、商戶之間的網(wǎng)上交易和在線電子支付的一種新型的商業(yè)運營模式。它能提供準(zhǔn)確、快速、高效的商務(wù)運作,目前世界上的很多發(fā)達國家如：美國、德國、加拿大、英國都大規(guī)模的使用電子商務(wù)代替?zhèn)鹘y(tǒng)銷售模式。和傳統(tǒng)模式相比電子商務(wù)具有高效、低成本、更加快速的應(yīng)對市場變化、不受交易雙方地理位置限制等傳統(tǒng)銷售模式無法實現(xiàn)的優(yōu)點。電子商務(wù)的整體性、安全性、協(xié)調(diào)性、方便性使其在現(xiàn)在社會中具有更強的競爭力，電子商務(wù)成為主流銷售模式已經(jīng)是必然趨勢。1.2電影院網(wǎng)上訂票自選座系統(tǒng)的優(yōu)點和實用價值建立基于B/S（Browser/Server)的電影院訂票自選座系

11、統(tǒng)，從用戶選擇觀看電影、場次到購票付款全都在用戶WEB界面和服務(wù)器上完成，避免了人工售票由于疏忽造成的購票信息錯誤、資金錯誤，保證了交易的安全，極大的方便了用戶，同時減少了電影院的工作量1。1、 利用網(wǎng)絡(luò)的便利性，避免了用戶因為天氣、交通、地理位置等因素造成的購票不便。即使在惡劣天氣，交通阻塞，距離售票點位置遙遠(yuǎn)的情況下，只要有網(wǎng)絡(luò)，只要能打開網(wǎng)頁，用戶依然可以隨時隨地，選擇自己想看的電影進行購票。長時間排隊、長途跋涉的去售票點購票將成為歷史。2、 利用電子商務(wù)的在線付款，使用戶付款更加方便，同時避免了電影院、銀行因為頻繁的大規(guī)模資金流動造成的差錯，減少了影院、銀行工作人員的工作量。3、 利用

12、WEB頁面可以很方便的把近期上映的電影信息完整的展現(xiàn)出來，影院方面省去了到處張貼海報的工作，用戶也可以更直觀清晰的選擇自己想看的電影及場次。4、 本系統(tǒng)的自選座功能可以讓用戶在購票的同時選擇座位，方便了情侶觀看電影購買情侶座，同時因為用戶在模擬圖上提前知道了自己的位置，在進入影院后可以迅速找到自己位置，避免了因光線昏暗、人數(shù)太多找不到座位造成的混亂。5、 本系統(tǒng)購票后生成的是一串驗證碼（可以改進成二維碼），用戶到影院只需通過二維碼驗證即可正常進入觀看電影，減少了影院成本同時保護了環(huán)境。1.3 研究課題的背景和意義電影，是由活動照相術(shù)和幻燈放映術(shù)結(jié)合發(fā)展起來的一種連續(xù)的視頻畫面,同時電影也是融合

13、了攝影、繪畫、音樂、舞蹈等多種元素的一種藝術(shù)2。他是現(xiàn)代科技與藝術(shù)的綜合體。自1905年中國第一部電影定軍山的誕生到2010年，中國的電影業(yè)已走過了一百多年的歷程。改革開放以來國內(nèi)電影的發(fā)展更是與日俱新。隨著全球網(wǎng)絡(luò)化，很多人都認(rèn)為去電影院觀看電影將成為歷史，更多的人將選擇在家觀看電影。然而數(shù)據(jù)顯示，2012年中國生產(chǎn)故事影片745部(含電影頻道出品的數(shù)字電影92部)，生產(chǎn)各類電影總量達893部;全國電影總票房達到170.73億元。2013年2月，我國影院的放映場次達200多萬場，環(huán)比1月份基本持平;觀影人次達5700多萬，增長近1000萬人次，增幅達19%;共產(chǎn)出票房21億多元，大增近5億元

14、，增幅高達近30%。可以看出隨著人們物質(zhì)生活水平的提高，人們對于看電影的要求也越來越來高，影院提供的高清晰度超大銀幕，以及影院的氣氛、音效才能更好滿足人們對于觀看電影的高要求。隨著3D電影的到來，人們更多的去選擇去影院觀看大片，而不是窩在家里。順應(yīng)形勢萬達院線、上海聯(lián)和、中影星美、中影南方、大地院線、金逸影視等全球級大影院也迅速發(fā)展起來。然而去影院觀看電影的人數(shù)越來越多，傳統(tǒng)的購票方式就顯得有點力不從心了。一些一線城市晚上放映的電影，人們甚至需要一大早就去排隊。而且由于傳統(tǒng)售票方式電影信息以及場次信息的不清晰，很多人排了很長時間的隊卻發(fā)現(xiàn)想看的電影或者想要場次的票賣光了，再或者是買錯了場次，極

15、大的造成了資源和時間的浪費?，F(xiàn)代生活的快速緊張的節(jié)奏，這種現(xiàn)象怎么能夠允許。于是如何方便高效的購買到自己心儀已久的電影票就成為需要解決的問題。電子商務(wù)自世紀(jì)年代中期誕生以來就顯示了其旺盛的生命力。由于INTERNET的迅速流行，電子商務(wù)引起了廣泛的注意，被公認(rèn)為是未來IT業(yè)最有潛力的新的增長點。我國政府對電子商務(wù)一直以為都很重視，自1996起先后采取了一系列措施推動電子商務(wù)的發(fā)展。中共中央辦公廳、國務(wù)院辦公廳印發(fā)2006年2020年國家信息化發(fā)展戰(zhàn)略為中國企業(yè)電子商務(wù)的發(fā)展做了具體規(guī)劃。我國的“金關(guān)工程”、“金企工程”、“金卡工程”、“金貿(mào)工程”等在電子商務(wù)熱浪中,又出現(xiàn)了新一輪建設(shè)高潮,很多

16、部委建立了自己業(yè)務(wù)范圍的電子商務(wù)系統(tǒng),如外貿(mào)領(lǐng)域的國際電子商務(wù)中心等3。電子商務(wù)如此火熱，本就弊端重重的電影院傳統(tǒng)售票模式被取代也是大勢所趨。本系統(tǒng)采用WEB頁面制作的前臺可以方便透明的展示各類影片信息以及放映時間表，無論是用戶查詢的清晰性還是信息的完整性都是傳統(tǒng)張貼海報、時間表無法比擬的。從電子商務(wù)的蓬勃發(fā)展來看，采用網(wǎng)上支付也更加符合用戶的消費習(xí)慣，減少的影院工作人員的工作量，同時方便了用戶。第二章 相關(guān)技術(shù)分析介紹2.1 HTML簡介HTML（Hyper Text Markup Language，超文本標(biāo)記語言）是WEB的統(tǒng)一語言，這些容納在尖括號里的標(biāo)簽。構(gòu)成了如今的WEB。1991年

17、萬維網(wǎng)之父Tim Bermers-lee編寫了一份HTML標(biāo)簽文檔，包含大約20個用來標(biāo)記網(wǎng)頁的HTML標(biāo)簽，這就是后來我們看到的HTML標(biāo)記。W3C取代EITF，成為HTML標(biāo)準(zhǔn)組織，之后HTML版本被頻繁修改，直到1999年的HTML4.01，至此，HTML抵達了他的以第一個拐點4。W3C隨之推出XHTML1.1、XHTML2.0，直至目前W3C與WHARWG共同推出的HTML5。HTML的基本結(jié)構(gòu)分3部分，完整的HTML包括聲明、頭部（Head）和主體(Body)，頭部包括網(wǎng)頁標(biāo)題(Title)等基本信息，主體包括網(wǎng)頁的內(nèi)容信息，如圖片、文字等。HTML頁面的基本結(jié)構(gòu)：<html

18、xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html;charset=utf-8"/><title>頁面標(biāo)題</title></head><body>主體</body></html>HTML是一種對文本內(nèi)容進行結(jié)構(gòu)化和標(biāo)示的語言。HTML語言中的每一種標(biāo)簽都具有它特有的含義，如<h1><

19、h6>標(biāo)簽用于定義同級別大小的標(biāo)題，<p>標(biāo)簽用于定義段落，<u1>標(biāo)簽用于定義無序列表等。說得更通俗一點，利用其相應(yīng)的含義去進行網(wǎng)頁元素的排版，因為無論是瀏覽器，還是搜索引擎都能讀懂他們。HTML的基本標(biāo)簽：標(biāo)題標(biāo)簽<h1h6> 標(biāo)題標(biāo)簽標(biāo)示一段文字的標(biāo)題，并且支持多層次的內(nèi)容結(jié)構(gòu)。HTML共提供了6級標(biāo)題，分別為<h1h6>,并賦予了標(biāo)題一定的外觀，所有標(biāo)題字體加粗，其中<h1>字號最大，<h6>字號最小。圖像標(biāo)簽<img><img src="url" alt="文

20、本" width="x" height="y"/><img>標(biāo)簽是空元素所以后面沒有</img>；src屬性表示顯示圖像的地址，可以寫相對路徑，也可以寫絕對路徑；alt屬性是指當(dāng)圖片無法正常顯示時，下面顯示的文字；width、height屬性可以控制圖片顯示的寬高；段落標(biāo)簽<p>段落通過<p>標(biāo)簽定義。<p>表示段落的開始，</p>表示段落的結(jié)束，它是一個塊級元素。超鏈接<a href="url" target="目標(biāo)窗口位置&qu

21、ot;>鏈接文本或圖像</a>點擊購票跳轉(zhuǎn)到指定的購票頁面就通過<a>標(biāo)簽來實現(xiàn)。 表格的基本語法：<table width="100%" border="1" cellspacing="0" cellpadding="0"><tr><td align="left" rowspan="1" colspan="1"></td></tr></table>表單元

22、素：文本框<input type="text" value=""/>密碼框<input type="password" value=""/>單選按鈕<input type="radio" value="">文件選擇框<input type="file" name="myFile">2.2 JavaScript簡介JavaScript是一種描述語言，也是一種基于對象（Object）和事件驅(qū)動

23、（Event Driven）的、安全性好的腳本語言5。它運行在客戶端，從而減輕服務(wù)器端的負(fù)擔(dān)，其特點如下：JavaScript主要用來向HTML頁面中添加交互行為。JavaScript是一種腳本語言，語法和Java類似。JavaScript一般用來編寫客戶端腳本。JavaScript是一種解釋性語言，邊執(zhí)行邊解釋。JavaScript主要實現(xiàn)的功能有如下兩點：1、 客戶端表單驗證 在網(wǎng)站中常見的會員注冊頁面中，我們填寫注冊信息時，如果某項信息格式輸入錯誤（如用戶名包含非法字符），表單頁面將及時給出錯誤提示。這些錯誤在沒有提交到服務(wù)器前。在客戶端提前進行驗證。這樣用戶得到了即時的交互，同時也減小

24、了網(wǎng)站服務(wù)器端的壓力。2、 實現(xiàn)頁面交互在JavaScript中，可以編寫響應(yīng)鼠標(biāo)單擊等事件的代碼，創(chuàng)建動態(tài)頁面特效，從而高效的控制頁面的內(nèi)容等，可以在有限的頁面空間里展現(xiàn)更多的內(nèi)容，從而增加客戶端的體驗，進而使網(wǎng)站更加有動感、有魅力，吸引更多的瀏覽者。 JavaScript的組成JavaScript BOM DOMECMAScript圖2.1 JavaScript組成 JavaScript的執(zhí)行原理 客戶端請求某個頁面發(fā)送請求服務(wù)器瀏覽器解釋并執(zhí)行帶腳本的網(wǎng)頁返回響應(yīng) WEB應(yīng)用服務(wù)器響應(yīng)請求圖2.2 JavaScript執(zhí)行原理JavaScript的3種引入方法1、 使用<scrip

25、t></script>標(biāo)簽<script type="text/javascript"></script>可以寫在<head></head>標(biāo)簽里，也可以寫在<body></body>里。2、 使用外部JS文件單獨寫一個后綴名為.js的JS文件使用<script type="text/javascript" href=""></script>引入3、 直接寫在HTML標(biāo)簽中如:<body onload="a

26、lert("liaowei")"></body>2.3 數(shù)據(jù)庫數(shù)據(jù)庫就是按照數(shù)據(jù)結(jié)構(gòu)來組織、存儲和管理數(shù)據(jù)的倉庫。只不過這個倉庫是在計算機存儲設(shè)備上，而且數(shù)據(jù)是按照一定格式存放的6。安裝有數(shù)據(jù)庫管理系統(tǒng)，負(fù)責(zé)運行數(shù)據(jù)庫管理系統(tǒng)，對數(shù)據(jù)庫實現(xiàn)管理和控制的計算機成為數(shù)據(jù)庫服務(wù)器。數(shù)據(jù)庫的作用是保存數(shù)據(jù)和管理數(shù)據(jù)，他可以更快地查詢、處理、統(tǒng)計數(shù)據(jù)，還可以保持?jǐn)?shù)據(jù)的一致性、共享性和安全性，方便智能的分析、產(chǎn)生新的有用信息7。2.3.1 數(shù)據(jù)庫系統(tǒng) 數(shù)據(jù)庫系統(tǒng)應(yīng)用程序處理查詢應(yīng)用程序的軟件 訪問以存儲數(shù)據(jù)的軟件 數(shù)據(jù)庫數(shù)據(jù)庫圖2.3 數(shù)據(jù)庫系統(tǒng)2.3.2

27、數(shù)據(jù)庫模型1.層次結(jié)構(gòu)模型生產(chǎn)商終端1代理商1代理商2終端2終端3圖2.4 數(shù)據(jù)庫層次結(jié)構(gòu)模型2.網(wǎng)絡(luò)結(jié)構(gòu)模型計算機系統(tǒng)硬件系統(tǒng)軟件系統(tǒng)中處理器存儲器輸入設(shè)備輸出設(shè)備圖2.5 數(shù)據(jù)庫網(wǎng)絡(luò)結(jié)構(gòu)模型3關(guān)系結(jié)構(gòu)模型關(guān)系模式：對關(guān)系的描述，一般表示為：關(guān)系名（屬性1，屬性2，）表2-1 電影信息表編號影片導(dǎo)演演員類型010203第三章 系統(tǒng)分析與設(shè)計3.1 前臺系統(tǒng)構(gòu)架 影片介紹影片查詢 場次表 購票頁面網(wǎng)站首頁購票成功返回一個串碼 會員注冊會員服務(wù) 會員登錄圖3.1 前臺系統(tǒng)架構(gòu) 影片列表3.2 后臺系統(tǒng)構(gòu)架 增加影片影片管理 刪除影片 場次列表后臺 驗證結(jié)果 影票驗證 影院公告圖3.2 后臺系統(tǒng)架

28、構(gòu)3.3 Oracle數(shù)據(jù)庫及本系統(tǒng)資料結(jié)構(gòu)圖3.3 數(shù)據(jù)庫表格的建立piaoId:售出的每張票的唯一ID。seatPrice:票價。moviename:電影名稱。seatRegion:座位號。authCode:購票后生成的唯一驗證碼，用于票的驗證。第四章 網(wǎng)站的建設(shè)4.1 首頁設(shè)計因時間有限，首頁設(shè)計了一個標(biāo)題欄用以切換4個專區(qū)的電影,4個專區(qū)分別為：最新電影、歐美大片、男性影院、院線新片。標(biāo)題欄下面是一個965像素*155像素的影片介紹區(qū)，展現(xiàn)了影片封面以及首映時間和地點，用戶點擊影片封面或者下面的名字就會通過超鏈接進入相應(yīng)地購票頁面（購票頁面后面會介紹）8。圖4.1 網(wǎng)站首頁設(shè)計標(biāo)題欄代

29、碼為：<!- 左邊標(biāo)題開始 -><div class="hot_l_title movie_l_title"><h2 class="htitle movie_pic"></h2><!- tab切換標(biāo)題 -><div class="tabbox"><a class="" href="">最新電影</a>|<a href="">歐美大片</a>|<a hr

30、ef="">男性影院</a>|<a class="new hot_style" href="">院線新片</a></div><a class="more" href="">更多</a><!- tab切換標(biāo)題結(jié)束-></div>影片列表部分代碼為：<ul class="img_list_public" style="display: block;"&g

31、t;<li><a class="pic" href=""><img alt="" src="./images/2e5430c7.jpg"></a><a class="title" href="">江一燕赤裸爭艷</a><p>七月觀影指南</p></li><li><a class="pic" href="">

32、 <img alt="" src="./images/8d927f6ac58f371f4f84962da102b213.jpg"></a><a class="title" href="">饑餓游戲2:星火燎原</a><p>7月21日 濱院首映</p></li><li><a class="pic" href=""><img src="./images/4a

33、df1567016de805289589b38120d45b.jpg"> </a><a class="title" href="">地心引力</a><p>7月19日 濱院首映</p></li><li><a class="pic" href=""><img src="./images/1cb0f8c932d93947d904a67d9753e1c3.jpg"></a&g

34、t;<a class="title" href="">步步追魂</a><p>7月15日 濱院首映</p></li></ul><!- 左邊圖片區(qū)域結(jié)束 -> </div>網(wǎng)頁CSS樣式文件通過<link href="lunwen.css" rel="stylesheet" type="text/css" />引入，文件內(nèi)容這里不再敘述。5.1 自選座的設(shè)計圖4.2 自選座座位表這是一個9排1

35、5列的座位表，白色部分為可訂購座位，紅色代表已訂座位。為簡化程序，中間部分座位默認(rèn)設(shè)置為已訂座位，還剩26個可訂座位。9當(dāng)用戶點擊座位時通過javascript的onclick調(diào)用已經(jīng)寫好的piao.js腳本彈出提示，同時將影片價格信息顯示在右側(cè)，如圖所示:圖4.3 選擇影片Piao.js的代碼為：var seat = zTree: '', pNode: '', loadTree: function() $.post("menuitemAction_getAllMenuitem.action", null, function(data) $(

36、"#tree").zTree(tree.setting, data.menuitemList); ); ,getSeat: function()alert("您選擇了1排1座的座位");$("#noSeat1").attr("src","./images/zw_bkx.gif");seat.updatePrice();,updatePrice:function() $("#SelectSeatPrice").text("84"); $("#Sel

37、ectSeatCount").text("1"); $("#SelectedSeatRegion").text("1排1座"); ; $().ready(function() $("#noSeat1").unbind("click"); $("#noSeat1").bind("click", function() seat.getSeat(); );$("#phoneText").unbind("click"

38、;);$("#phoneText").bind("click",function()$("#phoneText").val("");););5.2 購票與驗證5.2.1 用戶買票用戶首先通過網(wǎng)站首頁點擊自己要看的電影進入購票頁面，選好相應(yīng)的座位點擊購票10。通過head標(biāo)簽中引入首頁的js，當(dāng)首頁加載之后easyUi會自動加載頁面數(shù)據(jù)，加載數(shù)據(jù)的過程是：先通過js到后臺取數(shù)據(jù),即向后臺發(fā)送請求：(<script type="text/javascript" src="<%=

39、basepath%>admin/incmat/js/incmat.js"></script>)請求地址為path+'/incmat/incmatPageList.action具體代碼為：$(function()$('#incmatlist_dg').datagrid(url : path+'/incmat/incmatPageList.action',fit : true,border:false,pagination : true,fitColumns:true,idField:'incmatId',p

40、ageSize:20,checkOnSelect:false,selectOnCheck:true,pageList:10,20,30,40,50,sortName:'incmatId',columns : field : 'incmatId',title : 'incmatId',width:10,checkbox:true, field : 'incmatNo',title : '驗證碼號',width:80,sortable:true, field : 'incmatTime',title :

41、 '驗證碼購買時間',width:80,sortable:true,field : 'proNo',title : '電影名稱',width:100, field : 'cusNo',title : '電影場次',width:50, field : 'figureNo',title : '座位號',width:50, field : 'kaichangTime',title : '開場時間',width:80, field : 'shangyi

42、ngTime',title : '上映時間',width:80,field : 'xiayingTime',title : '下映時間',width:80, field : 'remark',title : '驗證狀態(tài)',width:80,toolbar: text:'增加',iconCls: 'icon-add',id:'incmat_addId',handler: function()addIncmat();,'-',text:'修

43、改',id:'incmat_editId',iconCls: 'icon-edit',handler: function()editIncmat();,'-',text:'刪除',id:'incmat_deleteId',iconCls: 'icon-remove',handler: function()remove();););前端的請求通過struts2的配置文件來確定具體到哪個后臺代碼執(zhí)行<struts><package name="piao" n

44、amespace="/piao" extends="BasePackage"> <action name="IndexPiaoAction_*" method="1" class="com.dlbxrcl.piao.action.IndexPiaoAction"> <result name="ok">/authCode.jsp</result> </action> </package></struts&g

45、t;系統(tǒng)跳轉(zhuǎn)到后臺繼續(xù)執(zhí)行。public void incmatPageList() this.returnJson(this.incMatService.incMatDGList(incMatDto);以上是代碼調(diào)用了IncMatService類的incMatDGList方法。最終查詢到的數(shù)據(jù)保存在DataGrid dg對象中，EasyUi會自動解析DataGrid對象，然后展示在界面11。5.2.2票的生成因為是網(wǎng)上購票，用戶實際上拿到的票一個12位的隨機碼。（實際應(yīng)用中可以通過這個12位的隨機碼到影院打印出實體票，也可以將12位隨機碼生成一個二維碼，通過二維碼掃描達到票的驗證。）隨機碼的

46、生成通過編寫的piao.java程序來實現(xiàn),程序中使用Random（）方法生成隨機碼并用return返回該值12。具體代碼如下：public class Test2 private static Random strGen = new Random(); private static Random numGen = new Random(); privatestaticcharnumbersAndLetters= ("0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ").toCharArray();

47、 private static char numbers = ("0123456789").toCharArray(); /* * 產(chǎn)生隨機字符串 * */ public static final String randomString(int length) if (length < 1) return null; char randBuffer = new charlength; for (int i = 0; i < randBuffer.length; i+) randBufferi = numbersAndLettersstrGen.nextInt(6

48、1); return new String(randBuffer); /* * 產(chǎn)生隨機數(shù)值字符串 * */ public static final String randomNumStr(int length) if (length < 1) return null; char randBuffer = new charlength; for (int i = 0; i < randBuffer.length; i+) randBufferi = numbersnumGen.nextInt(9); return new String(randBuffer); 調(diào)用上述代碼生成隨機

49、碼并保存到數(shù)據(jù)庫public String piaoSubmit(String selectSeatPrice,int selectSeatCount,String selectedSeatRegion)String authCode = AuthCode.randomString(12);/調(diào)用piao.java生成隨機碼Piao piao = new Piao();piao.setAuthCode(authCode);piao.setSeatCount(selectSeatCount);piao.setSeatPrice(selectSeatPrice);piao.setSeatRegio

50、n(selectedSeatRegion);String piaoId = (String)baseDao.save(piao);/保存到數(shù)據(jù)庫System.out.println(piaoId);return authCode;5.2.3票的驗證后臺驗證隨機碼的代碼：public int piaoAu(String au)String hql = "from Piao p where p.au = "+au;int count = baseDao.executeHql(hql);return count;至此用戶通過網(wǎng)上訂票自選座，并最終通過驗票進去影院觀看電影就完成了。

51、第六章 結(jié)論與展望6.1 總結(jié)隨著互聯(lián)網(wǎng)的飛速發(fā)展以及電子商務(wù)的日漸成熟，電子商務(wù)顛覆了傳統(tǒng)的銷售模式，它能提供準(zhǔn)確、快速、高效的商務(wù)運作。許多商品紛紛上線，走上了網(wǎng)上銷售的道路，電影票也不例外13。本論文建立基于B/S（Browser/Server)的電影院訂票自選座系統(tǒng)，從用戶選擇觀看電影、場次到購票全都在用戶WEB界面和服務(wù)器上完成，主要負(fù)責(zé)網(wǎng)站首頁的設(shè)計開發(fā)，票的生成以及后臺票的驗證的研究與設(shè)計。整個開發(fā)過程中，先是對整個系統(tǒng)的實現(xiàn)進行分析和架構(gòu)，結(jié)合生活中的實際應(yīng)用于當(dāng)今前言主流技術(shù)結(jié)合，解決了實際工程中的問題。本系統(tǒng)層次分明，邏輯結(jié)構(gòu)合理具有很好的兼容性、可擴展性和可移植性。 在系統(tǒng)的設(shè)計與實現(xiàn)過程中，作者主要從以下方面作了研究: (1)在前臺應(yīng)用上，系統(tǒng)主要采用HTML、JSP技術(shù)。 (2)在后臺應(yīng)用上，系統(tǒng)主要采用Oracle數(shù)據(jù)庫、Java技術(shù)。 (3)網(wǎng)站首頁的設(shè)計采用DIV+CSS布局