基于jsp的個(gè)人網(wǎng)頁(yè)設(shè)計(jì)畢業(yè)論文

1、<p>　　專 科 畢 業(yè) 論 文</p><p>　　基于JSP的個(gè)人網(wǎng)頁(yè)設(shè)計(jì)</p><p>　　JSP based personal webpage design</p><p>　　學(xué)院名稱： </p><p>　　專業(yè)班級(jí)： 09計(jì)算機(jī)3班 </p><p&

2、gt;　　學(xué)生姓名： </p><p>　　指導(dǎo)教師姓名： </p><p>　　指導(dǎo)教師職稱： 講師 </p><p><b>　　2012 年 5月</b></p><p>　　基于JSP的個(gè)人網(wǎng)頁(yè)設(shè)計(jì)</p><p>　　摘要 本

3、文就個(gè)人網(wǎng)站的規(guī)劃與建設(shè)，以軟件工程的方法對(duì)全過(guò)程進(jìn)行了分</p><p>　　析與研究。本文的主要工作集中在：</p><p>　?。?）對(duì)Web頁(yè)進(jìn)行概述，主要是對(duì)Internet的歷史和發(fā)展作了回顧，并對(duì)</p><p>　　Web頁(yè)的定義和特性進(jìn)行闡述。并對(duì)網(wǎng)站開(kāi)發(fā)過(guò)程中使用的開(kāi)發(fā)工具和技術(shù)作了簡(jiǎn)要的介紹。</p><p>　?。?）

4、對(duì)網(wǎng)站建設(shè)中提及到的術(shù)語(yǔ)進(jìn)行了解釋，并對(duì)個(gè)人網(wǎng)站的由來(lái)和發(fā)展</p><p><b>　　進(jìn)行了討論。</b></p><p>　　（3）對(duì)自己的個(gè)人網(wǎng)站從規(guī)劃到建設(shè)進(jìn)行了詳細(xì)的分析。</p><p>　　關(guān)鍵詞 ：網(wǎng)站 數(shù)據(jù)庫(kù) dreamweaver8.0</p><p>　　JSP based personal we

5、bpage design</p><p>　　Abstract: The groundwork of this text is concentrated on: </p><p>　　（1）Go on because it sum up, whose name is mainly act as and review </p><p>　　at development

6、s of history against Internets, for Web the definitions of pages go on and explain at characteristics. And has done brief introduction to the developing instrument and technology that are used in the course of developpin

7、g of Web site. </p><p>　　（2）The getting under more construction about Web site mention go </p><p>　　on and explain for personal the origins of the Web site go on and discuss at developments at

8、term that get. </p><p>　?。?）The getting Web site personal planning to building detailed more </p><p>　　analysis about the one one's own.</p><p>　　（4）Use ASP of + IIS + SQL techn

9、ologies of it realize the various </p><p>　　kinds of function in Web sites of me of,among them and join and use and for ODBC technology at data bases .</p><p>　?。?）From Web site build and propos

10、e one's own view and suggestions.</p><p>　　Key words : Website access dreamweaver8.0</p><p><b>　　目 錄</b></p><p>　　序 言……………………………………………………………………1</p><p>

11、;　　第一章 開(kāi)發(fā)背景……………………………………………………2</p><p>　　1.1 Web頁(yè)概述………………………………………………………………2</p><p>　　1.2開(kāi)發(fā)工具的選用及介紹…………………………………………………3</p><p>　　第二章 個(gè)人網(wǎng)站設(shè)計(jì)分析…………………………………………5</p><p&g

12、t;　　2.1 相關(guān)術(shù)語(yǔ)及解釋……………………………………………………… 5</p><p>　　2.2 我的個(gè)人網(wǎng)站設(shè)計(jì)與規(guī)劃…………………………………………… 6</p><p>　　2.3 數(shù)據(jù)庫(kù)設(shè)計(jì)…………………………………………………………… 7</p><p>　　2.4 可行性分析……………………………………………………………10</p>

13、<p>　　第三章 詳細(xì)設(shè)計(jì)……………………………………………………12</p><p>　　3.1總體結(jié)構(gòu)圖……………………………………………………………12</p><p>　　3.2頁(yè)面的設(shè)計(jì)……………………………………………………………12</p><p>　　3.3站點(diǎn)建立………………………………………………………………14</p>

14、;<p>　　第四章 編碼…………………………………………………………16</p><p>　　4.1關(guān)鍵代碼………………………………………………………………16</p><p>　　4.2數(shù)據(jù)庫(kù)用到的代碼……………………………………………………18</p><p>　　4.3設(shè)計(jì)技巧和解決方法…………………………………………………20</p&

15、gt;<p>　　結(jié) 論………………………………………………………21</p><p>　　致 謝………………………………………………………22</p><p>　　參考文獻(xiàn)………………………………………………………23</p><p><b>　　序 言</b></p><p>　　在已跨入2

16、1世紀(jì)的今天，人類使用和學(xué)習(xí)信息的方式以及信息的包裝方式正在進(jìn)行著不可阻擋的革命，這次革命將比印刷術(shù)的出現(xiàn)所產(chǎn)生的影響以及對(duì)社會(huì)發(fā)展的推動(dòng)遠(yuǎn)為復(fù)雜而巨大。</p><p>　　目前，我國(guó)上網(wǎng)的人口已近一個(gè)億，成立世界上網(wǎng)民最多的國(guó)家，許多人在需要查詢信息，首先想到的就是上網(wǎng)。網(wǎng)站的迷人之處在于綜合使用文本、圖象、聲音、動(dòng)畫和視頻的信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動(dòng)特點(diǎn)，無(wú)可置疑， 網(wǎng)站已成為最吸引人的也最有效

17、的信息傳遞手段和方式。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，各類網(wǎng)站紛紛出現(xiàn)。</p><p>　　個(gè)人網(wǎng)站也成為了一種時(shí)尚。越來(lái)越多的人希望擁有自己的網(wǎng)站，開(kāi)辟網(wǎng)絡(luò)世界的一片天地，展示自己的才華和風(fēng)格。</p><p><b>　　第一章 開(kāi)發(fā)背景</b></p><p>　　1.1 Web頁(yè)的概述</p><p>　　Web(Wor

18、ld Wide Web，簡(jiǎn)稱WWW，又稱萬(wàn)維網(wǎng))是目前Internet上應(yīng)用最廣泛也是最重要的信息服務(wù)類型，它的影響已經(jīng)進(jìn)入了Internet上的廣告、新聞、電子商務(wù)和展示信息等各個(gè)服務(wù)領(lǐng)域。 Web采用瀏覽器/服務(wù)器（B/S）工作模式，其運(yùn)作模式可以描述為：請(qǐng)求→處理→應(yīng)答。</p><p>　　Web以超文本標(biāo)記語(yǔ)言HTML(Hyper Text Markup Language)與超文本傳輸協(xié)議HTT

19、P(Hyper Text Transfer Protocol)為基礎(chǔ)，通過(guò)瀏覽器為用戶提供方便友好的信息瀏覽界面。 Web將位于全世界互聯(lián)網(wǎng)上不同網(wǎng)址的相關(guān)信息有機(jī)地編織在一起。在Web服務(wù)方式中，信息以頁(yè)面（或稱Web頁(yè)）的形式存儲(chǔ)在Web服務(wù)器中，這些頁(yè)面采用超文本的方式對(duì)信息進(jìn)行組織，通過(guò)鏈接將一頁(yè)信息鏈接到另一頁(yè)信息。這些相互鏈接的頁(yè)面既可以放置在同一臺(tái)主機(jī)上，也可以放置在不同的主機(jī)上。頁(yè)面到頁(yè)面的鏈接信息由統(tǒng)一資源定位

20、器URL(Uniform Resource Locator)維持。用戶通過(guò)客戶端應(yīng)用程序（即瀏覽器）向Web服務(wù)器發(fā)出請(qǐng)求，服務(wù)器根據(jù)客戶端的請(qǐng)求將保存在服務(wù)器中的某個(gè)頁(yè)面返回給客戶端，瀏覽器接收到頁(yè)面后對(duì)其進(jìn)行解釋，最終將信息以圖、文、聲并茂的形式呈現(xiàn)給用戶。 Web服務(wù)的特點(diǎn)在于高度的集成性，它能夠?qū)崿F(xiàn)不同類型的信息（如文本、圖像、聲音、動(dòng)畫和視頻等）和服務(wù)（如New、FTP、Telnet、Gopher及Mail等）的無(wú)縫鏈

21、接，特別適合</p><p>　　1.2 開(kāi)發(fā)工具的介紹及選擇</p><p>　　1.2.1 Dreamweaver8.0</p><p>　　Dreamweaver是創(chuàng)建和管理網(wǎng)頁(yè)的專業(yè)化可視編輯器。使用Dreamweaver可以輕松創(chuàng)建跨平臺(tái)、跨瀏覽器的頁(yè)面。Macromedia的RoundtripHTML技術(shù)允許用戶隨意導(dǎo)入HTML文檔而無(wú)需重新設(shè)置代碼格式

22、。</p><p>　　Dreamweaver可以為用戶做到：使用動(dòng)態(tài)HTML功能（例如具有動(dòng)態(tài)效果的層和行為）而不用寫一行代碼。它甚至還可以檢查用戶的工作成果在所有流行的平臺(tái)和瀏覽器中可能發(fā)生的錯(cuò)誤。</p><p>　　Dreamweaver還是一個(gè)可以完全自定義的應(yīng)用程序。用戶可以創(chuàng)建自己的對(duì)象和命令修改菜單和快捷鍵，甚至編寫JavaScript代碼擴(kuò)展Dreamweaver的行為和

23、屬性檢查器。</p><p>　　至于Dreamweaver工作區(qū)是非常靈活的，因此它可以適應(yīng)各種不同的工作風(fēng)格和使用水平。常用的Dreamweaver工作區(qū)組件有以下若干種：</p><p>　?。?）文檔窗口可顯示當(dāng)前文檔，文檔的外觀和瀏覽器中看到的非常相似。</p><p>　?。?）裝載器中包含一些打開(kāi)和關(guān)閉常用檢查器和模板的按鈕。</p>&

24、lt;p>　?。?）對(duì)象工具欄包含創(chuàng)建不同類型的對(duì)象（例如圖象、表格和層等）的按鈕。</p><p>　?。?）屬性檢查器顯示選定對(duì)象的屬性。</p><p>　?。?）快捷菜單可以使用戶對(duì)當(dāng)前選擇或區(qū)域快速執(zhí)行某些命令。</p><p>　?。?）可固定的浮動(dòng)工具欄允許用戶將浮動(dòng)窗口、檢查器和工具欄組合在一個(gè)或多個(gè)選擇窗口中。</p><

25、p>　　1.2.2 網(wǎng)頁(yè)動(dòng)畫的制作軟件----Micromedia Flash 8.0</p><p>　　Micromedia Flash 8.0用于web站點(diǎn)的交互式的矢量圖形和動(dòng)畫的制作，它可制作出 用于瀏覽時(shí)的導(dǎo)航控制、制作動(dòng)畫圖標(biāo)、帶同步聲音的大段的動(dòng)畫，創(chuàng)建出生動(dòng)的富于表現(xiàn)力的網(wǎng)頁(yè)。Flash中的圖形都是矢量的，占據(jù)存儲(chǔ)空間較少，因而下載時(shí)間短，且能很好地適應(yīng)瀏覽者不同尺寸的屏幕。<

26、;/p><p>　　Flash 的交互性的大部分設(shè)置就在 Action 和 Fs Command 里，通過(guò)對(duì) Action 和 Fs Command 的設(shè)置，你可以隨意的設(shè)置各事件發(fā)生的效果，還有對(duì)變量及函數(shù)的設(shè)置。</p><p>　　1.2.3 JavaScript</p><p>　　JavaSript是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(Event Driv

27、en)并具有安全性能的腳本語(yǔ)言。使用它的目的是與HTML超文本標(biāo)記語(yǔ)言、Java 腳本語(yǔ)言（Java小程序）一起實(shí)現(xiàn)在一個(gè)Web頁(yè)面中鏈接多個(gè)對(duì)象，與Web客戶交互作用。從而可以開(kāi)發(fā)客戶端的應(yīng)用程序等。它是通過(guò)嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語(yǔ)言中實(shí)現(xiàn)的。它的出現(xiàn)彌補(bǔ)了HTML語(yǔ)言的缺陷，它是Java與HTML折衷的選擇。 </p><p>　　第二章 個(gè)人網(wǎng)站設(shè)計(jì)分析</p><p>　　2

28、.1相關(guān)術(shù)語(yǔ)及解釋</p><p>　　2.1.1 Internet</p><p>　　Internet(英特網(wǎng))誕生于上世紀(jì)60年代，發(fā)展非常慢，到90年代才開(kāi)始迅速發(fā)展。現(xiàn)在英特網(wǎng)已經(jīng)是世界上最大的網(wǎng)絡(luò)的，聯(lián)在英特網(wǎng)上的電腦有數(shù)億臺(tái)。上面的資料、信息數(shù)不勝數(shù)，所以有人把英特網(wǎng)叫成是信息的海洋、知識(shí)的海洋。</p><p><b>　　2.1.2 站點(diǎn)

29、</b></p><p>　　所謂站點(diǎn)，就是將網(wǎng)頁(yè)文件和素材文件，有條理地放置站點(diǎn)文件夾里，這些文件與文件夾就構(gòu)成了網(wǎng)站的實(shí)質(zhì)內(nèi)容。站點(diǎn)文件夾里除了網(wǎng)頁(yè)文件還有素材文件，所謂素材就是網(wǎng)頁(yè)中所用到的圖像、聲音、視頻等，這些內(nèi)容是以單獨(dú)文件的形式存在。</p><p><b>　　2.1.3 超鏈接</b></p><p>　　我們?cè)跒g

30、覽網(wǎng)頁(yè)時(shí)，當(dāng)鼠標(biāo)指針指向某段文本或是某個(gè)圖像，鼠標(biāo)指針變成小手狀，單擊鼠標(biāo)可以打開(kāi)其他的網(wǎng)頁(yè)或是跳轉(zhuǎn)到其他的網(wǎng)站，這就是超鏈接。采用超鏈接技術(shù)可以將不同的網(wǎng)站、網(wǎng)站中的不同網(wǎng)頁(yè)、網(wǎng)頁(yè)中的不同位置彼此串在一起，實(shí)現(xiàn)相互間的跳轉(zhuǎn)，方便信息的瀏覽和查找。人們通過(guò)超鏈接可以很方便很迅速地訪問(wèn)分布于全球計(jì)算機(jī)上的海量資源，實(shí)現(xiàn)在互聯(lián)網(wǎng)中的漫游。超鏈接能使Web服務(wù)存在廣泛和持久的生命力，超鏈接可以說(shuō)是Web的靈魂。</p><

31、p>　　2.1.4 個(gè)人網(wǎng)站的由來(lái)和發(fā)展</p><p>　　互聯(lián)網(wǎng)在中國(guó)的出現(xiàn)只有短短七年時(shí)間，1994年中國(guó)科學(xué)院高能物理研究所設(shè)立了國(guó)內(nèi)第一個(gè)Web服務(wù)器，推出一個(gè)叫做“中國(guó)之窗”的網(wǎng)頁(yè)，這可能是國(guó)內(nèi)Internet上出現(xiàn)的第一個(gè)Web網(wǎng)頁(yè)，1995年開(kāi)始，中國(guó)教育科研網(wǎng)，中國(guó)科技網(wǎng)，中國(guó)公用計(jì)算機(jī)互聯(lián)網(wǎng)以及中國(guó)金橋網(wǎng)這構(gòu)成中國(guó)數(shù)字神經(jīng)系統(tǒng)的四大互聯(lián)網(wǎng)絡(luò)相繼建成，使互聯(lián)網(wǎng)在中國(guó)開(kāi)始真正進(jìn)入社會(huì)生活之中

32、。</p><p>　　這時(shí)期，個(gè)人網(wǎng)站出現(xiàn)的條件還很不成熟，國(guó)內(nèi)上網(wǎng)的人數(shù)很少，也缺乏支持個(gè)人建站的環(huán)境，用戶很難找到理想的個(gè)人主頁(yè)存放地。</p><p>　　個(gè)人網(wǎng)站發(fā)展的第二階段是從1997年初到1998年，這段時(shí)間，中國(guó)網(wǎng)民數(shù)量飛速增長(zhǎng)，個(gè)人網(wǎng)站日漸繁榮，個(gè)人主頁(yè)的數(shù)量急劇增加。同時(shí)，越來(lái)越多的商業(yè)網(wǎng)站開(kāi)始免費(fèi)提供個(gè)人主頁(yè)空間，這些良好的外部極大地促進(jìn)了個(gè)人網(wǎng)站的發(fā)展，涌現(xiàn)了一批

33、很著名的個(gè)人網(wǎng)頁(yè)，從1998年下半年開(kāi)始，隨著互聯(lián)網(wǎng)應(yīng)用 的深入的普及，隨著眾多主頁(yè)制作工具的出現(xiàn)，使得建站成為一件非常容易的事,創(chuàng)建一個(gè)能充分體現(xiàn)自我風(fēng)格和特色的個(gè)人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。</p><p>　　2.2我的個(gè)人網(wǎng)站的設(shè)計(jì)與規(guī)劃</p><p>　　2.2.1明確架設(shè)網(wǎng)站的目的</p><p>　　通常情況下，架設(shè)個(gè)人網(wǎng)站主要是為了通過(guò)互聯(lián)網(wǎng)

34、表達(dá)個(gè)人在商業(yè)、科技、交際、生活等方面的信息需求或者進(jìn)行信息的交流，具有較強(qiáng)的目的性，我的個(gè)人網(wǎng)站一般體現(xiàn)在：為了展示自己的風(fēng)采，讓大家和我一起分享我的心得與經(jīng)驗(yàn)，讓和我有共同愛(ài)好的朋友有一個(gè)傾訴的地方。</p><p>　　2.2.2我的個(gè)人網(wǎng)站概貌</p><p>　　因?yàn)槭莻€(gè)人網(wǎng)站，所以只是選擇了自己擅長(zhǎng)和喜愛(ài)的內(nèi)容，在突出自己的風(fēng)格和特點(diǎn)的同時(shí)，還應(yīng)用了現(xiàn)在流行的網(wǎng)站設(shè)計(jì)技術(shù)和數(shù)據(jù)

35、庫(kù)技術(shù)。因此將網(wǎng)站設(shè)計(jì)分為前臺(tái)頁(yè)面展示平臺(tái)和后臺(tái)在線管理平臺(tái)。</p><p><b>　　2.2.3功能劃分</b></p><p>　　網(wǎng)站設(shè)計(jì)有新聞更新，瀏覽者可以在首頁(yè)瀏覽自己喜歡的新聞，并且可以在留言板和大家交流，在后臺(tái)管理頁(yè)面中，通過(guò)身份認(rèn)證，管理員——我，可以對(duì)網(wǎng)站信息進(jìn)行管理。站內(nèi)的其它頁(yè)面均是我自己的精心收藏，與大家一起分享。</p>

36、<p><b>　　2.2.4功能描述</b></p><p><b>　　(1)首頁(yè)</b></p><p>　　點(diǎn)擊首頁(yè)可以讓別人看見(jiàn)制作的動(dòng)畫影視。</p><p><b>　　(2)我的資料</b></p><p>　　是對(duì)自己的一個(gè)簡(jiǎn)單的介紹，可以讓他人對(duì)我

37、多一些了解。</p><p><b>　　(3)我的文章</b></p><p>　　里面包括了愛(ài)情文章. 親情文章.友情文章及生活隨筆。</p><p><b>　　(4)我的照片</b></p><p>　　在其中展示我喜愛(ài)的東西，讓一些美好的東西我們大家共同來(lái)欣賞。 </p>

38、<p><b>　　(6)音樂(lè)</b></p><p>　　在其中展示個(gè)人喜歡的歌曲，朋友們可以在里面點(diǎn)播自己喜歡的歌。</p><p><b>　?。?）留言板</b></p><p>　　讓朋友可以與自己交流。</p><p><b>　　2.3 數(shù)據(jù)庫(kù)設(shè)計(jì)</b>

39、;</p><p><b>　　2.3.1功能描述</b></p><p>　　數(shù)據(jù)庫(kù)是計(jì)算機(jī)應(yīng)用系統(tǒng)中的一種專門管理數(shù)據(jù)資源的系統(tǒng)。數(shù)據(jù)有多種形式，如文字、數(shù)碼、符號(hào)、圖形、圖像以及聲音等。數(shù)據(jù)是所有計(jì)算機(jī)系統(tǒng)所要處理的對(duì)象。人們所熟知的一種處理辦法是制作文件，即將處理過(guò)程編成程序文件，將所涉及的數(shù)據(jù)按程序要求組織成數(shù)據(jù)文件，用程序文件來(lái)調(diào)用。數(shù)據(jù)文件與程序文件保持

40、著一定的對(duì)應(yīng)關(guān)系。在計(jì)算機(jī)應(yīng)用迅速發(fā)展的情況下，這種文件式方法便顯出不足。比如，它使得數(shù)據(jù)通用性差，不便于移植，在不同文件中存儲(chǔ)大量重復(fù)信息、浪費(fèi)存儲(chǔ)空間、更新不便等。數(shù)據(jù)庫(kù)系統(tǒng)便能解決上述問(wèn)題。數(shù)據(jù)庫(kù)系統(tǒng)不從具體的應(yīng)用程序出發(fā)，而是立足于數(shù)據(jù)本身的管理，它將所有數(shù)據(jù)保存在數(shù)據(jù)庫(kù)中，進(jìn)行科學(xué)的組織，并借助于數(shù)據(jù)庫(kù)管理系統(tǒng)，以它為中介，與各種應(yīng)用程序或應(yīng)用系統(tǒng)接口，使之能方便地使用數(shù)據(jù)庫(kù)中的數(shù)據(jù)。</p><p>

41、　　這段說(shuō)明介紹的確非常詳細(xì)，不過(guò)你可能看得頭暈眼花了，其實(shí)簡(jiǎn)單地說(shuō)數(shù)據(jù)庫(kù)就是一組經(jīng)過(guò)計(jì)算機(jī)整理后的數(shù)據(jù)，存儲(chǔ)在一個(gè)或多個(gè)文件中，而管理這個(gè)數(shù)據(jù)庫(kù)的軟件就稱之為數(shù)據(jù)庫(kù)管理系統(tǒng)。一般一個(gè)數(shù)據(jù)庫(kù)系統(tǒng)（Database System）可分為數(shù)據(jù)庫(kù)（Database）與數(shù)據(jù)管理系統(tǒng)（Database Management System，DBMS）兩個(gè)部分。</p><p>　　數(shù)據(jù)庫(kù)解決方案分為兩個(gè)基本類別：數(shù)據(jù)庫(kù)服務(wù)(

42、DBaaS)和數(shù)據(jù)服務(wù)(DaaS)。這兩者間的主要區(qū)別在于數(shù)據(jù)是怎樣管理的。</p><p>　　DaaS使你可以定義你的數(shù)據(jù)，然后你可以從世界任何地方通過(guò)Internet連接對(duì)這些數(shù)據(jù)進(jìn)行查詢。不同于傳統(tǒng)的數(shù)據(jù)庫(kù)解決方案，DaaS不執(zhí)行典型RDBMS接口，例如SQL。而是通過(guò)一套通用的API訪問(wèn)數(shù)據(jù)。此外，DaaS是最適合于基礎(chǔ)數(shù)據(jù)的查詢和操縱等管理。</p><p>　　DBaaS是一

43、個(gè)更為強(qiáng)大的數(shù)據(jù)解決方案，它提供全面的數(shù)據(jù)庫(kù)功能。在DBaaS中，管理層負(fù)責(zé)連續(xù)監(jiān)測(cè)和配置數(shù)據(jù)庫(kù)，以實(shí)現(xiàn)優(yōu)化縮放、高可用性、多租戶、并在云中有效的分配資源。因此，開(kāi)發(fā)者可以免去許多繁瑣乏味的數(shù)據(jù)庫(kù)管理操作的麻煩，因?yàn)檫@些會(huì)被自動(dòng)處理。</p><p>　　有三種基本的基于云數(shù)據(jù)庫(kù)的服務(wù)，它們的不同在于用戶定制環(huán)境的靈活性。</p><p>　　對(duì)于擴(kuò)展性，云計(jì)算是用戶訪問(wèn)一個(gè)只有操作系統(tǒng)的

44、準(zhǔn)機(jī)器，而對(duì)于這個(gè)操作系統(tǒng)用戶有充分的靈活性安裝和配置選定的RDBMS軟件。這種安裝被認(rèn)為云服務(wù)基礎(chǔ)設(shè)施(IaaS)。Amazon Elasti Computing Cloud(EC2)就是這種服務(wù)的一個(gè)很好的例子。對(duì)于想對(duì)其托管的數(shù)據(jù)庫(kù)具有完全控制權(quán)的人來(lái)說(shuō)，這個(gè)平臺(tái)是一個(gè)很好的選擇。</p><p>　　另一個(gè)在云中部署RDBMS通用模型的是虛擬設(shè)備模型。虛擬設(shè)備是一個(gè)預(yù)裝載并預(yù)配置設(shè)備的虛擬機(jī)。Amazon

45、還在其EC2云中部署預(yù)配置了MySQL、Oracle和Microsoft SQL Server的虛擬設(shè)備。</p><p>　　最后，本地云數(shù)據(jù)服務(wù)，例如Xeround’s MySQL云數(shù)據(jù)庫(kù)使用NoSQL數(shù)據(jù)庫(kù)，通過(guò)Web界面進(jìn)行管理。本地云數(shù)據(jù)庫(kù)往往得到更好的設(shè)備以便能夠更好地使用云資源，并且與非云RDBMS使用的軟件相比提供更好的可用性與穩(wěn)定性。</p><p>　　正如現(xiàn)在云計(jì)算一

46、樣棘手，讓陌生人訪問(wèn)您的數(shù)據(jù)要考慮清楚，不能掉以輕心。</p><p>　　低價(jià)格：這可能是使企業(yè)進(jìn)入云行列的第一個(gè)原因。使用基于云數(shù)據(jù)庫(kù)解決方案，可以從硬件、軟件許可以及服務(wù)實(shí)施等方面大幅降低運(yùn)營(yíng)成本和支出，因?yàn)槟阒恍枰獙?duì)所使用的部分買單。</p><p>　　擴(kuò)展性與靈活性：數(shù)據(jù)庫(kù)托管公司往往處于有利位置，為了得到更高的效率并減少未使用的空間而使資源得到最大化。他們根據(jù)你不斷變化的業(yè)務(wù)

47、需求而對(duì)服務(wù)進(jìn)行增加或縮減。</p><p>　　高效率：云計(jì)算提供了硬件共享、流程自動(dòng)化和技術(shù)熟練的好處。你和你的員工可以從任何地方、使用任何電腦、移動(dòng)設(shè)備或?yàn)g覽器訪問(wèn)數(shù)據(jù)庫(kù)。它還能從整體上降低資源的使用。</p><p>　　缺點(diǎn)： 安全問(wèn)題：云計(jì)算中一個(gè)值得關(guān)注的事情是你的數(shù)據(jù)是通過(guò)網(wǎng)絡(luò)訪問(wèn)的。這就產(chǎn)生了一系列問(wèn)題，你會(huì)給某人提供機(jī)會(huì)攻擊你的數(shù)據(jù)庫(kù)服務(wù)商并且竊取你寶貴的資料嗎？這樣安

48、全漏洞事件是誰(shuí)的責(zé)任呢？當(dāng)?shù)谌絹G失客戶信息時(shí)，你不能也不應(yīng)該只躲在云供應(yīng)商后面。除了網(wǎng)頁(yè)接入問(wèn)題，怎樣才能使供應(yīng)商的物理位置安全呢？他們經(jīng)常進(jìn)行備份么？有異地?cái)?shù)據(jù)存儲(chǔ)么？這些實(shí)在沒(méi)有辦法百分之百的確定。你只能相信你的供應(yīng)商能照顧好您的數(shù)據(jù)。</p><p>　　互聯(lián)網(wǎng)連接風(fēng)險(xiǎn)的損失：由于你的數(shù)據(jù)通過(guò)網(wǎng)絡(luò)進(jìn)行交互，你應(yīng)該考慮失去數(shù)據(jù)庫(kù)連接將會(huì)對(duì)你的企業(yè)生產(chǎn)帶來(lái)怎樣的影響。這種風(fēng)險(xiǎn)你能忍受么？這里有個(gè)叫做五個(gè)九的高

49、可用性標(biāo)準(zhǔn)。在99.999%的時(shí)間正常運(yùn)行，每年停機(jī)時(shí)間約為五分鐘。你能期望它保證具有這種可靠性么？</p><p>　　定制的局限性：當(dāng)處理如此多的業(yè)務(wù)時(shí)，要求數(shù)據(jù)庫(kù)服務(wù)商要很靈活。如果需要深度定制并且與現(xiàn)有系統(tǒng)集成來(lái)為日常業(yè)務(wù)服務(wù)，那么云計(jì)算能夠適應(yīng)你的需求嗎。</p><p><b>　　2.3.2部分截圖</b></p><p><

50、;b>　　1.新建數(shù)據(jù)庫(kù) </b></p><p><b>　　(1)</b></p><p>　　2.更改數(shù)據(jù)庫(kù)的路徑</p><p><b>　　(2)</b></p><p><b>　　3.超鏈接</b></p><p><

51、;b>　　(3)</b></p><p><b>　　2.4可行性分析</b></p><p>　　2.4.1 經(jīng)濟(jì)可行性分析</p><p>　　網(wǎng)頁(yè)開(kāi)發(fā)費(fèi)用低，開(kāi)發(fā)周期短。</p><p>　　2.4.2 技術(shù)可行性分析</p><p>　　計(jì)算機(jī)硬件和軟件技術(shù)的飛速發(fā)展，為

52、網(wǎng)頁(yè)的建設(shè)提供了技術(shù)條件。</p><p>　　2.4.3 社會(huì)可行性分析</p><p>　　在當(dāng)前信息技術(shù)飛速發(fā)展的大環(huán)境下，計(jì)算機(jī)技術(shù)和軟件技術(shù)的更新是網(wǎng)頁(yè)，完全有可能也有能力采用這樣先進(jìn)的技術(shù)。 </p><p><b>　　第三章 詳細(xì)設(shè)計(jì)</b></p><p><b>　　3.1總體結(jié)構(gòu)圖<

53、/b></p><p>　　3.1.1功能模塊圖</p><p><b>　　圖3-1-1</b></p><p><b>　　3.2 頁(yè)面設(shè)計(jì)</b></p><p><b>　　3.2.1相冊(cè)</b></p><p>　　是一個(gè)個(gè)人相片和精彩圖

54、片展示的地方，在相冊(cè)中，我們可以了解到站長(zhǎng)的個(gè)人風(fēng)采和自己喜歡的圖片。</p><p><b>　　3.2.2 功能</b></p><p>　　利用ASP對(duì)象語(yǔ)句顯示圖片，讓大家可以看見(jiàn)所有圖片的縮略圖，同時(shí)每個(gè)圖片都有快照功能，可以瀏覽圖片的全圖。</p><p>　　3.2.3、組成構(gòu)造</p><p>　　相冊(cè)結(jié)

55、果顯示頁(yè)面 dreamweaver：用來(lái)顯示所有圖片。</p><p>　　3.2.4相冊(cè)頁(yè)面瀏覽效果圖，如圖：</p><p><b>　　圖3-2-4</b></p><p>　　3.2.5圖片效果瀏覽圖，如圖：</p><p><b>　　圖3-2-5</b></p><p

56、><b>　　3.2.6音樂(lè)</b></p><p>　　是一個(gè)音樂(lè)收藏和音樂(lè)欣賞的地方。</p><p><b>　?。?）功能</b></p><p>　　添加了自己喜歡的本地音樂(lè)，每次打開(kāi)網(wǎng)頁(yè)的時(shí)候都可以自動(dòng)播放。</p><p>　?。?）音樂(lè)頁(yè)面瀏覽效果圖，如下圖：</p>

57、;<p><b>　　圖3-2-6</b></p><p>　　（3）留言板效果圖：</p><p><b>　　圖3-2-6</b></p><p><b>　　圖3-2-6</b></p><p><b>　　3.3 站點(diǎn)的建立</b>&

58、lt;/p><p>　?。?）打開(kāi)：“窗口”下的“新建站點(diǎn)”</p><p><b>　　（2）按“下一步</b></p><p>　?。?）單擊“下一步”</p><p>　?。?）單擊“下一步”（出現(xiàn)“你如何連接到遠(yuǎn)程服務(wù)器”時(shí)選擇“無(wú)”）</p><p>　?。?）單擊完成 如下圖</p

59、><p>　　圖3-3-1 圖3-3-2</p><p>　　圖3-3-3 圖3-3-4 </p><p><b>　　圖3-3-5</b></p><p><b>

60、;　　第四章 編 碼</b></p><p>　　4.1關(guān)鍵代碼設(shè)計(jì) </p><p><b>　　4.1.1首頁(yè)代碼</b></p><p>　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" </p><p

61、>　　"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p><p>　　<html xmlns="http://www.w3.org/1999/xhtml"></p><p><b>　　<head></b></p&

62、gt;<p>　　<EMBED src="1.mp3" hidden="true" autostart="true" loop="-1" </p><p>　　width=300 height=100> 添加背景音樂(lè)</p><p>　　<meta http-equiv=&qu

63、ot;Content-Type" content="text/html; charset=gb2312" </p><p><b>　　/></b></p><p>　　<title>羊金州的個(gè)人空間</title> //空間標(biāo)題</p><p>　　<style type=&q

64、uot;text/css"></p><p><b>　　<!--</b></p><p><b>　　body{</b></p><p>　　background-image: url(054ffcda3e113d21cdbf1a3c.jpg); 背景圖片</p><p>&

65、lt;b>　　路徑}</b></p><p>　　.STYLE3 {font-family: "宋體"} 字體</p><p><b>　　.STYLE4{</b></p><p>　　font-size: xx-large;設(shè)置字體大小</p><p>　　color: #FF00

66、99;字體顏色</p><p><b>　　}--></b></p><p>　　</style></head></p><p><b>　　<body></b></p><p>　　<div class="STYLE3" id=&

67、quot;Layer4"></p><p>　　<div align="center" class="STYLE4"></p><p>　　<p>歡迎光臨我的個(gè)人空間</p></p><p>　　<div id="Layer1"></p&

68、gt;<p>　　<table width="1324" border="1"></p><p><b>　　<tr></b></p><p>　　<th width="325" bordercolor="#ECE9D8" scope="

69、;col"><a href="首頁(yè).html" class="STYLE5">首頁(yè)</a></th></p><p>　　<th width="325" scope="col"><a href="我的資料.html" class="ST

70、YLE6">我的資料</a></th></p><p>　　<th width="325" scope="col"><a href="我的文章.html" class="STYLE5">我的文章</a></th></p><p&

71、gt;　　<th width="321" scope="col"><a href="我的照片.html" class="STYLE5">我的照片</a></th></p><p><b>　　</tr></b></p><p>&

72、lt;b>　　</table></b></p><p><b>　　</div></b></p><p>　　<!-- #BeginDate format:fCh2m -->2012年5月23日 星期三 11:33<!—</p><p>　　#EndDate --> 首頁(yè)顯示

73、當(dāng)前時(shí)間</p><p><b>　　</p></b></p><p>　　<p align="left"></p><p>　　<objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=&quo

74、t;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1019" height="702"></p><p>　　<param name="movie" value="flash901.s

75、wf" /> 首頁(yè)flash文件</p><p>　　<param name="quality" value="high" /></p><p>　　<embed src="flash901.swf" quality="high" </p><p>　　

76、pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" </p><p>　　width="1019" height="702"></embed></p><p&g

77、t;<b>　　</object></b></p><p>　　</p></body></p><p><b>　　</html></b></p><p>　　4.2 數(shù)據(jù)庫(kù)用到的代碼</p><p>　　<%@ page contentType

78、="text/html; charset=gb2312" </p><p>　　language="java" import="java.sql.*" errorPage="" %> //引用數(shù)據(jù)庫(kù)</p><p>　　<%@ include file="Connections/conn.

79、jsp" %> //連接路徑</p><p>　　<%// *** Edit Operations: declare variables</p><p>　　// set the form action variable</p><p>　　String MM_editAction = request.getRequestURI();//獲取u

80、rl</p><p>　　if (request.getQueryString() != null </p><p>　　&& request.getQueryString().length() > 0) </p><p><b>　　{</b></p><p>　　String queryStri

81、ng = request.getQueryString();</p><p>　　String tempStr = "";</p><p>　　for (int i=0; i < queryString.length(); i++)</p><p><b>　　{</b></p><p>　　i

82、f (queryString.charAt(i) == '<') tempStr = tempStr + "&lt;";</p><p>　　else if (queryString.charAt(i) == '>') tempStr = tempStr + "&gt;";</p><p>

83、　　else if (queryString.charAt(i) == '"') tempStr = tempStr + "&quot;";</p><p>　　else tempStr = tempStr + queryString.charAt(i);</p><p><b>　　}</b></p>

84、;<p>　　MM_editAction += "?" + tempStr;</p><p><b>　　}</b></p><p>　　// connection information //主要連接對(duì)象</p><p>　　String MM_editDriver=null,MM_editConnectio

85、n=null,MM_editUserName=null, MM_editPassword=null;</p><p>　　// redirectinformation</p><p>　　String MM_editRedirectUrl=null;</p><p>　　// query string to execute</p><p>　

86、　StringBuffer MM_editQuery = null;</p><p>　　// boolean to abort record edit</p><p>　　boolean MM_abortEdit = false;</p><p>　　// table information</p><p>　　String MM_edit

87、Table = null, MM_editColumn = null, MM_recordId = null;</p><p>　　// form field information</p><p>　　String[] MM_fields = null, MM_columns = null;</p><p>　　// *** Delete Record: cons

88、truct a sql delete statement and execute it //刪除數(shù)據(jù)內(nèi)容</p><p>　　if (request.getParameter("MM_delete") != null &&</p><p>　　request.getParameter("MM_delete").toString().e

89、quals("form1") &&</p><p>　　request.getParameter("MM_recordId") != null) {</p><p>　　MM_editDriver = MM_conn_DRIVER;</p><p>　　MM_editConnection = MM_co

90、nn_STRING;</p><p>　　MM_editUserName = MM_conn_USERNAME;</p><p>　　MM_editPassword = MM_conn_PASSWORD;</p><p>　　MM_editTable = "lyb";</p><p>　　MM_editColumn

91、 = "id";</p><p>　　MM_recordId = "" + request.getParameter("MM_recordId") + "";</p><p>　　MM_editRedirectUrl = "xs.jsp";</p><p>　　//

92、append the query string to the redirect URL //添加指定路徑</p><p>　　if(MM_editRedirectUrl.length()!=0&&request.getQueryString()!=null) {</p><p>　　MM_editRedirectUrl+=((MM_editRedirectUrl.index

93、Of('?')==-1)?"?":"&") +request.getQueryString();</p><p>　　// *** Delete Record: construct a sql delete statement and execute it //刪除記錄</p><p>　　if (request.getPar

94、ameter("MM_delete") != null &&</p><p>　　request.getParameter("MM_recordId") != null) {</p><p>　　// create the delete sql statement //創(chuàng)建數(shù)據(jù)庫(kù)刪除記錄</p><p>　　M

95、M_editQuery = new StringBuffer("delete from ").append(MM_editTable);</p><p>　　MM_editQuery.append(" where ").append(MM_editColumn).append(" = ").append(MM_recordId);</p>

96、<p>　　if (!MM_abortEdit) { //創(chuàng)建MM_edit驅(qū)動(dòng)</p><p>　　//finish the sql and execute it 完成數(shù)據(jù)庫(kù)連接并退出</p><p>　　Driver MM_driver =</p><p>　　(Driver)Class.forName(MM_editDriver).newInstan

97、ce();</p><p>　　Connection M_connection=DriverManager.getConnection</p><p>　　(MM_editConnection,MM_editUserName,MM_editPassword);</p><p>　　PreparedStatement M_editStatement=MM_connec

98、tion.</p><p>　　prepareStatement(MM_editQuery.toString());</p><p>　　MM_editStatement.executeUpdate();</p><p>　　MM_connection.close();</p><p>　　//redirect with URL parame

99、ters//重定向url參數(shù)</p><p>　　if (MM_editRedirectUrl.length() != 0) {</p><p>　　response.sendRedirect(response.encodeRedirectURL(MM_editRedirectUrl);</p><p>　　return;//返回</p><p&

100、gt;　　<%//創(chuàng)建MM_conn驅(qū)動(dòng)</p><p>　　Driver DriverRecordset1 =</p><p>　　(Driver)Class.forName(MM_conn_DRIVER).newInstance();</p><p>　　Connection ConnRecordset1 = DriverManager.getConnec

101、tion(MM_conn_STRING,MM_conn_USERNAME,MM_conn_PASSWORD);</p><p>　　PreparedStatement //準(zhǔn)備記錄</p><p>　　StatementRecordset1 = ConnRecordset1.prepareStatement("SELECT </p><p>　　* FRO

102、M lyb WHERE id = " + Recordset1__MMColParam + "");</p><p>　　ResultSet Recordset1 = StatementRecordset1.executeQuery();</p><p>　　boolean Recordset1_isEmpty = !Recordset1.next();<

103、;/p><p>　　boolean Recordset1_hasData = !Recordset1_isEmpty;</p><p>　　Object Recordset1_data;</p><p>　　int Recordset1_numRows = 0;</p><p><b>　　%></b></p&g

104、t;<p>　　<input type="hidden" name="MM_delete" value="form1">//定義刪除的form</p><p>　　<input type="hidden" name="MM_recordId" value="<%=((

105、(Recordset1_data = Recordset1.getObject("id"))==null Recordset1.wasNull())?"":Recordset1_data)%>"></p><p>　　<%//關(guān)閉數(shù)據(jù)庫(kù)連接 </p><p>　　Recordset1.close();</p>

106、<p>　　StatementRecordset1.close();</p><p>　　ConnRecordset1.close();</p><p><b>　　%> </b></p><p>　　4.3設(shè)計(jì)技巧和解決方法</p><p>　　我們?cè)谥谱骶W(wǎng)頁(yè)的時(shí)候，經(jīng)常有這種體會(huì)，那就是制作

107、好的網(wǎng)頁(yè)在本地計(jì)算機(jī)上瀏覽時(shí)很正常，但在另外一臺(tái)計(jì)算機(jī)上瀏覽時(shí)發(fā)現(xiàn)原本漂亮的網(wǎng)頁(yè)變得歪歪扭扭了，這是為什么呢?原來(lái)各個(gè)計(jì)算機(jī)的分辨率要使你的主頁(yè)在不同的分辨率下都能正常顯示，在 Dreamweaver中得到了較好的解決。在文檔窗口的右下角，Dreamweaver 顯示當(dāng)前文檔被設(shè)計(jì)成的分辨率大小。單擊哪個(gè)數(shù)字，在彈出式菜單中可以為當(dāng)前的頁(yè)面指定顯示分辨率，通過(guò)修改可以使你的主頁(yè)更具靈活性。使不同分辨率的顯示器都能較好地顯示。 有

108、時(shí)我們?yōu)榱艘_(dá)到一種逼真的效果，希望鼠標(biāo)移動(dòng)到某個(gè)鏈接上時(shí)能有動(dòng)感產(chǎn)生。使用Dreamweaver可以很容易實(shí)現(xiàn)這種效果。設(shè)計(jì)時(shí)，我們首先需要準(zhǔn)備兩幅圖象，第一幅是原始圖象，第二幅是鼠標(biāo)移動(dòng)上去后的圖象。接著用鼠標(biāo)單擊第一幅圖，在屬性面板中的鏈接欄中填上要鏈接的文件，然后單擊鍵盤上的F8鍵，在彈出的Behaviors窗口中單擊“+”號(hào)，隨后選擇“swap image”，在接著出現(xiàn)的窗口中選擇第二幅圖象，最后單擊確定就可以了。</p

109、><p><b>　　總 結(jié)</b></p><p>　　經(jīng)過(guò)老師耐心細(xì)致的指導(dǎo)，及同學(xué)之間的相互交流，同時(shí)翻閱了大量的資料(包括網(wǎng)上資料，書本及學(xué)校的一些相關(guān)資料)經(jīng)過(guò)近一段時(shí)間的努力，個(gè)人網(wǎng)站的設(shè)計(jì)制作告一段落?？偨Y(jié)這次“個(gè)人網(wǎng)站”開(kāi)發(fā)制作過(guò)程，我們綜合使用了目前因特網(wǎng)上比較流行的各種靜態(tài)制作方法，并對(duì)初步利用后臺(tái)程序完成生成網(wǎng)頁(yè)的技術(shù)。同時(shí)也從中學(xué)習(xí)了對(duì)靜態(tài)頁(yè)面的處

110、理風(fēng)格，色彩搭配，頁(yè)面導(dǎo)航方面有了一定經(jīng)驗(yàn)。目前網(wǎng)站的制作技術(shù)與要求，都已經(jīng)告別了因特網(wǎng)初期網(wǎng)站制作的“幼稚”期，隨著各類網(wǎng)站的迅速增加與瀏覽者需求的提高，無(wú)不要求網(wǎng)站從立意，策劃，頁(yè)面設(shè)計(jì)到后臺(tái)程序的全面提高。無(wú)論是個(gè)人網(wǎng)站還是企業(yè)網(wǎng)站都必須被要求從瀏覽者角度出發(fā)，最大限度的滿足用戶的要求，這也是以后各類網(wǎng)站發(fā)展競(jìng)爭(zhēng)的真正實(shí)質(zhì)所在。</p><p>　　本次設(shè)計(jì)由于設(shè)計(jì)時(shí)間較緊，且相關(guān)模塊比較多，加之設(shè)計(jì)經(jīng)驗(yàn)的

111、不足，在網(wǎng)站的整體設(shè)計(jì)及各模塊功能可能設(shè)計(jì)的不完全，有待于進(jìn)一步的完善和改進(jìn)。</p><p><b>　　致 謝</b></p><p>　　在這篇論文完成之際，在此我衷心的感謝我的指導(dǎo)老師cc老師。老師在百忙之抽出時(shí)間來(lái)為我指導(dǎo)講解，并提出了許多寶貴的意見(jiàn)和建議，我的論文才得以順利完成。在即將離開(kāi)學(xué)校之際，再次衷心感謝我系所有老師對(duì)我的幫助，謝謝你們?yōu)槲业拇髮W(xué)生活

112、劃上一個(gè)完滿的句號(hào)！</p><p><b>　　參考文獻(xiàn):</b></p><p>　　[1] 吳濤主編，網(wǎng)站全程設(shè)計(jì)技術(shù)（修訂本），北京：清華大學(xué)出版社；北京交通大學(xué)出版社，2006.7</p><p>　　[2] 龍馬工作室編，ASP+SQL Server組建動(dòng)態(tài)網(wǎng)站實(shí)例精講，北京：人民郵出版社，2008.4</p>&

113、lt;p>　　[3] 趙增敏編，ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)，電子工業(yè)出版社，2003年8月</p><p>　　[4] 任學(xué)文、范嚴(yán)編, 網(wǎng)頁(yè)設(shè)計(jì)與制作，中國(guó)科學(xué)技術(shù)出版社，2006年8月</p><p>　　[5] 武創(chuàng)、王惠,網(wǎng)頁(yè)設(shè)計(jì)探索之旅 ,電子工業(yè)出版社，2006年9月</p><p>　　[6] 杜巧玲等編, 網(wǎng)頁(yè)設(shè)計(jì)超級(jí)夢(mèng)幻組合,清華大學(xué)出版社,

114、 2003年3月</p><p>　　[7] 吳黎兵、羅云芳編，網(wǎng)頁(yè)設(shè)計(jì)教程， 武漢大學(xué)出版社，2006年2月</p><p>　　[8] 莊王健編，網(wǎng)頁(yè)設(shè)計(jì)三劍客白金教程，電子工業(yè)出版社，2006年01月</p><p>　　[9] 澤卡斯著，李松峰，曹力譯.JavaScript高級(jí)程序設(shè)計(jì)(第2版) [J].人民郵電出版社.2010年。</p>