基于jsp的個人網頁設計畢業(yè)論文

1、<p>　　專 科 畢 業(yè) 論 文</p><p>　　基于JSP的個人網頁設計</p><p>　　JSP based personal webpage design</p><p>　　學院名稱： </p><p>　　專業(yè)班級： 09計算機3班 </p><p&

2、gt;　　學生姓名： </p><p>　　指導教師姓名： </p><p>　　指導教師職稱： 講師 </p><p><b>　　2012 年 5月</b></p><p>　　基于JSP的個人網頁設計</p><p>　　摘要 本

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

4、對網站建設中提及到的術語進行了解釋，并對個人網站的由來和發(fā)展</p><p><b>　　進行了討論。</b></p><p>　?。?）對自己的個人網站從規(guī)劃到建設進行了詳細的分析。</p><p>　　關鍵詞 ：網站 數據庫 dreamweaver8.0</p><p>　　JSP based personal we

5、bpage design</p><p>　　Abstract: The groundwork of this text is concentrated on: </p><p>　?。?）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>　?。?）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>　?。?）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>　　（5）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、;　　第一章 開發(fā)背景……………………………………………………2</p><p>　　1.1 Web頁概述………………………………………………………………2</p><p>　　1.2開發(fā)工具的選用及介紹…………………………………………………3</p><p>　　第二章 個人網站設計分析…………………………………………5</p><p&g

12、t;　　2.1 相關術語及解釋……………………………………………………… 5</p><p>　　2.2 我的個人網站設計與規(guī)劃…………………………………………… 6</p><p>　　2.3 數據庫設計…………………………………………………………… 7</p><p>　　2.4 可行性分析……………………………………………………………10</p>

13、<p>　　第三章 詳細設計……………………………………………………12</p><p>　　3.1總體結構圖……………………………………………………………12</p><p>　　3.2頁面的設計……………………………………………………………12</p><p>　　3.3站點建立………………………………………………………………14</p>

14、;<p>　　第四章 編碼…………………………………………………………16</p><p>　　4.1關鍵代碼………………………………………………………………16</p><p>　　4.2數據庫用到的代碼……………………………………………………18</p><p>　　4.3設計技巧和解決方法…………………………………………………20</p&

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

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

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

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

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

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

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

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

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

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

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

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

27、en)并具有安全性能的腳本語言。使用它的目的是與HTML超文本標記語言、Java 腳本語言（Java小程序）一起實現在一個Web頁面中鏈接多個對象，與Web客戶交互作用。從而可以開發(fā)客戶端的應用程序等。它是通過嵌入或調入在標準的HTML語言中實現的。它的出現彌補了HTML語言的缺陷，它是Java與HTML折衷的選擇。 </p><p>　　第二章 個人網站設計分析</p><p>　　2

28、.1相關術語及解釋</p><p>　　2.1.1 Internet</p><p>　　Internet(英特網)誕生于上世紀60年代，發(fā)展非常慢，到90年代才開始迅速發(fā)展?，F在英特網已經是世界上最大的網絡的，聯(lián)在英特網上的電腦有數億臺。上面的資料、信息數不勝數，所以有人把英特網叫成是信息的海洋、知識的海洋。</p><p><b>　　2.1.2 站點

29、</b></p><p>　　所謂站點，就是將網頁文件和素材文件，有條理地放置站點文件夾里，這些文件與文件夾就構成了網站的實質內容。站點文件夾里除了網頁文件還有素材文件，所謂素材就是網頁中所用到的圖像、聲音、視頻等，這些內容是以單獨文件的形式存在。</p><p><b>　　2.1.3 超鏈接</b></p><p>　　我們在瀏

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

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

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

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

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

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

36、<p><b>　　2.2.4功能描述</b></p><p><b>　　(1)首頁</b></p><p>　　點擊首頁可以讓別人看見制作的動畫影視。</p><p><b>　　(2)我的資料</b></p><p>　　是對自己的一個簡單的介紹，可以讓他人對我

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

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

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

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

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

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

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

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

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

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

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

48、全漏洞事件是誰的責任呢？當第三方丟失客戶信息時，你不能也不應該只躲在云供應商后面。除了網頁接入問題，怎樣才能使供應商的物理位置安全呢？他們經常進行備份么？有異地數據存儲么？這些實在沒有辦法百分之百的確定。你只能相信你的供應商能照顧好您的數據。</p><p>　　互聯(lián)網連接風險的損失：由于你的數據通過網絡進行交互，你應該考慮失去數據庫連接將會對你的企業(yè)生產帶來怎樣的影響。這種風險你能忍受么？這里有個叫做五個九的高

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

50、;b>　　1.新建數據庫 </b></p><p><b>　　(1)</b></p><p>　　2.更改數據庫的路徑</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 經濟可行性分析</p><p>　　網頁開發(fā)費用低，開發(fā)周期短。</p><p>　　2.4.2 技術可行性分析</p><p>　　計算機硬件和軟件技術的飛速發(fā)展，為

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

53、/b></p><p>　　3.1.1功能模塊圖</p><p><b>　　圖3-1-1</b></p><p><b>　　3.2 頁面設計</b></p><p><b>　　3.2.1相冊</b></p><p>　　是一個個人相片和精彩圖

54、片展示的地方，在相冊中，我們可以了解到站長的個人風采和自己喜歡的圖片。</p><p><b>　　3.2.2 功能</b></p><p>　　利用ASP對象語句顯示圖片，讓大家可以看見所有圖片的縮略圖，同時每個圖片都有快照功能，可以瀏覽圖片的全圖。</p><p>　　3.2.3、組成構造</p><p>　　相冊結

55、果顯示頁面 dreamweaver：用來顯示所有圖片。</p><p>　　3.2.4相冊頁面瀏覽效果圖，如圖：</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音樂</b></p><p>　　是一個音樂收藏和音樂欣賞的地方。</p><p><b>　?。?）功能</b></p><p>　　添加了自己喜歡的本地音樂，每次打開網頁的時候都可以自動播放。</p><p>　　（2）音樂頁面瀏覽效果圖，如下圖：</p>

57、;<p><b>　　圖3-2-6</b></p><p>　?。?）留言板效果圖：</p><p><b>　　圖3-2-6</b></p><p><b>　　圖3-2-6</b></p><p><b>　　3.3 站點的建立</b>&

58、lt;/p><p>　?。?）打開：“窗口”下的“新建站點”</p><p><b>　?。?）按“下一步</b></p><p>　?。?）單擊“下一步”</p><p>　　（4）單擊“下一步”（出現“你如何連接到遠程服務器”時選擇“無”）</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關鍵代碼設計 </p><p><b>　　4.1.1首頁代碼</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> 添加背景音樂</p><p>　　<meta http-equiv=&qu

63、ot;Content-Type" content="text/html; charset=gb2312" </p><p><b>　　/></b></p><p>　　<title>羊金州的個人空間</title> //空間標題</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;設置字體大小</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>歡迎光臨我的個人空間</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="首頁.html" class="STYLE5">首頁</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 --> 首頁顯示

73、當前時間</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" /> 首頁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 數據庫用到的代碼</p><p>　　<%@ page contentType

78、="text/html; charset=gb2312" </p><p>　　language="java" import="java.sql.*" errorPage="" %> //引用數據庫</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 //主要連接對象</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 //刪除數據內容</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)建數據庫刪除記錄</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驅動</p><p>　　//finish the sql and execute it 完成數據庫連接并退出</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參數</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驅動</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 //準備記錄</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>　　<%//關閉數據庫連接 </p><p>　　Recordset1.close();</p>

106、<p>　　StatementRecordset1.close();</p><p>　　ConnRecordset1.close();</p><p><b>　　%> </b></p><p>　　4.3設計技巧和解決方法</p><p>　　我們在制作網頁的時候，經常有這種體會，那就是制作

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

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

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

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

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

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

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

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