旅游網(wǎng)站的設(shè)計與制作

...wd......wd......wd...旅游網(wǎng)站的設(shè)計與制作摘要隨著信息技術(shù)的開展，計算機技術(shù)在我們的日常生活中已經(jīng)占據(jù)著越來越重要的位置，各行各業(yè)的開展都離不開網(wǎng)絡(luò)的支持，旅游行業(yè)也借著網(wǎng)絡(luò)來宣傳自己。本課題是為地方的旅游開發(fā)的一個綜合性網(wǎng)站，是利用jsp技術(shù)和ssm框架以及oracle數(shù)據(jù)庫技術(shù)實現(xiàn)的。主要完成對旅游網(wǎng)站的管理和網(wǎng)站的展示與應(yīng)用，主要功能包括：景點管理、酒店管理、民俗管理、酒店預(yù)訂、門票預(yù)訂、信息瀏覽和評價等。該旅游網(wǎng)站可以系統(tǒng)的展現(xiàn)一個地區(qū)的旅游信息，讓人們方便快捷的了解這個地區(qū)和這個地區(qū)的地方特色。相比較于一般的旅游網(wǎng)站，該網(wǎng)站的針對性更強，更能夠滿足針對地區(qū)旅游的需求。關(guān)鍵詞：旅游網(wǎng)站SSMOracle數(shù)據(jù)庫JSP目錄第1章緒論11.1背景11.1.1旅游業(yè)信息化的開展11.1.2旅游類型網(wǎng)站的現(xiàn)狀21.1.3旅游網(wǎng)站的構(gòu)建21.2開發(fā)技術(shù)介紹21.2.1開發(fā)環(huán)境21.2.2SSM概述21.2.3JSP技術(shù)3第2章網(wǎng)站的前期準(zhǔn)備42.1軟件準(zhǔn)備和ISS5.0的安裝與設(shè)置42.1.1軟件準(zhǔn)備42.1.2ISS5.0的安裝與設(shè)置52.2本網(wǎng)站建設(shè)的方向和目的62.2.1網(wǎng)站建設(shè)目的62.2.2本站明確的目的6第3章需求分析83.1可行性分析83.1.1技術(shù)可行性83.1.2經(jīng)濟可行性83.1.3操作可行性83.2安全性分析83.3系統(tǒng)功能分析93.4數(shù)據(jù)流程圖103.5用例圖12第4章概要設(shè)計174.1模塊設(shè)計174.2數(shù)據(jù)庫設(shè)計18第5章詳細(xì)設(shè)計與實現(xiàn)175.1工程文件夾構(gòu)造175.2模塊詳細(xì)設(shè)計185.3測試205.3.1注冊模塊測試205.3.2權(quán)限管理測試20第6章網(wǎng)頁需求分析226.1可行性分析226.1.1網(wǎng)站主題的可行性226.1.2網(wǎng)站頁面設(shè)計的可行性226.2網(wǎng)站需求分析226.2.1建站目的226.2.2技術(shù)需求236.3網(wǎng)頁運行環(huán)境的開發(fā)236.4網(wǎng)頁設(shè)計工具236.4.1圖像工具——Photoshop236.4.2頁面工具——Dreamweaver236.5網(wǎng)頁開發(fā)語言24第7章網(wǎng)站的測試257.1網(wǎng)站檢測257.2網(wǎng)站的上傳25結(jié)論27致謝28參考文獻(xiàn)29第1章緒論1.1背景不同的網(wǎng)站目的要求通過不同的方式來實現(xiàn)。一個展示個人能力的網(wǎng)站與一個以花卉種植為主題的網(wǎng)站，以及一個大型門戶網(wǎng)站和一個小型企業(yè)網(wǎng)站，其出發(fā)點和建站目的都有所不同，在整個網(wǎng)站的建設(shè)規(guī)劃方面的要求也是肯定是大不一樣的。因此在規(guī)劃我的這個網(wǎng)站時，我選擇了和大學(xué)生的生活和學(xué)習(xí)相關(guān)聯(lián)的主題。本網(wǎng)站預(yù)計的用戶群體：對于網(wǎng)站的設(shè)計者和建設(shè)者來說，在設(shè)計規(guī)劃網(wǎng)站時必須要明確自己網(wǎng)站的瀏覽者，也就是確定自己的用戶群體。在已經(jīng)確定了建設(shè)目的的前提下，應(yīng)根據(jù)建站方向所會導(dǎo)致出現(xiàn)的不同用戶群體的需求來規(guī)劃設(shè)計整個網(wǎng)站。我的這個網(wǎng)站就確定了以大學(xué)生為用戶群體。本網(wǎng)站的構(gòu)造和風(fēng)格：網(wǎng)站的風(fēng)格反映了一個網(wǎng)站的特色，它具有很大的代表性。出色的網(wǎng)站吸引人的地方不僅僅在于其內(nèi)容，鮮明的構(gòu)造和獨特的風(fēng)格往往能起到畫龍點睛的作用。一個網(wǎng)站即使內(nèi)容再豐富，如果網(wǎng)站的構(gòu)造和風(fēng)格不能吸引人，那也是毫無價值的。往往整個網(wǎng)站的風(fēng)格是一個網(wǎng)站吸引瀏覽者的魅力所在，因此應(yīng)當(dāng)根據(jù)網(wǎng)站的主題、內(nèi)容和瀏覽者的要求來設(shè)計自己獨特的網(wǎng)站風(fēng)格。那么什么是網(wǎng)站的構(gòu)造和風(fēng)格呢網(wǎng)站的構(gòu)造是連接網(wǎng)站內(nèi)容之間的支架。網(wǎng)站的構(gòu)造是網(wǎng)站的核心和骨架，如果沒有網(wǎng)站構(gòu)造，網(wǎng)站將會變得一團糟?，F(xiàn)在，只有高度開展、高度構(gòu)造化、易用且能獨立行走的網(wǎng)站才受瀏覽者的歡送。1.1.1旅游業(yè)信息化的開展隨著社會經(jīng)濟的開展，人民生活水平不斷提高，旅游已經(jīng)成為人們節(jié)假日不可缺少的活動。信息技術(shù)的開展為各行各業(yè)提供了一個很好的平臺，當(dāng)然，旅游業(yè)也不例外，因此各種各樣的旅游網(wǎng)站相繼產(chǎn)生。旅游行業(yè)的人爭相利用網(wǎng)絡(luò)來宣傳和展示自己，便捷的網(wǎng)絡(luò)宣傳也讓旅游變得越來越簡單了，“說走就走的旅行〞因為網(wǎng)絡(luò)的開展得以實現(xiàn)。現(xiàn)當(dāng)下，有著高效，低價，方便，廣泛等優(yōu)點的電子商務(wù)引領(lǐng)著世界的潮流，它所帶來的優(yōu)勢是傳統(tǒng)旅游業(yè)所不能比較的，因此旅游業(yè)的網(wǎng)絡(luò)化已經(jīng)刻不容緩。1.1.2旅游類型網(wǎng)站的現(xiàn)狀我國的旅游業(yè)網(wǎng)站開展相對其他行業(yè)較早，經(jīng)過長時間的開展和探索，已經(jīng)相比照較成熟。這些網(wǎng)站為驢友們提供了比較全面的資訊和服務(wù)〔包括景點，酒店，美食，導(dǎo)游，路線，航班，火車票以及各類套餐等〕，方便了人們的出行和選擇，已經(jīng)成為旅游行業(yè)開展的中流砥柱。盡管我國的旅游網(wǎng)站開展的比較成熟，也出現(xiàn)了很多知名的旅游網(wǎng)站，但還是有不少的網(wǎng)站開展的不完善，以下是其中的幾項弊端：1、 旅游網(wǎng)站的資源通常都是全國的甚至囊括了好多個國家的，然而針對地區(qū)的少，不能系統(tǒng)的展現(xiàn)一個地區(qū)的特色，針對地區(qū)旅游的需求不能得到滿足。2、 某些網(wǎng)站上游客查詢了某一個景點，展現(xiàn)的都是套餐〔包括住宿、車票等〕，剝奪了人們自主選擇的權(quán)利。3、 旅游網(wǎng)站各類信息非常多,并且很復(fù)雜〔網(wǎng)站中含有很多的客戶資料、導(dǎo)游的相關(guān)信息、相關(guān)花費、景區(qū)線路、景點詳情、酒店信息等大量的資料〕，查詢起來速度較慢，且各類資源調(diào)配難度大。因此，不僅一個信息全面的網(wǎng)站很重要，一個針對地區(qū)量體裁衣的網(wǎng)站也很重要。1.1.3旅游網(wǎng)站的構(gòu)建該課題針對上述弊端做出改良，系統(tǒng)的展示了一個地區(qū)的風(fēng)土人情〔包括景點，酒店和民俗〕；門票和酒店都采用單獨預(yù)訂的方式，為用戶保存了足夠的自由選擇的權(quán)利；內(nèi)容比較集中、簡單，去除了多余的信息〔例如導(dǎo)游，套餐等〕，為用戶提供了一個針對地區(qū)的簡單的旅游網(wǎng)站。1.2開發(fā)技術(shù)介紹1.2.1開發(fā)環(huán)境該旅游網(wǎng)站以Eclipse為開發(fā)平臺，使用MyEclipse作為Eclipse的插件并由Tomcat6.0充當(dāng)Web服務(wù)器來開發(fā)實現(xiàn)的。主要采用java開發(fā)工具，Oracle數(shù)據(jù)庫來設(shè)計，采用視圖層+業(yè)務(wù)邏輯層+數(shù)據(jù)庫訪問層的體系構(gòu)造模式，利用SSM框架，實現(xiàn)整個web端的功能開發(fā)與實現(xiàn)。1.2.2SSM概述SSM是Strtus2、Spring、MyBatis的整合，tomcat在沒有SSM框架的時候是用servlet來處理請求的，用response直接返回結(jié)果界面，有了struts，tomcat不用servlet了，而是用action，action的result配置就相當(dāng)于原來用servlet的response返回界面；spring是用來管理的，struts整合spring之后就把Action交給spring來管理了，這里springIOC起到很大的作用；MyBatis是持久層的東西，和數(shù)據(jù)庫相關(guān)。〔1〕struts概述Struts是一種基于MVC的創(chuàng)立Web應(yīng)用的框架，它很好地將程序進(jìn)展了分層，它主要實現(xiàn)控制器局部的功能，可以和多種完成視圖功能的技術(shù)配合使用。Struts中的基本信息是在struts.xml中配置，該文件是struts的核心，也是控制器的入口。struts.xml將jsp中的request請求交給struts的某個action方法來處理，同時給出下一步操作〔即操作成功后所要執(zhí)行的其他方法或者所要跳轉(zhuǎn)的jsp頁面〕?！?〕spring概述Spring是一個容器框架，因為它啟動時所需要的資源較少，所以屬于輕量級容器框架，它主要包括IOC和AOP。其中IOC叫做控制反轉(zhuǎn)，也可以叫做依賴注入，是spring的核心技術(shù)，該技術(shù)主要用于管理，將之前由代碼直接控制的程序之間的管理改為由容器控制的管理，控制權(quán)轉(zhuǎn)移了，不再是傳統(tǒng)的代碼控制，而是容器控制，這就是控制反轉(zhuǎn)。1.2.3JSP技術(shù)Jsp技術(shù)是對servlet的簡化。最初servlet輸出html語句到客戶端時采用的是out.print("<html></html>")這種方式，只能一句一句的輸出，并且包含了很多的多余的代碼，這樣一來，對表現(xiàn)層頁面的操作非常的不方便。為了簡化操作，SUN在servlet的根基上開展出了jsp，這種技術(shù)側(cè)重于視圖，可以非常方便的操作頁面。因為jsp是基于servlet開展出來的，因此它原那么上是一種servlet，最后要被轉(zhuǎn)化為servlet運行。第2章網(wǎng)站的前期準(zhǔn)備2.1軟件準(zhǔn)備和ISS5.0的安裝與設(shè)置2.1.1軟件準(zhǔn)備在網(wǎng)頁的設(shè)計過程中，因人而宜，每個人使用的軟件也許不同，如比較有名的網(wǎng)站設(shè)計軟件有Macromedia公司出品的網(wǎng)頁設(shè)計“三劍客〞、有微軟的Frontpage、還有國產(chǎn)的“東方網(wǎng)頁王〞等等。在這里，我們主要說的是Macromedia公司出品的“三劍客〞。這“三劍客〞包括DreamweaverMX、FireworksMX和FlashMX，其中，DreamweaverMX是網(wǎng)頁編輯軟件，F(xiàn)ireworksMX是圖形/圖像處理軟件，F(xiàn)lashMX是矢量動畫編輯軟件。當(dāng)然，到今天為止，Macromedia公司出品的這個“三劍客〞都已經(jīng)是2004版，估計2005版也應(yīng)該很快出來了。Macromedia公司一向以其優(yōu)良的設(shè)計、友好的用戶界面和強大的功能而著稱，這三個軟件也不例外，它們是Macromedia公司專門為網(wǎng)頁設(shè)計、制作開發(fā)的系列軟件套件，三者之間可以無縫集成，能夠有效地解決網(wǎng)絡(luò)帶寬問題，是設(shè)計動畫網(wǎng)頁的最正確工具。DreamweaverMX采用“所見即所得〞的直觀設(shè)計模式，充分尊重設(shè)計人員的原始意識和想象力。她成功地將網(wǎng)頁設(shè)計功能中的技術(shù)實現(xiàn)局部和設(shè)計局部別離開來，使用戶只需專注于設(shè)計，而其余的工作由DreamweaverMX自動完成。另外，還有一點值得說明的是，DreamweaverMX可以控制和刪除冗余代碼，減小網(wǎng)頁文件的大小。從而能夠快速上傳和下載。FireworksMX的獨特之處在于它能夠優(yōu)化、切分圖片映射圖，并提供了功能強大的翻滾圖工具。它是基于WEB應(yīng)用的圖形/圖象處理軟件，提供了一種革命性的新方法來創(chuàng)立WEB圖形，并且具有所有其他圖形處理工具的諸多優(yōu)點。FireworksMX的最大優(yōu)勢就在于它在任何時候可以從任何階段開場設(shè)計工作，這樣既可以節(jié)約時間又可以對產(chǎn)品進(jìn)展擴展。另外，F(xiàn)ireworksMX中的諸多功能都是面向WEB應(yīng)用的，因此對于WEB設(shè)計新手來說也很容易學(xué)習(xí)的。FlashMX是比較另類、超前的一種網(wǎng)頁動畫制作軟件，它不僅能夠滿足網(wǎng)頁設(shè)計的諸多要求，更為網(wǎng)頁多媒體的使用者帶來了前所未有的便利。FlashMX提供了廣泛的平臺支持，它不需要任何編程工作就能夠制作出精彩的動態(tài)效果。由于FlashMX采用矢量圖形格式來制作動畫，因此在低寬帶的網(wǎng)絡(luò)環(huán)境中仍然可以具有高品質(zhì)的畫面以及存儲空間小的優(yōu)點，從而是瀏覽者能夠快速的下載效果非凡的動畫。在我設(shè)計我的個人網(wǎng)站的過程中，我選擇了DreamwearMX2004和FlashMX2004和Photoshop三種軟件。因為自己向?qū)τ谄渌能浖碚f，這三個還算是比較熟悉的。2.1.2ISS5.0的安裝與設(shè)置在因特網(wǎng)/企業(yè)網(wǎng)上的基于瀏覽的開發(fā)方案中，Microsoft的IIS起到客戶端與服務(wù)器端的連接作用。當(dāng)訪問者在瀏覽器中鍵入對你服務(wù)器上的網(wǎng)頁進(jìn)展訪問的請求，這個請求通過網(wǎng)絡(luò)路由到服務(wù)器端，然后服務(wù)器再將它交給IIS處理。IIS檢索所請求的頁，并根據(jù)請求的文件名對該網(wǎng)頁進(jìn)展相應(yīng)的處理。如果該文件是以.asp為擴展名或者該文件是某種類型的請求文件，那么IIS將對該頁面上的代碼進(jìn)展處理。IIS5.0是專為Windows2000設(shè)計的WEB服務(wù)器軟件。Windows2000Server在安裝系統(tǒng)時，就以自動安裝IIS5.0；但Windows2000Professional不會自動安裝它。下面就簡單介紹一下在我設(shè)計過程中在Windows2000Professional上安裝IIS5.0的過程。步驟1：首先，我選擇“開場〞—“設(shè)置〞—“控制面板〞，在“控制面板〞中選擇“添加或刪除程序〞后，彈出“添加/刪除程序〞對話框。步驟2：在左邊4個可選擇的導(dǎo)航欄中選擇“添加/刪除Windows組建〞按扭，彈出一個新的對話框。步驟3：在顯示的組建里面，選中“Internet信息服務(wù)〔IIS〕〞組建的復(fù)選框，單擊“下一步〞按鈕，就進(jìn)入了IIS5.0的安裝過程。步驟4：等到安裝完成以后，在“控制面板〞里面選擇“管理工具〞，在翻開的管理工具里面如果有“Internet服務(wù)管理器〞，說明IIS5.0已經(jīng)安裝好。翻開IE瀏覽器，然后在地址欄輸入“”〔或者localhost〕，就可以看到所鏈節(jié)的界面。也可以改變默認(rèn)的站點位置和主頁，修改步驟如下：步驟1：翻開“Internet服務(wù)器管理器〞，彈出一個對話框。步驟2：右鍵單擊“默認(rèn)Web站點〞，在彈出的菜單里面選擇“屬性〞項，翻開一個新的對話框。步驟3：“Web站點〞中，可以設(shè)置站點的說明、IP地址和其他一些屬性。選擇“主目錄〞標(biāo)簽。步驟4：在“主目錄〞選項卡中，“本地路徑〞的默認(rèn)設(shè)置是：“C:\Inetpub\wwwroot〞,為了方便以后編輯和管理網(wǎng)站，將其路徑設(shè)置如〞D:\mysite〞。讀者也可以根據(jù)實際情況設(shè)置為其他路徑。選擇“文檔〞標(biāo)簽。步驟5：可以添加一個默認(rèn)文檔作為主頁。選擇“添加〞按鈕，在彈出的對話框中輸入文檔名。為下一節(jié)的實例輸入“index.asp〞作為網(wǎng)頁首頁，然后單擊左邊的向上和向下箭頭改變默認(rèn)文檔的次序。以上介紹了IIS5.0的安裝和設(shè)置。2.2本網(wǎng)站建設(shè)的方向和目的2.2.1網(wǎng)站建設(shè)目的網(wǎng)站的建設(shè)不僅僅是制作主頁的問題，還需要考慮網(wǎng)站的定位、目標(biāo)用戶、網(wǎng)站內(nèi)容、服務(wù)事項、空間方案、安全性、藝術(shù)設(shè)計、數(shù)據(jù)庫技術(shù)等等。任何網(wǎng)站在建設(shè)之前就必須明確方向、用途和服務(wù)群體等一系列的問題，寫出詳盡的建站方案，可以說這是網(wǎng)站建設(shè)的根源和核心所在。這里就以我做的這個學(xué)生網(wǎng)站為實例給大家簡述這個問題，如我設(shè)計的個人主頁：://*****。作為一個學(xué)生網(wǎng)站，我的服務(wù)群體及訪問者都定位在在校學(xué)生，為學(xué)生服務(wù)就是我的這個網(wǎng)站的目的和方向。從整個頁面上可以看出，我的這個整個網(wǎng)站涉及校園新聞、考研、男生女生等等都是關(guān)于我們在校學(xué)生的。整個網(wǎng)站的構(gòu)造和內(nèi)容都是在開場設(shè)計之前就已經(jīng)經(jīng)過詳細(xì)的方案的。其實任何網(wǎng)站都一樣：企業(yè)網(wǎng)站的宗旨就是對外宣傳企業(yè)形象，發(fā)布企業(yè)最新的企業(yè)產(chǎn)品，其服務(wù)群體就是為對其產(chǎn)品感興趣的客戶或者正在使用企業(yè)產(chǎn)品的用戶服務(wù)，這就是企業(yè)網(wǎng)站的建設(shè)方向；個人網(wǎng)站的宗旨就是宣傳自己，提供一個自身和外界交流的場所；由此可見，網(wǎng)站的設(shè)計方向是依據(jù)網(wǎng)站的客戶、服務(wù)群體等多方面來確定的。2.2.2本站明確的目的不同的網(wǎng)站目的要求通過不同的方式來實現(xiàn)。一個展示個人能力的網(wǎng)站與一個以花卉種植為主題的網(wǎng)站，以及一個大型門戶網(wǎng)站和一個小型企業(yè)網(wǎng)站，其出發(fā)點和建站目的都有所不同，在整個網(wǎng)站的建設(shè)規(guī)劃方面的要求也是肯定是大不一樣的。因此在規(guī)劃我的這個網(wǎng)站時，我選擇了和大學(xué)生的生活和學(xué)習(xí)相關(guān)聯(lián)的主題。本網(wǎng)站預(yù)計的用戶群體：對于網(wǎng)站的設(shè)計者和建設(shè)者來說，在設(shè)計規(guī)劃網(wǎng)站時必須要明確自己網(wǎng)站的瀏覽者，也就是確定自己的用戶群體。在已經(jīng)確定了建設(shè)目的的前提下，應(yīng)根據(jù)建站方向所會導(dǎo)致出現(xiàn)的不同用戶群體的需求來規(guī)劃設(shè)計整個網(wǎng)站。我的這個網(wǎng)站就確定了以大學(xué)生為用戶群體。本網(wǎng)站的構(gòu)造和風(fēng)格：網(wǎng)站的風(fēng)格反映了一個網(wǎng)站的特色，它具有很大的代表性。出色的網(wǎng)站吸引人的地方不僅僅在于其內(nèi)容，鮮明的構(gòu)造和獨特的風(fēng)格往往能起到畫龍點睛的作用。一個網(wǎng)站即使內(nèi)容再豐富，如果網(wǎng)站的構(gòu)造和風(fēng)格不能吸引人，那也是毫無價值的。往往整個網(wǎng)站的風(fēng)格是一個網(wǎng)站吸引瀏覽者的魅力所在，因此應(yīng)當(dāng)根據(jù)網(wǎng)站的主題、內(nèi)容和瀏覽者的要求來設(shè)計自己獨特的網(wǎng)站風(fēng)格。那么什么是網(wǎng)站的構(gòu)造和風(fēng)格呢網(wǎng)站的構(gòu)造是連接網(wǎng)站內(nèi)容之間的支架。網(wǎng)站的構(gòu)造是網(wǎng)站的核心和骨架，如果沒有網(wǎng)站構(gòu)造，網(wǎng)站將會變得一團糟?，F(xiàn)在，只有高度開展、高度構(gòu)造化、易用且能獨立行走的網(wǎng)站才受瀏覽者的歡送。第3章需求分析需求分析是業(yè)務(wù)需求的分析以及從最終用戶處收集信息，分析所定義的業(yè)務(wù)和系統(tǒng)需求，在此根基上對所收集的業(yè)務(wù)和數(shù)據(jù)信息進(jìn)展分析和整理，并在開場數(shù)據(jù)庫設(shè)計之前對所收集需求信息進(jìn)展評估，最終用這些信息來設(shè)計數(shù)據(jù)庫。需求分析時要考慮業(yè)務(wù)規(guī)那么和業(yè)務(wù)處理。3.1可行性分析又稱可行性研究。建設(shè)工程投資決策前對有關(guān)的建設(shè)方案、技術(shù)方案和生產(chǎn)經(jīng)營方案進(jìn)展技術(shù)經(jīng)濟論證，以期到達(dá)最正確經(jīng)濟效果的一種方法。3.1.1技術(shù)可行性本系統(tǒng)采用JSP進(jìn)展前臺界面的設(shè)計，利用oracle進(jìn)展數(shù)據(jù)庫的操作和管理，應(yīng)用SSM框架，實現(xiàn)整個web端的功能實現(xiàn)與整合。Oracle強大的數(shù)據(jù)庫開發(fā)功能、JSP廣泛的實際應(yīng)用和SSM框架的靈活性充分說明本系統(tǒng)在技術(shù)方面可行。3.1.2經(jīng)濟可行性我國旅游業(yè)興旺的地區(qū)數(shù)量上很可觀，這樣一個針對地區(qū)的旅游網(wǎng)站成本較低，效率比較高，使用起來方便靈活，所以比較有前景，因此經(jīng)濟方面可行。3.1.3操作可行性該系統(tǒng)操作簡單，易上手，界面友好，因此操作可行。3.2安全性分析1.用戶權(quán)限安全性：系統(tǒng)設(shè)置了超級管理員、管理員、普通用戶和游客四個操作級別。超級管理員和管理員能夠?qū)包c、酒店和民俗信息進(jìn)展編輯；管理員可以對用戶進(jìn)展操作但不可以對管理員進(jìn)展操作，超級管理員可以對全部用戶和管理員進(jìn)展操作。2.輸入安全：對輸入數(shù)據(jù)進(jìn)展合法性檢查，對于不合法的輸入給出提示并且取消操作。最大限度的保證系統(tǒng)的穩(wěn)定性。3.3系統(tǒng)功能分析該系統(tǒng)具有以下功能：1．登錄

用戶在登錄模塊中輸入昵稱和密碼，系統(tǒng)會根據(jù)所具有的權(quán)限返回到會員頁面或是管理員頁面。2．注冊

游客在注冊模塊進(jìn)展注冊，可以成為會員，可以購置門票，預(yù)訂酒店和進(jìn)展景點和酒店的評價。3．瀏覽景點，酒店，民俗信息

在信息展示模塊游客和會員可以對該網(wǎng)站的信息進(jìn)展瀏覽。4．預(yù)訂

在預(yù)訂模塊，會員可以進(jìn)展景點門票預(yù)訂和酒店預(yù)訂5．評價

在評價模塊，會員可以對景點和酒店進(jìn)展評價。6．查看訂單

會員可以查看自己所購置的門票和預(yù)定的酒店。7．修改密碼

會員登陸后可以修改密碼。8．充值

會員登陸后可以充值。9．取消訂單會員登陸后可以取消已有訂單。10．景點管理

管理員可以增加，刪除，和更改景點信息。11．酒店管理

管理員可以增加，刪除，和更改酒店和酒店房型信息。12．民俗管理

管理員可以增加，刪除，和更改民俗信息。13．用戶管理

管理員可以刪除用戶信息同時可以授予用戶管理員權(quán)限。14．訂單管理

管理員對訂單進(jìn)展管理。3.4數(shù)據(jù)流程圖數(shù)據(jù)流圖語言是需求分析階段最常用的一種圖形語言，軟件開發(fā)人員運用這一語言，由抽象到具體、逐層分解，繪出所開發(fā)的軟件系統(tǒng)的分層DFD.如同程序設(shè)計語言一樣，DFD語言的標(biāo)準(zhǔn)主要包括語法和語義的兩個方面。數(shù)據(jù)流圖系統(tǒng)中的數(shù)據(jù)處理加工的客觀過程，數(shù)據(jù)流圖中流動的是數(shù)據(jù)，沒有控制過程，以圖形來表達(dá)邏輯功能。圖3_1環(huán)境圖圖3_2一層數(shù)據(jù)流圖圖3_3預(yù)定的二層數(shù)據(jù)流圖圖3_4管理景點的二層數(shù)據(jù)流圖圖3_5酒店管理的二層數(shù)據(jù)流圖圖3_6評價的二層數(shù)據(jù)流圖圖3_7注冊的二層數(shù)據(jù)流圖3.5用例圖用例圖是用戶所理解的系統(tǒng)，他所描述的是用戶若何使用這個系統(tǒng)。用戶和系統(tǒng)的一次交互就是一個用例。這些用例代表了系統(tǒng)需要開發(fā)的功能。構(gòu)造用例圖的技術(shù)：對參與者建模。對用例建模，這是實體的正常行為。對參與者和用例之間的通信建模。用例之間的使用關(guān)系建模。用例之間的擴展關(guān)系建模。下面就是該系統(tǒng)的用例圖：圖3_8游客用例圖游客可以注冊和瀏覽網(wǎng)站信息。圖3_9會員用例圖會員可以瀏覽網(wǎng)站信息，登錄系統(tǒng)，預(yù)訂景區(qū)門票和酒店房間，評價酒店和景點，同時還可以對個人信息進(jìn)展修改。圖3_10管理員用例圖管理員可以瀏覽系統(tǒng)信息，登錄系統(tǒng)，管理系統(tǒng)信息〔包括景區(qū)管理，酒店管理，民俗管理，用戶管理，訂單管理等〕。第4章概要設(shè)計概要設(shè)計也叫總體設(shè)計，這個階段必須答復(fù)的關(guān)鍵問題是：“概括地說，應(yīng)該若何解決這個問題?〞主要的工作是總體構(gòu)造設(shè)計及確定系統(tǒng)的硬件選配、軟件選配、數(shù)據(jù)庫設(shè)計、代碼設(shè)計原那么、界面設(shè)計等。4.1模塊設(shè)計模塊設(shè)計的原那么：(1)模塊的凝聚程度高。(2)模塊間的聯(lián)系方式好。模塊間的控制關(guān)系采用調(diào)用方式實現(xiàn)，而模塊間的數(shù)據(jù)關(guān)系采用共享一個數(shù)據(jù)庫的方式實現(xiàn)。(3)上層模塊對下層模塊的影響范圍應(yīng)在其對下層模塊的控制范圍之內(nèi)。系統(tǒng)功能構(gòu)造圖。根據(jù)系統(tǒng)的需求分析，該系統(tǒng)主要分為三個局部：游客局部，會員局部和管理員局部。游客：瀏覽網(wǎng)站信息，注冊。會員：瀏覽網(wǎng)站信息，登錄系統(tǒng)，評價，預(yù)訂和個人信息管理。管理員：登錄，瀏覽信息，景點管理，酒店管理，民俗管理，會員管理，訂單管理。(其中瀏覽信息包括瀏覽景點全部信息，景點詳細(xì)信息，酒店全部信息，酒店詳細(xì)信息，民俗全部信息，民俗詳細(xì)信息。)功能模塊設(shè)計如以以下列圖：圖4_1下面是網(wǎng)站信息管理的模塊設(shè)計：圖4_24.2數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫設(shè)計是根據(jù)應(yīng)用需求，對于一個給定的應(yīng)用環(huán)境設(shè)計有效地數(shù)據(jù)庫模式，建設(shè)數(shù)據(jù)庫及其應(yīng)用系統(tǒng)，使之能夠有效地存儲數(shù)據(jù)，滿足各種用戶的應(yīng)用要求的過程。該網(wǎng)站的數(shù)據(jù)庫的名稱為XE，其中包括景點表SCENERY，酒店表HOTEL,酒店房型表HOTELSTYLE,民俗表FOLK,景點評價表SCENERYREVIEW,酒店評價表HOTELREVIEW,用戶表USERS,訂單表ORDERS。下面是這些表的詳細(xì)信息：SCENERY景點表，主要用于記錄景點的詳細(xì)信息。主鍵通過SEQUENCE實現(xiàn)自增長。表4_1SCENERY景點表：序號列名數(shù)據(jù)類型主鍵允許空說明1SCENERYIDNumber是否自增長2SCENERYNAMEVarchar2(50)是景點名稱3SCENERYPICVarchar2(200)是圖片地址4SCENERYINTRODUCEVARCHAR2(2000)是景點簡介5TICKETOLDNumber是原票價6TICKETNEWNumber是優(yōu)惠價7SCENERYWAYVarchar2(200)是景區(qū)路線HOLEL酒店表，主要用于記錄酒店的詳細(xì)信息。表4_2HOLEL酒店表：序號列名數(shù)據(jù)類型主鍵允許空說明1HOTELIDNumber是否自增長2HOTELNAMEVarchar2(50)是酒店名稱3HOTELPICVarchar2(200)是圖片地址4HOTELINTRODUCEVARCHAR2(2000)是酒店簡介5HOTELWAYVarchar2(200)是酒店路線HOTELSTYLE酒店房型表，主要展示酒店房型，這里的主鍵為酒店id和房型，同一個酒店的同一種房型只能有一條記錄。表4_3HOTELSTYLE酒店房型表：序號列名數(shù)據(jù)類型主鍵允許空說明1HOTELIDNumber是否酒店id2HOTELSTYLEVarchar2(50)是否房間類型3HOTELCOUNTNumber是房間數(shù)量4HOTELPRICENumber是房間價格5HOTELSIZEVarchar2(200)是房間大小6HOTELWIFINumber是是否有寬帶FOLK民俗表，主要用于記錄民俗的詳細(xì)信息，其中民俗分類別，民俗類型1,2,3分別代表傳說故事，美食和特色文化。表4_4FOLK民俗表：序號列名數(shù)據(jù)類型主鍵允許空說明1FOLKIDNumber是否自增長2FOLKNAMEVarchar2(50)是民俗名稱3FOLKPICTUREVarchar2(200)是圖片地址4FOLKINTRODUCEVARCHAR2(2000)是民俗簡介5FOLKTYPENumber是民俗類型SCENERYREVIEW景區(qū)評論表，主要用于記錄景區(qū)評論信息，通過SCENERYID關(guān)聯(lián)到景區(qū)表的SCENERYID。表4_5SCENERYREVIEW景區(qū)評論表：序號列名數(shù)據(jù)類型主鍵允許空說明1SREVIEWIDNumber是否自增長2SCENERYIDNumber是景點id3SREVIEWVARCHAR2(2000)是評論內(nèi)容HOTELREVIEW酒店評論表，主要用于記錄酒店評論信息，通過HOTELID關(guān)聯(lián)到酒店表的HOTELID。表4_6HOTELREVIEW酒店評論表：序號列名數(shù)據(jù)類型主鍵允許空說明1HREVIEWIDNumber是否自增長2HOTELIDNumber是酒店id3HREVIEWVARCHAR2(2000)是評論內(nèi)容USERS用戶表，主要用來記錄用戶的個人信息。表4_7USERS用戶表：序號列名數(shù)據(jù)類型主鍵允許空說明1NICKNAMEVarchar2(50)是否用戶昵稱2PNAMEVarchar2(50)是姓名3PHONEVarchar2(50)是聯(lián)系方式4PASSWORDVARCHAR2(50)是密碼5COUNTNumber是余額6POWERNumber是權(quán)限ORDERS訂單表，主要用來記錄訂單詳情，其中用戶通過NICKNAME關(guān)聯(lián)到USERS表的NICKNAME，HOTELID和HOTELSTYLE分別關(guān)聯(lián)到房型表的HOTELID和HOTELSTYLE中，SCENERYID關(guān)聯(lián)到景點表的SCENERYID，時間為當(dāng)前時間。表4_8ORDERS訂單表：序號列名數(shù)據(jù)類型主鍵允許空說明1ORDERIDNumber是否自增長2NICKNAMEVarchar2(50)是用戶昵稱3HOTELIDNumber是酒店id4HOTELSTYLEVARCHAR2(50)是房間類型6SCENERYIDNumber是景點id7TIMESETDate是下單時間8 DELETEORDERNumber是是否取消9 COUNTNumber是訂單金額第5章詳細(xì)設(shè)計與實現(xiàn)總體設(shè)計階段以比較抽象概括的方式提出了解決問題的方法，詳細(xì)設(shè)計階段的任務(wù)就是把解法具體化，進(jìn)而對每個模塊要完成的工作進(jìn)展具體的描述，以便為程序編寫打下根基，也就是答復(fù)下面這個關(guān)鍵問題：“應(yīng)該若何具體地實現(xiàn)這個系統(tǒng)〞。5.1工程文件夾構(gòu)造該工程的文件夾目錄如下：圖5_1工程文件夾目錄Spring由容器控制程序之間的關(guān)系，而不是傳統(tǒng)的由程序代碼直接操控，Spring的作用貫穿了整個中間層，將Web層、Service層、DAO層無縫整合，其數(shù)據(jù)服務(wù)層用來存放數(shù)據(jù)。其中applicationContext.xml就是一個spring配置文件，局部配置如下：<beanid="users"class="cn.itcase.model.Users"></bean> <beanid="loginbdyDao"class="org.mybatis.spring.mapper.MapperFactoryBean"> <propertyname="mapperInterface"value="cn.itcase.dao.LoginBdyDao"/> <propertyname="sqlSessionFactory"ref="sqlSessionFactory"/> </bean> </bean>struts是邏輯層用于后臺和前臺的對應(yīng)，比方JSP的數(shù)據(jù)應(yīng)該交給哪個類處理。下面是局部Struts.xml的代碼：<packagename="login"namespace="/"extends="struts-default"> <actionname="loginin"class="loginBdyAction"method="userLoginin"> <resultname="success">/jsp/newindex.jsp</result> <resultname="fail">/jsp/login.jsp</result> </action> </package>具體流程如下：1.用戶點擊JSP頁面的某個按鈕或是鏈接發(fā)出請求時，Struts的ActionForward通過struts.xml的配置轉(zhuǎn)發(fā)至Action類的某個方法?！踩缋又械牡卿洶粹o提交“l(fā)oginin〞申請，struts.xml的配置將其轉(zhuǎn)發(fā)給loginAction類的userLoginin〔〕方法處理〕2.Action類的方法通過service接口調(diào)用serviceimpl中的方法。ServiceImpl類調(diào)用Dao類的相關(guān)方法?！策@些內(nèi)容均在applicationContext.xm中配置〕Dao類的相關(guān)方法調(diào)用mapper中的sql語句。4.操作成功后返回Action類的方法，該方法返回success信息。5.2模塊詳細(xì)設(shè)計1、登錄注冊模塊的設(shè)計注冊模塊的設(shè)計：當(dāng)填寫完用戶名的時候，鼠標(biāo)離開文本框時開場檢測，用戶名是否存在，假設(shè)存在給出提示。此時用到Ajax的局部刷新技術(shù)。用來保證用戶名的唯一性。當(dāng)信息填寫完之后，進(jìn)展提交，在提交的之前檢測兩次密碼是否一樣和驗證碼的正確性。提交后連接數(shù)據(jù)庫進(jìn)展注冊，將新用戶信息寫入數(shù)據(jù)庫中。Ajax局部核心代碼：functioncheck(url){ create(); varvalue=document.getElementById("nickname").value; if(null!=xml){ xml.open("get",url+"?nickname="+value,true); } xml.onreadystatechange=callback; xml.send(null);}2、瀏覽模塊的設(shè)計〔1〕景點列表模塊的設(shè)計登錄系統(tǒng)后點擊景點按鈕，系統(tǒng)會根據(jù)權(quán)限〔即為登錄時寫入session的權(quán)限值〕顯示相應(yīng)局部，假設(shè)為普通用戶權(quán)限那么顯示頁如圖5.3，假設(shè)為管理員權(quán)限那么除了圖中信息外還具有查看刪除增加等操作信息。瀏覽完基本信息以后，用戶可以瀏覽景點詳細(xì)信息，可通過點擊標(biāo)題或者點擊景點介紹都可以進(jìn)入詳情頁面。〔2〕景點詳細(xì)信息模塊的設(shè)計通過獲得景點列表和評論列表,展示景點信息的全部內(nèi)容〔包括景點名稱，景點路線，景點圖片，景點詳細(xì)介紹，景點評價信息等〕。填寫評價內(nèi)容,可以進(jìn)展景點評價。登陸后可以進(jìn)展門票的預(yù)訂。3、訂購模塊的設(shè)計〔1〕景點門票訂購模塊的設(shè)計在景點詳情頁面可以進(jìn)展購置門票操作。點擊購置按鈕后，首先會判斷是否登錄，那么會提醒未登錄。其次檢測余額，假設(shè)余額缺乏那么不能會給出提示。最后提交數(shù)據(jù)庫并判斷是否成功?！?〕取消預(yù)訂模塊的設(shè)計點擊我的訂單按鈕，提交給action處理，連接數(shù)據(jù)庫在獲得該用戶的全部訂單信息，將信息傳入訂單頁，訂單頁顯示訂單信息。點擊取消訂單按鈕后會給出確認(rèn)信息，之后提交數(shù)據(jù)庫。查看訂單局部代碼：查看訂單，獲得該用戶的全部訂單列表的Sql：<selectid="getMyOrder"parameterType="String"resultType="Orders">select*fromorderswherenickname=#{nickname}</select>4、評價模塊的設(shè)計點擊提交按鈕首先會判斷評價內(nèi)容是否為空。其次根據(jù)登錄時寫入的session檢測是否登錄，session為空時未登錄，那么給出提示。提交評價，連接數(shù)據(jù)庫，將評價內(nèi)容寫入sceneryreview表中。操作成功后，刷新頁面，顯示評價的內(nèi)容。5、景點管理模塊的設(shè)計〔1〕增加景點模塊的設(shè)計用戶登錄后，首先會判斷其權(quán)限，假設(shè)為管理員那么景點列表的頁面上會有增加景點的按鈕。增加景點頁面中，添加景點信息。景點信息添加完畢后提交，此時會先判斷輸入是否符合標(biāo)準(zhǔn)，例如：票價必須為數(shù)字，名稱不能為空等。之后進(jìn)展提交處理，將正確的信息寫入Scenery表中。成功寫入數(shù)據(jù)庫后，跳轉(zhuǎn)到詳細(xì)信息頁面。該增加景點頁面同時要被系統(tǒng)攔截，沒有權(quán)限的人不能通過直接輸入網(wǎng)址進(jìn)入。局部代碼：權(quán)限控制是否顯示添加景點鏈接：<li><c:iftest="${sessionScope.power=='1'}"><ahref="order/allmyorder?nickname=${sessionScope.nickname}">我的訂單</a></c:if><c:iftest="${sessionScope.power=='0'||${sessionScope.power=='2'}"><ahref="message/newinsertscenery.jsp">添加景點</a></c:if></li>〔2〕刪除景點模塊的設(shè)計在更新頁可以刪除景點信息，也可以在管理員景點頁面中通過鏈接直接刪除。用戶登錄后，首先會根據(jù)登錄時寫入session的信息判斷其權(quán)限，假設(shè)為管理員那么景點列表的頁面上會有刪除景點的鏈接。其他用戶沒有這個鏈接。點擊鏈接進(jìn)入景點刪除的action，連接數(shù)據(jù)庫，將相應(yīng)的景點信息刪除，跳轉(zhuǎn)到景點列表頁。該action同時要被系統(tǒng)攔截，沒有權(quán)限的人不能通過直接輸入網(wǎng)址進(jìn)入。6、用戶管理模塊的設(shè)計授權(quán)模塊的設(shè)計用戶登錄后，首先會判斷其權(quán)限，假設(shè)為超級管理員那么可以為所有的會員和管理員授權(quán)，也可以刪除或者管理員。假設(shè)為管理員那么只能對會員進(jìn)展操作。管理員同時可以取消授權(quán)，取消授權(quán)的過程與授權(quán)類似。該頁面同時要被系統(tǒng)攔截，沒有權(quán)限的人不能通過直接輸入網(wǎng)址進(jìn)入。5.3測試軟件測試是為了發(fā)現(xiàn)錯誤而執(zhí)行的程序，是根據(jù)軟件開發(fā)的各個階段的規(guī)格說明和程序的內(nèi)部構(gòu)造而設(shè)計的一批測試用例，即輸入數(shù)據(jù)和預(yù)期結(jié)果，利用這些用例來發(fā)現(xiàn)程序中的錯誤。軟件測試是為發(fā)現(xiàn)軟件中的錯誤而執(zhí)行程序的過程。軟件測試只能用于查找程序在那個的錯誤，不能證明程序中沒有錯誤。軟甲測試是保證軟件質(zhì)量的關(guān)鍵，它是對需求分析，設(shè)計和編碼的最后復(fù)審。5.3.1注冊模塊測試測試用例用例1輸入數(shù)據(jù)：已存在的用戶昵稱輸出結(jié)果：給出提示信息，顯示用戶已存在用例2輸入數(shù)據(jù)：不存在的用戶昵稱輸出結(jié)果：用戶可用，成功注冊測試結(jié)果：用例2：成功注冊進(jìn)入系統(tǒng)首頁5.3.2權(quán)限管理測試用例1輸入數(shù)據(jù)：普通用戶名和密碼輸出結(jié)果：不能進(jìn)入該頁，跳轉(zhuǎn)到主頁面用例2輸入數(shù)據(jù)：管理員名和密碼輸出結(jié)果：成功進(jìn)入增加景點頁面測試結(jié)果：經(jīng)測試，那么兩個模塊實際結(jié)果與預(yù)期結(jié)果一樣。第6章網(wǎng)頁需求分析6.1可行性分析6.1.1網(wǎng)站主題的可行性一般來說一個網(wǎng)站內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。所以本網(wǎng)站，僅僅針對鄭州市特色小吃和游玩地方進(jìn)展介紹。并沒有去試圖制作一個包羅萬象的站點，這往往會失去網(wǎng)站的特色，也會帶來高強度的勞動，給網(wǎng)站的及時更新帶來困難。并且本人在鄭州土生土長近20年，深知鄭州的各種百年老店以及民間小吃和娛樂工程。6.1.2網(wǎng)站頁面設(shè)計的可行性由于越來越多的人們開場建設(shè)自己的網(wǎng)站，網(wǎng)站除了具有傳播信息的功能外，還往往代表個人的形象。雖然HTML語言提供了對常用Windows標(biāo)準(zhǔn)控件的支持，但是，由于Windows標(biāo)準(zhǔn)控件的形狀和顏色十分單一，網(wǎng)頁的視覺效果可能會很差。因此，本文并沒有單純的采用HTML來制作網(wǎng)頁。而是使用了DIV+CSS的方式來創(chuàng)立表格布局，并且在其中插入了XML已經(jīng)JS等動態(tài)效果，使頁面看起來更有動感。這些通過Dreamweaver與PS等軟件的熟練運用都可以真正實現(xiàn)到網(wǎng)頁中去。6.2網(wǎng)站需求分析6.2.1建站目的Internet是目前世界上最大的計算機互聯(lián)網(wǎng)絡(luò)，它遍布全球，將世界各地各種規(guī)模的網(wǎng)絡(luò)連接成一個整體。作為Internet上一種先進(jìn)的，易于被人們所承受的信息檢索手段，WorldWideWeb(簡稱WWW)開展十分迅速，成為目前世界上最大的信息資源寶庫。通過建設(shè)一個游鄭州網(wǎng)站的站點，可以迅速融入到互聯(lián)網(wǎng)中，和世界各地連成一個整體。擁有了這種傳播媒介就可以方便在鄭州生活的以及來鄭州游玩的人們的行程安排。6.2.2技術(shù)需求網(wǎng)頁的版面設(shè)計需要用Dreamweaver來實現(xiàn)。需要精通HTML，DIV+CSS等網(wǎng)頁編程語言。網(wǎng)站LOGO，需要用PS來設(shè)計。需要有一定的審美能力、設(shè)計能力，使其網(wǎng)站的主題突出鮮明。后臺管理，需要使用JSP等動態(tài)頁面來實現(xiàn)，但由于自身水平有限，并且網(wǎng)站前期發(fā)布的小吃游玩等地方多是十年，甚至百年被老鄭州人們所熟知的地方，并不需要過多的刪改，可以先從前臺進(jìn)展刪改。發(fā)布站點，通過IIS，APACHE等來發(fā)布。需要對互聯(lián)網(wǎng)技術(shù)有一定的理解，并熟悉發(fā)布流程。6.3網(wǎng)頁運行環(huán)境的開發(fā)本系統(tǒng)可以被運行在IIS服務(wù)下。使用MicrosoftInternetInformationServer(IIS)，運行WindowsServer的計算機便成為容量和功能強大的Web服務(wù)器。除了這種方法，我們還可以通過配置網(wǎng)絡(luò)環(huán)境來發(fā)布站點，可以在Linux或者Unix主機下，配置Apache環(huán)境進(jìn)展發(fā)布，具體建設(shè)站點的過程本文會在第五章提到。6.4網(wǎng)頁設(shè)計工具6.4.1圖像工具——Photoshop由Adobe公司開發(fā)的，專門處理圖形圖像的設(shè)計軟件。DTP和圖像軟件的結(jié)合，使設(shè)計師可在電腦上直接完成文字的排版、錄入、圖像處理和分色制板的全過程，開創(chuàng)了“電腦平面設(shè)計〞的時代。Photoshop軟件的專長在于圖形的處理，并不是圖形創(chuàng)作。這兩個概念有必要區(qū)分一下。圖像處理是對以有的圖像進(jìn)展加工編輯處理及運用一些特殊效果，它的重點在于對圖像的處理加工；圖形創(chuàng)作軟件是按照自己的構(gòu)思創(chuàng)意，并且來設(shè)計圖形，這類軟件主要有Adobe公司的另一個著名軟件Illustrator和Macromedia公司的Freehand。Photoshop系列中使用最廣泛的有Photoshop5.0版本和Photoshop7.0。6.4.2頁面工具——DreamweaverDreamweaver對于HTML的支持非常好，可以輕而易舉地做出很多眩目的頁面效果。并且插件式的程序設(shè)計使得其功能可以無限的延伸。Dreamweaver與Firework、Flash并稱為網(wǎng)頁制作的三劍客，由于是同一公司的產(chǎn)品，因而在功能上有著一個非常嚴(yán)密的結(jié)合。它最新推出的DreamweaverUltraDev更支持Asp與JSP語言。因此，Dreamweaver是高級網(wǎng)頁制作的首選無庸置疑。它常見的版本有Dreamweaver4、Dreamweaver5、DreamweaverMX、Dreamweaver8.x、DreamweaverCS。6.5網(wǎng)頁開發(fā)語言1、靜態(tài)頁與布局——HTML、Div+CSSHTML語言是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的網(wǎng)頁語言，即是構(gòu)成網(wǎng)頁文檔的主要語言，也是超文本鏈接標(biāo)示語言或超文本標(biāo)記語言。HTML文本是一種描述性文本，是由HTML命令組成的。HTML命令可以說明圖形、表格、聲音、動畫、文字、鏈接等。HTML語言的構(gòu)造包括頭部〔Head〕、主體〔Body〕兩大局部，其中頭部描述瀏覽器所需的信息，而主體那么包含所要說明的具體內(nèi)容。DIV+CSS是標(biāo)準(zhǔn)網(wǎng)頁〔或稱它為“WEB標(biāo)準(zhǔn)〞〕中的常用術(shù)語之一，Div+CSS是一種新的網(wǎng)頁的布局方法,這一種網(wǎng)頁布局方法和傳統(tǒng)的HTML網(wǎng)頁設(shè)計語言中的表格〔table〕定位方式并不一樣,真正地到達(dá)了w3c內(nèi)容與表現(xiàn)相別離。HTML語言在HTML4.01之后，不再發(fā)布新版本，因為HTML語言正變得越來越復(fù)雜化、專用化。XHTML語言可以將HTML語言標(biāo)準(zhǔn)化，用XHTML語言重寫后的HTML頁面可以應(yīng)用于更多的XML技術(shù)，使得網(wǎng)頁更加容易擴展，更加適合自動數(shù)據(jù)交換，并更加規(guī)整。在XHTML網(wǎng)站設(shè)計標(biāo)準(zhǔn)中，早就不再使用表格定位技術(shù)，而是采用DIV+CSS的方式實現(xiàn)各種定位。2、動態(tài)效果實現(xiàn)——JSJS就是JavaScript，是一種計算機腳本語言，主要在web瀏覽器(客戶端)解釋執(zhí)行，由網(wǎng)景公司研發(fā)。通過JavaScript可以做到回應(yīng)使用者的需求事件而不用任何的網(wǎng)路。來回傳輸資料，所以當(dāng)一位使用者輸入一項資料時，它不用經(jīng)過傳給服務(wù)器端處理，再傳回來的過程，而直接可以被客戶端的應(yīng)用程式所處理。第7章網(wǎng)站的測試7.1網(wǎng)站檢測為什么測試顯得這么重要呢沒有經(jīng)過測試的頁面會出現(xiàn)那些問題呢下面將從幾個不同的方面來說明這些問題。1.分辨率不同產(chǎn)生差異經(jīng)常上網(wǎng)的人可能會有這樣的經(jīng)歷，那就是同樣一個網(wǎng)頁在不同的分辨率下會有不同的顯示。這就是由于分辨率不同所造成的。2.瀏覽器不同產(chǎn)生的差異顯示器不