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