【正文】 專 科 畢 業(yè) 論 文 基于 JSP 的個(gè)人網(wǎng)頁(yè)設(shè)計(jì) JSP based personal webpage design 學(xué)院名稱： 宿遷職業(yè)技術(shù)學(xué)院 專業(yè)班級(jí)： 09 計(jì)算機(jī) 3班 學(xué)生姓名： 羊金洲 指導(dǎo)教師姓名： 陳勇 指導(dǎo)教師職稱： 講師 2021 年 5 月 基于 JSP 的個(gè)人網(wǎng)頁(yè)設(shè)計(jì) 專業(yè)班級(jí)：計(jì)算機(jī)應(yīng)用技術(shù)（ 3）班 學(xué)生姓名：羊金洲 指導(dǎo)老師：陳勇 職稱：講師 摘要 本文就個(gè)人網(wǎng)站的規(guī)劃與建設(shè)，以軟件工程的方法對(duì)全過(guò)程進(jìn)行了分 析與研究。本文的主要工作集中在： （ 1）對(duì) Web 頁(yè)進(jìn)行概述，主要是對(duì) Inter 的歷史和發(fā)展作了回顧，并對(duì) Web 頁(yè)的定義和特性進(jìn)行闡述。并對(duì)網(wǎng)站開發(fā)過(guò)程中使用的開發(fā)工具和技術(shù)作了簡(jiǎn)要的介紹。 （ 2）對(duì)網(wǎng)站建設(shè)中提及到的術(shù)語(yǔ)進(jìn)行了解釋，并對(duì)個(gè)人網(wǎng)站的由來(lái)和發(fā)展 進(jìn)行了討論。 （ 3）對(duì) 自己的個(gè)人網(wǎng)站從規(guī)劃到建設(shè)進(jìn)行了詳細(xì)的分析。 關(guān)鍵詞 ： 網(wǎng)站 數(shù)據(jù)庫(kù) JSP based personal webpage design Abstract: The groundwork of this text is concentrated on: （ 1） Go on because it sum up, whose name is mainly act as and review at developments of history against Inters, 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 developping of Web site. （ 2） The getting under more construction about Web site mention go on and explain for personal the origins of the Web site go on and discuss at developments at term that get. （ 3） The getting Web site personal planning to building detailed more analysis about the one one39。s own. （ 4） Use ASP of + IIS + SQL technologies of it realize the various kinds of function in Web sites of me of,among them and join and use and for ODBC technology at data bases . （ 5） From Web site build and propose one39。s own view and suggestions. Key words : Website access 目 錄 序 言 …………………………………………………………………… 1 第一章 開發(fā)背景…………………………………………………… 2 Web頁(yè)概述 ???????????????????????? 2 開發(fā)工具的選用及介紹 ??? ???????????????? 3 第二章 個(gè)人網(wǎng)站設(shè)計(jì)分析 ………………………………………… 5 相關(guān)術(shù)語(yǔ)及解釋 ????????????????????? 5 我的個(gè)人網(wǎng)站設(shè)計(jì)與規(guī)劃?? ? ? ? ???????????? 6 數(shù)據(jù)庫(kù)設(shè)計(jì)??????????????????????? 7 可行性分析??????????????????????? 10 第三章 詳細(xì)設(shè)計(jì)…………………………………………………… 12 總體結(jié)構(gòu)圖??????????????????????? 12 頁(yè)面的設(shè)計(jì)??????????????????????? 12 站點(diǎn)建立???????????????????????? 14 第四章 編碼………………………………………………………… 16 關(guān)鍵代碼???????????????????????? 16 數(shù)據(jù)庫(kù)用到的代碼???????????????????? 18 設(shè)計(jì)技巧和解決方法??????????????????? 20 結(jié) 論 ……………………………………………………… 21 致 謝 ……………………………………………………… 22 參考文獻(xiàn) ……………………………………………………… 23 序 言 在已跨入 21 世紀(jì)的今天，人類使用和學(xué)習(xí)信息的方式以及信息的包裝方式正在進(jìn)行著不可阻擋的革命，這次革命將比印刷術(shù)的出現(xiàn)所產(chǎn)生的影響以及對(duì)社會(huì)發(fā)展的推動(dòng)遠(yuǎn)為復(fù)雜而巨大。 目前，我國(guó)上網(wǎng)的人口已近一個(gè)億，成立世界上網(wǎng)民最多的國(guó)家，許多人在需要查詢信息，首先想到的就是上網(wǎng)。網(wǎng)站的迷人之處在于綜合使用文本、圖象、聲音、動(dòng)畫和視頻的信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動(dòng)特點(diǎn)，無(wú)可置疑， 網(wǎng)站 已成為最吸引人的也最有效的信息傳遞手段和方式。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，各類網(wǎng)站紛紛出現(xiàn)。 個(gè)人網(wǎng)站也成為了一種時(shí)尚。越來(lái)越多的人希望擁有自己的網(wǎng)站，開辟網(wǎng)絡(luò)世界的一片天地，展示自己的才華和風(fēng)格。 第一章 開發(fā)背景 Web 頁(yè)的概述 Web(World Wide Web，簡(jiǎn)稱 WWW，又稱萬(wàn)維網(wǎng) )是目前 Inter 上應(yīng)用最廣泛也是最重要的信息服務(wù)類型，它的影響已經(jīng)進(jìn)入了 Inter 上的廣告、新聞、電子商務(wù)和展示信息等各個(gè)服務(wù)領(lǐng)域。 Web 采用瀏覽器 /服務(wù)器 （ B/S） 工作模式 ，其運(yùn)作模式可以描述為：請(qǐng)求→處理→應(yīng)答。 Web 以超文本標(biāo)記語(yǔ)言 HTML(Hyper Text Markup Language)與超文本傳輸協(xié)議 HTTP(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)一資源定位器 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、 Tel、 Gopher 及 Mail 等）的無(wú)縫鏈接，特別適合于廣域網(wǎng)中信息的組織、檢索與顯示。 在信息技術(shù)領(lǐng)域中， Web技術(shù)幾乎匯集了當(dāng)前信息處理的所有技術(shù)手段，以求最大限度地滿足人性化的特點(diǎn)。 Web 界面五顏六色，既有文字、彩圖、動(dòng)畫、聲音、視頻和一些相關(guān)信息或目錄摘要，還可根據(jù)需要進(jìn)入你想去的任何地方。只要你愿意或是你能想到的服務(wù)， Web 幾乎都能實(shí)現(xiàn)。 Web技術(shù)涉及諸多技術(shù)領(lǐng)域： （ 1）網(wǎng)絡(luò)硬件技術(shù) 從兩臺(tái)或多臺(tái)機(jī)器組成的對(duì)等網(wǎng)，到主機(jī)控制的以太網(wǎng)，再到生動(dòng)活潑的因特網(wǎng)，每一處都需要有特定的硬件支持 。 1968 年，當(dāng) “LOGIN”的 “LO”從美國(guó)加州洛杉磯分校的電腦屏幕跳到斯坦福大學(xué)的電腦屏幕上時(shí)，標(biāo)志著人類首次組網(wǎng)的成功！組網(wǎng)技術(shù)經(jīng)過(guò)幾十年的錘煉，而今已經(jīng)相當(dāng)成熟了。 網(wǎng)絡(luò)硬件技術(shù)包括很多方面，其主要的作用就是把網(wǎng)絡(luò)中的各種資源通過(guò)相關(guān)網(wǎng)絡(luò)連接設(shè)備連接起來(lái)，實(shí)施網(wǎng)絡(luò)通信和達(dá)到共享網(wǎng)絡(luò)資源的目的。 （ 2） Web 管理技術(shù) 網(wǎng)絡(luò)管理技術(shù)是一個(gè)永久的話題。網(wǎng)絡(luò)管理的難點(diǎn)是安全性問(wèn)題，涉及到防止來(lái)自內(nèi)部和外部的攻擊，這對(duì)管理員自身的技術(shù)是一個(gè)嚴(yán)峻的考驗(yàn)。一個(gè)合格的網(wǎng)管人員，除了管好網(wǎng)絡(luò)，還得和黑 客做技術(shù)上的較量。網(wǎng)絡(luò)管理涉及的方面可謂種類繁多，簡(jiǎn)單地說(shuō)，網(wǎng)絡(luò)管理就是為保證網(wǎng)絡(luò)系統(tǒng)能夠持續(xù)、穩(wěn)定、安全、可靠和高效地運(yùn)行，不受外界干擾，而維持網(wǎng)絡(luò)系統(tǒng)設(shè)施所采取的一系列方式和措施。網(wǎng)絡(luò)管理由網(wǎng)管員通過(guò)駕馭網(wǎng)絡(luò)操作系統(tǒng)和網(wǎng)絡(luò)管理軟件來(lái)實(shí)現(xiàn)。 Web 管理則是在網(wǎng)絡(luò)管理的基礎(chǔ)上，針對(duì)網(wǎng)絡(luò)建設(shè)和維護(hù)所進(jìn)行的一系列管理。諸如架設(shè) Web 服務(wù)器、文件傳輸服務(wù)器、郵件服務(wù)器、域名服務(wù)器、代理服務(wù)器以及用戶管理和計(jì)費(fèi)管理等等。 開發(fā)工具的介紹及選擇 Dreamweaver是創(chuàng)建和管理網(wǎng)頁(yè)的專業(yè)化可視編輯器。使用 Dreamweaver 可以輕松創(chuàng)建跨平臺(tái)、跨瀏覽器的頁(yè)面。 Macromedia 的 RoundtripHTML 技術(shù)允許用戶隨意導(dǎo)入 HTML 文檔而無(wú)需重新設(shè)置代碼格式。 Dreamweaver 可以為用戶做到：使用動(dòng)態(tài) HTML 功能（例如具有動(dòng)態(tài)效果的層和行為）而不用寫一行代碼。它甚至還可以檢查用戶的工作成果在所有流行的平臺(tái)和瀏覽器中可能發(fā)生的錯(cuò)誤。 Dreamweaver 還是一個(gè)可以完全自定義的應(yīng)用程序。用戶可以創(chuàng)建自己的對(duì)象和命令修改菜單和快捷鍵，甚至編寫 JavaScript 代碼擴(kuò)展 Dreamweaver 的行 為和屬性檢查器。 至于 Dreamweaver 工作區(qū)是非常靈活的，因此它可以適應(yīng)各種不同的工作風(fēng)格和使用水平。常用的 Dreamweaver 工作區(qū)組件有以下若干種： （ 1）文檔窗口可顯示當(dāng)前文檔，文檔的外觀和瀏覽器中看到的非常相似。 （ 2）裝載器中包含一些打開和關(guān)閉常用檢查器和模板的按鈕。 （ 3）對(duì)象工具欄包含創(chuàng)建不同類型的對(duì)象（例如圖象、表格和層等）的按鈕。 （ 4）屬性檢查器顯示選定對(duì)象的屬性。 （ 5）快捷菜單可以使用戶對(duì)當(dāng)前選擇或區(qū)域快速執(zhí)行某些命令。 （ 6）可固 定的浮動(dòng)工具欄允許用戶將浮動(dòng)窗口、檢查器和工具欄組合在一個(gè)或多個(gè)選擇窗口中。 網(wǎng)頁(yè)動(dòng)畫的制作軟件 Micromedia Flash Micromedia Flash 用于 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)瀏覽者不同尺寸的屏幕。 Flash 的交互性的大部分設(shè)置就在 Action 和 Fs Command 里，通過(guò)對(duì) Action 和 Fs Command 的設(shè)置，你可以隨意的設(shè)置各事件發(fā)生的效果，還有對(duì)變量及函數(shù)的設(shè)置。 JavaScript JavaSript 是一種基于對(duì)象 (Object)和事件驅(qū)動(dòng) (Event Driven)并具有安全性能的腳本語(yǔ)言。使用它的目的是與 HTML 超文本標(biāo)記語(yǔ)言、 Java 腳本語(yǔ)言（ Java小程序）一起實(shí)現(xiàn)在一個(gè) Web頁(yè)面中鏈接多個(gè)對(duì)象，與 Web 客戶交互作用。從而可以開發(fā)客戶端的應(yīng)用程序等。它是通過(guò)嵌入或調(diào)入在標(biāo)準(zhǔn)的 HTML 語(yǔ)言中實(shí)現(xiàn)的。它的出 現(xiàn)彌補(bǔ)了 HTML 語(yǔ)言的缺陷，它是 Java 與 HTML 折衷的選擇。 第二章 個(gè)人網(wǎng)站設(shè)計(jì)分析 相關(guān)術(shù)語(yǔ)及解釋 Inter Inter(英特網(wǎng) )誕生于上世紀(jì) 60年代，發(fā)展非常慢，到 90年代才 開始迅速發(fā)展。現(xiàn)在英特網(wǎng)已經(jīng)是世界上最大的網(wǎng)絡(luò)的，聯(lián)在英特網(wǎng)上的電腦有數(shù)億臺(tái)。上面的資料、信息數(shù)不勝數(shù)，所以有人把英特網(wǎng)叫成是信息的海洋、知識(shí)的海洋 。 站點(diǎn) 所謂站點(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ú)文件的形式存在。 超鏈接 我們?cè)跒g覽網(wǎng)頁(yè)時(shí)，當(dāng)鼠標(biāo)指針指向某段文本或是某個(gè)圖像，鼠標(biāo)指針變成小手狀，單擊鼠標(biāo)可以打開其他的網(wǎng)頁(yè)或是跳轉(zhuǎn)到其他的網(wǎng)站，這就是超鏈接。采用超鏈接技術(shù)可以將不同的網(wǎng)站、網(wǎng)站中的不同網(wǎng)頁(yè)、網(wǎng)頁(yè)中的不同位置彼此串在一起，實(shí)現(xiàn)相互間的跳轉(zhuǎn)，方便信息的瀏覽和查找。