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

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

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

3、。本專(zhuān)題針對(duì)電影院網(wǎng)上訂票自選座系統(tǒng)做一些研究，期望能于研究中獲得相關(guān)技術(shù)與觀念。本文深入探討了WEB應(yīng)用系統(tǒng)開(kāi)發(fā)過(guò)程及其相關(guān)技術(shù)，結(jié)合各大影院的網(wǎng)絡(luò)訂票頁(yè)面，根據(jù)實(shí)際需要和業(yè)務(wù)流程分析，運(yùn)用HTML、XHTML、數(shù)據(jù)庫(kù)、JavaScript、Spring框架等技術(shù)，提出了電影院訂票自選座系統(tǒng)的解決方案。整個(gè)系統(tǒng)分為了影片介紹、電影票自選座訂購(gòu)、購(gòu)票信息驗(yàn)證等功能模塊，主要分析設(shè)計(jì)了消費(fèi)者自選座、購(gòu)票信息驗(yàn)證問(wèn)題。關(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)點(diǎn)和實(shí)用價(jià)值11.3 研究課題的背景和意義2第二章 相關(guān)技術(shù)分析介紹42.1 HTML簡(jiǎn)介42.2 JavaScript簡(jiǎn)介62.3 數(shù)據(jù)庫(kù)72.3.1 數(shù)據(jù)庫(kù)系統(tǒng)82.3.2 數(shù)據(jù)庫(kù)模型9第三章 系統(tǒng)分析與設(shè)計(jì)113.1 前臺(tái)系統(tǒng)構(gòu)架113.2 后臺(tái)系統(tǒng)構(gòu)架123.3 Oracle數(shù)據(jù)庫(kù)及本系統(tǒng)資料結(jié)構(gòu)12第四章 網(wǎng)站的建設(shè)144.1 首頁(yè)設(shè)計(jì)145.1 自選座的設(shè)計(jì)165.2 購(gòu)票與驗(yàn)證185.2.1 用戶(hù)買(mǎi)票185.2.2 票的生成225.2.3 票的驗(yàn)證24第六章 結(jié)論與展望256.1 總結(jié)256.2 展望25參考文獻(xiàn)27謝 辭28II濱州學(xué)院畢業(yè)設(shè)計(jì)（論文）第一章 緒論1.1

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

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

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

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

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

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

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

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

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

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

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

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

21、ot;>鏈接文本或圖像</a>點(diǎn)擊購(gòu)票跳轉(zhuǎn)到指定的購(gòu)票頁(yè)面就通過(guò)<a>標(biāo)簽來(lái)實(shí)現(xiàn)。 表格的基本語(yǔ)法：<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簡(jiǎn)介JavaScript是一種描述語(yǔ)言，也是一種基于對(duì)象（Object）和事件驅(qū)動(dòng)

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

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

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

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

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

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

29、碼為：<!- 左邊標(biāo)題開(kāi)始 -><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="">院線(xiàn)新片</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="">江一燕赤裸爭(zhēng)艷</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)頁(yè)CSS樣式文件通過(guò)<link href="lunwen.css" rel="stylesheet" type="text/css" />引入，文件內(nèi)容這里不再敘述。5.1 自選座的設(shè)計(jì)圖4.2 自選座座位表這是一個(gè)9排1

35、5列的座位表，白色部分為可訂購(gòu)座位，紅色代表已訂座位。為簡(jiǎn)化程序，中間部分座位默認(rèn)設(shè)置為已訂座位，還剩26個(gè)可訂座位。9當(dāng)用戶(hù)點(diǎn)擊座位時(shí)通過(guò)javascript的onclick調(diào)用已經(jīng)寫(xiě)好的piao.js腳本彈出提示，同時(shí)將影片價(jià)格信息顯示在右側(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 購(gòu)票與驗(yàn)證5.2.1 用戶(hù)買(mǎi)票用戶(hù)首先通過(guò)網(wǎng)站首頁(yè)點(diǎn)擊自己要看的電影進(jìn)入購(gòu)票頁(yè)面，選好相應(yīng)的座位點(diǎn)擊購(gòu)票10。通過(guò)head標(biāo)簽中引入首頁(yè)的js，當(dāng)首頁(yè)加載之后easyUi會(huì)自動(dòng)加載頁(yè)面數(shù)據(jù)，加載數(shù)據(jù)的過(guò)程是：先通過(guò)js到后臺(tái)取數(shù)據(jù),即向后臺(tái)發(fā)送請(qǐng)求：(<script type="text/javascript" src="<%=

39、basepath%>admin/incmat/js/incmat.js"></script>)請(qǐng)求地址為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 : '驗(yàn)證碼號(hào)',width:80,sortable:true, field : 'incmatTime',title :

41、 '驗(yàn)證碼購(gòu)買(mǎi)時(shí)間',width:80,sortable:true,field : 'proNo',title : '電影名稱(chēng)',width:100, field : 'cusNo',title : '電影場(chǎng)次',width:50, field : 'figureNo',title : '座位號(hào)',width:50, field : 'kaichangTime',title : '開(kāi)場(chǎng)時(shí)間',width:80, field : 'shangyi

42、ngTime',title : '上映時(shí)間',width:80,field : 'xiayingTime',title : '下映時(shí)間',width:80, field : 'remark',title : '驗(yàn)證狀態(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();););前端的請(qǐng)求通過(guò)struts2的配置文件來(lái)確定具體到哪個(gè)后臺(tái)代碼執(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)到后臺(tái)繼續(xù)執(zhí)行。public void incmatPageList() this.returnJson(this.incMatService.incMatDGList(incMatDto);以上是代碼調(diào)用了IncMatService類(lèi)的incMatDGList方法。最終查詢(xún)到的數(shù)據(jù)保存在DataGrid dg對(duì)象中，EasyUi會(huì)自動(dòng)解析DataGrid對(duì)象，然后展示在界面11。5.2.2票的生成因?yàn)槭蔷W(wǎng)上購(gòu)票，用戶(hù)實(shí)際上拿到的票一個(gè)12位的隨機(jī)碼。（實(shí)際應(yīng)用中可以通過(guò)這個(gè)12位的隨機(jī)碼到影院打印出實(shí)體票，也可以將12位隨機(jī)碼生成一個(gè)二維碼，通過(guò)二維碼掃描達(dá)到票的驗(yàn)證。）隨機(jī)碼的

46、生成通過(guò)編寫(xiě)的piao.java程序來(lái)實(shí)現(xiàn),程序中使用Random（）方法生成隨機(jī)碼并用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)生隨機(jī)字符串 * */ 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)生隨機(jī)數(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)用上述代碼生成隨機(jī)

49、碼并保存到數(shù)據(jù)庫(kù)public String piaoSubmit(String selectSeatPrice,int selectSeatCount,String selectedSeatRegion)String authCode = AuthCode.randomString(12);/調(diào)用piao.java生成隨機(jī)碼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ù)庫(kù)System.out.println(piaoId);return authCode;5.2.3票的驗(yàn)證后臺(tái)驗(yàn)證隨機(jī)碼的代碼：public int piaoAu(String au)String hql = "from Piao p where p.au = "+au;int count = baseDao.executeHql(hql);return count;至此用戶(hù)通過(guò)網(wǎng)上訂票自選座，并最終通過(guò)驗(yàn)票進(jìn)去影院觀看電影就完成了。

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