畢業(yè)設(shè)計(jì)（論文）-基于php小麗鯨大酒店動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)和制作.doc

全日制本科生畢業(yè)設(shè)計(jì)題 目： 基于php小麗鯨大酒店網(wǎng)頁(yè)設(shè)計(jì)學(xué) 院： 計(jì)算機(jī)與信息科學(xué)學(xué)院 專業(yè)年級(jí)： 計(jì)算機(jī)科學(xué)與技術(shù)（師范）2010級(jí)學(xué)生姓名： 學(xué)號(hào)： 指導(dǎo)教師： 職稱： 副教授 2014年 5 月 8 基于php小麗鯨大酒店動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)和制作摘 要：動(dòng)態(tài)網(wǎng)頁(yè)如今已成為企業(yè)獲取小成本高回報(bào)宣傳的主要形式，同時(shí)也成為企業(yè)不可或缺的文化。本次設(shè)計(jì)是基于分析小麗鯨大酒店的實(shí)況后而進(jìn)行的動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)，通過(guò)利用HTML、JavaScript、php等語(yǔ)言和Dreamweaver、xampp、Navicat for MySQL等軟件，將該酒店的實(shí)際功能劃分為：客房情況、美味餐飲、賓客留言、地理位置等。關(guān)鍵詞：php；MySQL；JavaScript；動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)；網(wǎng)頁(yè)設(shè)計(jì)全套設(shè)計(jì)加扣 3012250582Abstract：Dynamic web pages and has become a small enterprises to obtain cost high returns the main form of publicity, at the same time also become an integral part of culture. This design is based on the analysis of small beautiful whales hotel after the live of the dynamic web page design, through the use of HTML, JavaScript, PHP language and Dreamweaver, xampp, Navicat for MySQL software, such as could be divided into: the actual function of the hotel guest room, delicious food and beverage, guest comments, the geographical position, etc.Key words：PHP; MySQL; JavaScript; dynamic Webpage Webpage design; design keyword 1 研究背景 1.1 研究現(xiàn)狀及發(fā)展趨勢(shì)1.1.1 PHP發(fā)展與特點(diǎn)PHP最初是作為一個(gè)快速、使用的工具包出現(xiàn)的。直到2000年隨著PHP4的發(fā)布,相同的腳本在php4中運(yùn)行，最高可以提高性能近10倍。此外，還增加了數(shù)據(jù)庫(kù)操作函數(shù)、完整的會(huì)話機(jī)制、對(duì)輸出緩存的支持、對(duì)類和對(duì)象的支持（如Pear庫(kù)）等1。2010年，php發(fā)布了php 5.3.x系列，從整個(gè)發(fā)展的角度來(lái)看，php 5.3.x又有了很大提高；從語(yǔ)法的規(guī)范性，面向?qū)ο蟮耐暾裕臻g的命名等各個(gè)方面來(lái)講，php已成為一門非常成熟的跨平臺(tái)的開放源代碼的服務(wù)器嵌入式腳本語(yǔ)言2。php代碼是運(yùn)行在服務(wù)端的，然后把結(jié)果返回到客戶端來(lái)。具有免費(fèi)開源、移植性強(qiáng)、組建豐富、強(qiáng)大數(shù)據(jù)庫(kù)的支持、代碼執(zhí)行率高等特點(diǎn)3。與其他語(yǔ)言區(qū)別請(qǐng)參照表1.1。表1.1 php與其他語(yǔ)言特點(diǎn)的比較PHPASPCGIJSPISAPI執(zhí)行效率快快慢極快極快穩(wěn)定性佳中等最高佳差網(wǎng)頁(yè)結(jié)合佳佳差差差系統(tǒng)安全佳差佳佳尚可升級(jí)速度快慢無(wú)較慢慢1.1.2 JavaScript介紹現(xiàn)今web上應(yīng)用的最為廣泛的客戶端腳本語(yǔ)言之一，可以處理從表單數(shù)據(jù)的確認(rèn)到創(chuàng)建負(fù)責(zé)用戶界面的各種任務(wù)4：l 表單確認(rèn)l 頁(yè)面修飾及特殊效果l 導(dǎo)航系統(tǒng)l 動(dòng)態(tài)文檔生成1.1.3 Mysql數(shù)據(jù)庫(kù)介紹MySQL是一個(gè)開放源碼的關(guān)聯(lián)式數(shù)據(jù)庫(kù)管理系統(tǒng)，也是一種完全免費(fèi)的產(chǎn)品。MySQL所使用的SQL語(yǔ)言是用于訪問(wèn)數(shù)據(jù)庫(kù)的最常用標(biāo)準(zhǔn)化語(yǔ)言。借助數(shù)據(jù)庫(kù)的幫助，許多冗長(zhǎng)的工作變得簡(jiǎn)單?？傮w來(lái)說(shuō)，MySQL具有以下主要優(yōu)點(diǎn)5：l 同時(shí)訪問(wèn)數(shù)據(jù)庫(kù)的用戶數(shù)量不受限制；l 可以保存超過(guò)50000000條數(shù)據(jù)；l 在目前市場(chǎng)上現(xiàn)有產(chǎn)品中運(yùn)行速度最快的數(shù)據(jù)庫(kù)系統(tǒng)。除此之外，新版MySQL還增加了表和索引的分區(qū)、服務(wù)器日志表、可插入的api、實(shí)例管理器等特性。1.1.4 時(shí)代背景在互聯(lián)網(wǎng)遍布全球的時(shí)代，網(wǎng)絡(luò)作為傳播信息最快的媒介，越來(lái)越多的人通過(guò)它獲取信息。與此同時(shí)，各大公司爭(zhēng)先采取網(wǎng)絡(luò)宣傳的方式推出自己的產(chǎn)品，來(lái)吸引來(lái)自各地的消費(fèi)者6。而小麗鯨大酒店在這樣的商業(yè)競(jìng)爭(zhēng)下至今未有自己的網(wǎng)站，鑒于此，為了吸引顧客，增加酒店知名度，有利于招攬生意，小麗鯨大酒店必須盡快建立起自己的網(wǎng)站主頁(yè)。1.2 研究目的、意義及范圍網(wǎng)頁(yè)制作將會(huì)成為畢業(yè)生尋找工作的通行證。有一個(gè)自己設(shè)計(jì)的網(wǎng)頁(yè)，就能很好地說(shuō)明自己網(wǎng)頁(yè)制作能力和計(jì)算機(jī)編程能力，加大了自己被錄用的可能性。之前并沒(méi)有學(xué)過(guò)網(wǎng)站制作方面的知識(shí)，這一次決定選擇這個(gè)，最重要的原因就是想在大學(xué)的最后之際，學(xué)習(xí)一些找工作最需要的知識(shí)網(wǎng)頁(yè)設(shè)計(jì)和制作。本次網(wǎng)頁(yè)制作涉及到網(wǎng)絡(luò)知識(shí)、網(wǎng)頁(yè)制作技術(shù)和動(dòng)態(tài)網(wǎng)頁(yè)制作技巧，和具體操作。通過(guò)利用HTML、css、JavaScript、php等語(yǔ)言和Dreamweaver、Photoshop、Flash、xampp、Navicat for MySQL等軟件來(lái)實(shí)施小麗鯨大酒店網(wǎng)站設(shè)計(jì)。2 課題分析 2.1 酒店組織結(jié)構(gòu)分析該網(wǎng)站是針對(duì)小麗鯨大酒店設(shè)計(jì)開發(fā)的，為了明確酒店網(wǎng)站設(shè)計(jì)的框架，首先要了解酒店的服務(wù)結(jié)構(gòu)。小麗鯨大酒店為賓客提供客房和餐飲服務(wù)，客房有四類：?jiǎn)稳碎g、雙人間、三人間和套房；為顧客提供早餐、中餐、晚餐和加餐，分別有葷素菜、面點(diǎn)、飲料、酒等。2.2 網(wǎng)站用戶需求分析整個(gè)公司網(wǎng)站的用戶大致可分為三類： （1） 查閱信息的瀏覽者：主要關(guān)注的是該酒店客房形況、餐飲情況、地理位置和賓客評(píng)價(jià)。（2） 會(huì)員：指已注冊(cè)成為會(huì)員并成功登陸的人，可以進(jìn)行評(píng)價(jià)。（3） 管理員：可以通過(guò)添加、修改、刪除評(píng)價(jià)等對(duì)網(wǎng)頁(yè)進(jìn)行修改。2.3 網(wǎng)站功能分析開發(fā)需要的重點(diǎn)功能有：利用網(wǎng)站對(duì)酒店形象宣傳和塑造、酒店客房展示、酒店菜品展示、地理位置和路線和賓客評(píng)價(jià)的呈現(xiàn)。具體如下：（1） 酒店形象介紹：以展示酒店的歷史、規(guī)模、提供的服務(wù)等。總體以“關(guān)于我們”模塊來(lái)實(shí)現(xiàn)，具體以“客房形況”、“美味餐飲”、“賓客留言”模塊來(lái)實(shí)現(xiàn)。（2） 酒店客房介紹：展示酒店不同類型客房的實(shí)況，以“客房情況”模塊來(lái)實(shí)現(xiàn)。（3） 酒店餐飲展示：展示酒店提供的餐飲，以“美味餐飲”模塊來(lái)實(shí)現(xiàn)。（4） 路線展示：為廣大賓客提供方便的乘車路線和自駕路線。（5） 賓客評(píng)價(jià)：為來(lái)過(guò)小麗鯨大酒店的賓客提供發(fā)表意見和評(píng)價(jià)的平臺(tái)。如下圖2-1所示：功能模塊應(yīng)用模塊管理模塊酒店形象介紹酒店客房介紹酒店餐飲展示路線展示賓客評(píng)價(jià)關(guān)于酒店管理員登陸普通用戶登陸未登陸圖2-1 功能模塊分析2.4 設(shè)計(jì)環(huán)境分析（1） xampp虛擬服務(wù)器，如圖2-2：圖2-2 xampp管理中心（2） adobe Dreamweaver cs6編輯器（3） Navicat for MySQL3 網(wǎng)站總體設(shè)計(jì)根據(jù)用戶需求得出的網(wǎng)站實(shí)現(xiàn)的功能劃分為：主頁(yè)、客房情況、美味餐飲、賓客留言、地理位置和關(guān)于酒店這幾部分。如圖3-1：主頁(yè)客房情況美味餐飲賓客留言地理位置關(guān)于酒店管理員會(huì)員游客用戶名自定用戶名已定發(fā)表言論刪除言論修改言論修改密碼發(fā)表言論修改密碼瀏覽言論瀏覽言論瀏覽言論圖3-1 網(wǎng)站總體設(shè)計(jì)圖 4 網(wǎng)站具體設(shè)計(jì)4.1 首頁(yè)設(shè)計(jì) 在網(wǎng)站制作之前，先建立一個(gè)文件夾dxh在localhost目錄下，默認(rèn)在C:xampphtdocs路徑下。導(dǎo)航使用JavaScript技術(shù)實(shí)現(xiàn)7，使訂購(gòu)電話信息滾動(dòng)顯示是通過(guò)標(biāo)簽實(shí)現(xiàn)。效果圖如下圖4-1所示：圖4-1 小麗鯨大酒店首頁(yè)詳細(xì)代碼請(qǐng)見附錄1。4.2 客房情況模塊設(shè)計(jì) 客房情況模塊，采用JavaScript技術(shù)實(shí)現(xiàn)導(dǎo)航和圖片切換，為賓客展示客房具體情況。結(jié)構(gòu)圖如下圖4-2所示：?jiǎn)稳碎gsingleroom.php套房suit.php客房情況singleroom.php雙人間doubleroom.php.php三人間triple.php圖4-2 客房情況結(jié)構(gòu)圖雙人間設(shè)計(jì)如下圖4-3所示： 圖4-3 小麗鯨大酒店首頁(yè)4.3 美味餐飲模塊設(shè)計(jì)美味餐飲模塊為大家提供真實(shí)的餐品樣式，以使得顧客更加了解小麗鯨大酒店，從而打開知名度，吸引更多顧客。結(jié)構(gòu)圖如下圖4-4所示：早餐breakfast.php加餐snacks.php美味餐飲breakfast.php午餐lunch.php晚餐dinner.php圖4-4 客房情況結(jié)構(gòu)圖午餐設(shè)計(jì)如下圖4-5、圖4-6所示：圖4-5 小麗鯨大酒店午餐（1）圖4-6 小麗鯨大酒店午餐（2）4.4 賓客留言模塊設(shè)計(jì) 賓客留言頁(yè)面為普通賓客提供注冊(cè)、登陸、發(fā)表信息、瀏覽信息的平臺(tái)；為后臺(tái)管理員提供管理界面，可以直接刪除信息、添加任意用戶名的信息，修改信息；而未登錄時(shí)則不可以添加信息。該模塊采用cookie會(huì)話機(jī)制來(lái)判斷登陸狀態(tài)等8，例如：歡迎修改密碼  注銷 流程圖如下圖4-7所示：用戶注冊(cè)界面登陸界面普通用戶瀏覽評(píng)論瀏覽評(píng)論修改密碼發(fā)表評(píng)論游客管理員刪除評(píng)論瀏覽評(píng)論修改密碼發(fā)表評(píng)論圖4-7 賓客留言模塊結(jié)構(gòu)登陸頁(yè)面設(shè)計(jì)如下圖4-8：圖4-8 登陸頁(yè)面注冊(cè)頁(yè)面設(shè)計(jì)如下圖4-9：圖4-9 注冊(cè)頁(yè)面詳細(xì)代碼請(qǐng)見附錄2。賓客留言瀏覽者頁(yè)面如下圖4-10、圖4-11所示：圖4-10 賓客留言未登錄（1）圖4-11 賓客留言未登錄（2）賓客留言后臺(tái)管理員頁(yè)面如下圖4-12：圖4-12 賓客留言管理員登錄賓客留言用戶登陸頁(yè)面如下圖4-13：圖4-13 賓客留言普通用戶登錄詳細(xì)代碼請(qǐng)見附錄3。4.5 地理位置模塊設(shè)計(jì)該模塊利用Google地圖的鏈接，將從新鄉(xiāng)市火車站到小麗鯨大酒店的地圖嵌入到該網(wǎng)頁(yè)中。提供的在線地圖，可以直接放大、縮小和移動(dòng)位置，還可觀看地圖、衛(wèi)星圖、地形圖9。地理位置頁(yè)面設(shè)計(jì)如下圖4-14：圖4-14 地理位置自駕詳細(xì)代碼請(qǐng)見附錄4。4.6 酒店介紹模塊設(shè)計(jì)采用flash技術(shù)制作影片嵌入到網(wǎng)頁(yè)中10。關(guān)于我們頁(yè)面設(shè)計(jì)如下圖4-15：圖4-15 關(guān)于我們頁(yè)面4.7 數(shù)據(jù)庫(kù)設(shè)計(jì) 網(wǎng)站的數(shù)據(jù)庫(kù)的設(shè)計(jì)在動(dòng)態(tài)網(wǎng)頁(yè)的建設(shè)過(guò)程中占至關(guān)重要的位置，它設(shè)計(jì)的好與壞關(guān)系到網(wǎng)站的成敗11。數(shù)據(jù)庫(kù)在網(wǎng)站信息系統(tǒng)的核心地位使其面臨著嚴(yán)重的安全威脅，因此在設(shè)計(jì)數(shù)據(jù)庫(kù)時(shí)，在php中采用了md5（）技術(shù)進(jìn)行加密。通過(guò)計(jì)算字符串的MD5散列，RSA數(shù)據(jù)安全，包括MD5報(bào)文摘譯算法，來(lái)加密和判斷是否加密成功12。例如登陸成功設(shè)置cookie時(shí)就要使用加密技術(shù)：if($rsadminpwd=md5($_POSTpassword)setcookie(adminname,$rsadminname);setcookie(code,md5($rsadminname.md5($rsadminpwd);echo alert(登陸成功！);window.location.href=default.php;設(shè)計(jì)時(shí)要考慮到三者的使用問(wèn)題：系統(tǒng)管理員、信息發(fā)布者和信息瀏覽者。系統(tǒng)管理員：通過(guò)admin.php登陸，進(jìn)入index.php頁(yè)面可以進(jìn)行刪除、添加、修改和注冊(cè)等操作。信息發(fā)布者：通過(guò)admin.php登陸，進(jìn)入index.php頁(yè)面發(fā)表言論、修改密碼和注冊(cè)等。信息瀏覽者：瀏覽index.php頁(yè)面，可以注冊(cè)、登陸，但是不能發(fā)表言論、刪除修改言論等。經(jīng)過(guò)對(duì)動(dòng)態(tài)網(wǎng)頁(yè)分析，先設(shè)計(jì)MySQL數(shù)據(jù)庫(kù)，建立board庫(kù)，里面包含注冊(cè)和登陸時(shí)用到的信息表、留言表和回復(fù)表，即sb_amin、sd_message和sb_reply表。表4.1 sb_amin表設(shè)計(jì)字段名數(shù)據(jù)類型長(zhǎng)度說(shuō)明描述idint11允許空值數(shù)量統(tǒng)計(jì)adminnamevarchar255主鍵登陸名adminpwdvarchar255不為空登陸密碼emailvarchar255不為空注冊(cè)的郵箱表4.2 sd_message表設(shè)計(jì)字段名數(shù)據(jù)類型長(zhǎng)度說(shuō)明描述Idint11主鍵留言編號(hào)UserNamevarchar20不為空留言名MsgContenttext0不為空留言內(nèi)容DateTimedatetime0不為空留言時(shí)間表4.3 sb_reply表設(shè)計(jì)字段名數(shù)據(jù)類型長(zhǎng)度說(shuō)明描述Idint11主鍵回復(fù)編號(hào)belongIdvarchar16不為空留言編號(hào)IdreplyContenttext0不為空回復(fù)內(nèi)容dateTimedatetime0不為空回復(fù)時(shí)間系統(tǒng)流程圖如圖4-16所示：用戶sb_admin表是否注冊(cè)成功注冊(cè)成功注冊(cè)查看留言失敗賓客留言頁(yè)面注冊(cè)是否注冊(cè)已登陸的賓客留言是否登陸未注冊(cè)未登錄 已注冊(cè)， 登陸 已登陸登陸失敗是否回復(fù)成功是否留言成功失敗成功成功sb_reply表sb_message表 圖4-16 系統(tǒng)流程圖5 總結(jié)隨著經(jīng)濟(jì)發(fā)展與時(shí)代需求，信息技術(shù)使人類的社會(huì)發(fā)展發(fā)生了巨大變化，網(wǎng)站作為一種新的視覺表現(xiàn)形式，兼容了傳統(tǒng)的平面設(shè)計(jì)，又使之具有動(dòng)感和交互功能。本次畢業(yè)設(shè)計(jì)，是在了解小麗鯨大酒店內(nèi)部結(jié)構(gòu)和用戶需求之后設(shè)計(jì)制作的。制作過(guò)程中鞏固和學(xué)習(xí)了很多實(shí)用的技能，聯(lián)系平時(shí)學(xué)習(xí)的理論知識(shí)，做到了理論聯(lián)系實(shí)際。除了技術(shù)之外，網(wǎng)頁(yè)的視覺效果所帶來(lái)的沖擊感和美感也非常重要，因?yàn)楸揪W(wǎng)站的目的就是為了吸引賓客，而一個(gè)好的網(wǎng)站界面設(shè)計(jì)一定簡(jiǎn)潔、易操作又美觀。參考文獻(xiàn):1 張恩民.php開發(fā)實(shí)戰(zhàn)權(quán)威指南M.北京：清華大學(xué)出版社,2012：1-10.2 鐘鳴，韓德志.跨平臺(tái)的服務(wù)器