【導(dǎo)讀】地位，并發(fā)揮著其及其重要的作用。無論是在國內(nèi)還是國外都得以迅速的發(fā)展和。壯大，并被人們重視和關(guān)注?；ヂ?lián)網(wǎng)已經(jīng)徹底的改變了世界，互聯(lián)網(wǎng)的世界里蘊。人們聯(lián)系交流等等活動也就顯的日益重要。于是各種各樣的網(wǎng)站便如雨后春筍般。地出現(xiàn)魚龍混雜且良莠不齊。Inter的日益興起和以網(wǎng)頁為載體的網(wǎng)絡(luò)信息的廣。品推銷、售后服務(wù)、解決方案，小至個人Web頁面開發(fā)，形形色色，五彩繽紛，在需求分析結(jié)果的基礎(chǔ)上，對系統(tǒng)的功能模塊進行劃分。中的數(shù)據(jù)庫進行模型設(shè)計，包括數(shù)據(jù)流圖、實體聯(lián)系圖及數(shù)據(jù)表結(jié)構(gòu)。技術(shù)實現(xiàn)網(wǎng)站的過程。

　　

【正文】 放置了歌曲的名字，網(wǎng)友無需登錄，即可收聽自己喜 歡的歌曲。 % i=2 % embed src=%=(Samp。i)% loop=false autostart=false name=bgss2 width=200 height=120 以上代碼用來讀取數(shù)據(jù)庫中的音樂路徑，此控件專門播放 mp3 的音樂。進入播放界面后，就會出現(xiàn)此控件，點擊播放就直接調(diào)用數(shù)據(jù)庫中的音樂進行播放 圖 37 音樂界面 我的相冊版塊 個人網(wǎng)站中又一亮點就是個人相冊的設(shè)置，在我的相冊里，放置了我自己的照片、班級照片和校園 照片。 相冊里面的這三個版塊具有相同的版面設(shè)計，如下圖所示： 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 24 圖 38 相冊界面 這些照片的路徑存放在數(shù)據(jù)庫中，在頁面中直接連接顯示，點擊每個小圖即可察看大圖。連接數(shù)據(jù)庫顯示圖片代碼如下： % i=1 % //連接的第一張圖片 img src=%=(Samp。i)% width=170 height=160/a 此代碼用于連接數(shù)據(jù)庫中圖片表的圖片路徑。設(shè)置 i 的值連接不同的圖片，獲得數(shù)據(jù)庫中圖片的 cookies 值。 網(wǎng)站說明版塊 此版塊是我根據(jù)自己的網(wǎng)站結(jié)構(gòu)對整個網(wǎng)站以及每個版塊所做的網(wǎng)站結(jié)構(gòu)和功能的說明，以及網(wǎng)站和作者版權(quán)說明。如下圖所示： 圖 39 網(wǎng)站說明界面 如果網(wǎng)友不清楚網(wǎng)站的構(gòu)架，可以查看此版塊。 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 25 給我留言版塊 留言板是目前最為流行的網(wǎng)絡(luò)應(yīng)用之一，使用留言板，可以為留言者提供發(fā)言的機會，讓他們能夠及時、準確地交換自己的觀點。 留言板主界面 完整的留言板具有發(fā)表留言和察看別人留言的功能，如圖所示的留言板主界面 ，可由此進入留言界面和察看留言界面。 圖 310 留言主界面 在主界面中存有全部留言的作者和主題，點擊你想察看的主題就會進入察看留言界面，點擊 “發(fā)表帖子”進入留言界面。 留言界面 進入留言界面后，將會看到如下圖所示的界面 ： 圖 311 發(fā)表留言界面 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 26 用戶名、標題和內(nèi)容填完以后點擊提交按鈕系統(tǒng)就會提醒你提交成功，察看帖子，如果填寫不完整系統(tǒng)就會提示你錯誤信息。 ? 內(nèi)容提交后，就會自動保存在數(shù)據(jù)庫中，其中連接數(shù)據(jù)庫代碼如下： %name=Replace((name),39。,39。39。)title=Replace(Request.Form(title),39。,39。39。) body=Replace((body),39。,39。39。)% ? 保存內(nèi)容到數(shù)據(jù)庫代碼如下： %setsavebbs=(insertinto bbs(name,title,body)values(39。amp。nameamp。39。,39。amp。titleamp。39。,39。amp。bodyamp。39。))% 刷新數(shù)據(jù)庫表中的內(nèi)容，產(chǎn)生新的記錄集。 察看留言界面 進入察看留言界面后，可以看到每個留言者 的留言內(nèi)容，如圖所示 ： ? 進入每個帖子的瀏覽頁，主要是通過連接數(shù)據(jù)庫獲取該帖子的 id 號，其代碼如下： %id=(id)% %set show=(select * from bbs where id = amp。id amp。)% ? 分別顯示作者、主題和內(nèi)容的代碼如下： %=show(name)% %=show(title)% %=show(body)% 圖 312 察看留言界面 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 27 連接數(shù)據(jù) 庫 留言板中的每個頁面 、 、 、 都包含了連接數(shù)據(jù)庫的文件 ，目的是隨時連接數(shù)據(jù)庫，它的代碼如下： %39。 set conn=() = () 39。=10 39。connstr=DBQ=+()+。DefaultDir=。 DRIVER={Microsoft Access Driver (*.mdb)}。 39。set conn=() 39。 connstr % 代碼的意思是創(chuàng)建 ADODB 數(shù)據(jù)源，創(chuàng)建連接驅(qū)，連接表的路徑以及 access 數(shù)據(jù)對象，進行網(wǎng)頁和數(shù)據(jù)庫的連接。 發(fā)送郵件版塊 在網(wǎng)站的每個大的版塊上都有“與我聯(lián)系”的圖片鏈接，點擊此鏈接可進 入如下界面： 在這里可以選擇要發(fā)送郵件的收件人，主題及內(nèi)容。主要實現(xiàn)的代碼如下： mailto: 此代碼主要用于連接到 outlook express，進行郵件的發(fā)送。 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 28 圖 313 發(fā)送郵件界面 鏈接百度版塊 在網(wǎng)站的首頁上我設(shè)置了鏈接百度的搜索引擎，如果訪客有內(nèi)容要查詢，可以直接在此引擎內(nèi)搜索，可直接鏈接到百度查找內(nèi)容。如下圖所示： 圖 314 鏈接百度 連接百度腳本代碼如下： SCRIPT language=javascript function g(formname) { var url = = 2097152。 = url。 return true。 } /SCRIPT 使用 javascript 腳本語言，定義一個表格函數(shù)，把百度的路徑存儲到表格屬無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 29 性中，通過表格動作訪問百度的網(wǎng)址。 網(wǎng)站的風(fēng)格是否統(tǒng)一 一個成功的網(wǎng)站首先需要一個優(yōu)秀的設(shè)計，然后輔之優(yōu)秀的制作。設(shè)計是網(wǎng)站 的核心和靈魂，一個相同的設(shè)計可以有多種制作表現(xiàn)的方式。 ? 一方面是純網(wǎng)站本身的設(shè)計比如文字排版、圖片制作、平面設(shè)計、三維立體設(shè)計、靜態(tài)無聲圖文、動態(tài)有聲影像等。 ? 另一方面是網(wǎng)站的延伸設(shè)計，包括網(wǎng)站的主題定位和瀏覽群定位、智能交互、制作策劃、形象包裝等。 這兩方面相輔相成，做完網(wǎng)站后，首先需要測試的就是網(wǎng)站的整體風(fēng)格和總體色調(diào)。每個網(wǎng)站的風(fēng)格都有特定的主題，我的網(wǎng)站主色調(diào)是綠色，但其中也不乏別的顏色予以搭配，使整個網(wǎng)站看起來有一種溫文爾雅的感覺。 其次是看網(wǎng)頁風(fēng)格的測試，每個頁面上的字體的風(fēng)格、字體顏色、字體的 特效、文本風(fēng)格、文本顏色、以及表格屬性、位置等都要有統(tǒng)一的設(shè)置。如我的網(wǎng)站每個頁面上的滾動字幕及字體特效都有統(tǒng)一的風(fēng)格。 網(wǎng)站鏈接穩(wěn)定性測試 超級鏈接對于網(wǎng)站用戶而言意味著能不能流暢的使用整個網(wǎng)站提供的服務(wù)，因而鏈接將作為一個獨立的項目進行測試。 網(wǎng)站能夠正確運行首先要保證鏈接能夠連貫運行。 網(wǎng)站的運行中整個系統(tǒng)是否運行正常， 我 主要采用將測試 網(wǎng)站 長時間運轉(zhuǎn)進行測試 ，派生出執(zhí)行程序所有功能需求的輸入條件，從而導(dǎo)出測試用例，進行測試，網(wǎng)站中的每個版塊的每個頁面都出現(xiàn)了很多的鏈接，所以每個版塊要先進行單獨 測試，單獨測試完成后，根據(jù)個版塊之間的連接結(jié)構(gòu)再進行總體測試，從而達到網(wǎng)站的整體的運營能夠順利地進行。在測試這個環(huán)節(jié)時，沒有特定的測試方法，就要做到細心，做到網(wǎng)站的順利運行。 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 30 數(shù)據(jù)庫測試 數(shù)據(jù)庫鏈接是一種危險的、昂貴的、有限的資源，特別是在多層 Web應(yīng)用程序中。必須正確管理鏈接 。如果鏈接不當，整個網(wǎng)站的性能也會受到影響，我在測試這個環(huán)節(jié)的時候也是使整個程序長時間運行，多向數(shù)據(jù)庫提交數(shù)據(jù)，調(diào)用數(shù)據(jù)庫里面的內(nèi)容進行顯示。 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 31 第四章 總結(jié) 在本次設(shè)計的全過程中，我對四年所學(xué)的知識有了一個比較系統(tǒng)的認識 和理解。涉及了各方面的知識，大大擴展了我的知識面，同時是我學(xué)會了如何使用所學(xué)的知識去解決一些實際的問題。 在設(shè)計中我深知自己掌握的知識還遠遠不夠，掌握的一些理論知識應(yīng)用到實踐中去，總會出現(xiàn)這樣或那樣的問題，不是理論沒有掌握好，而是光知道書本上的知識是遠遠不夠的，一定要把理論知識和實踐結(jié)合起來。把學(xué)到的知識應(yīng)用到時間中去，多做多練，才可以把理論的精華發(fā)揮出來。知識不是知道，了解就好，一定要去應(yīng)用它，發(fā)展它，讓它在現(xiàn)實生活中得到充分的應(yīng)用，從而解決一些問題，這才是學(xué)習(xí)的根本目的。而且知識又不是單一的，它是互相聯(lián) 系的，學(xué)科與學(xué)科之間都有著內(nèi)在的聯(lián)系。計算機是一門非常復(fù)雜且龐大的學(xué)科，一項課題往往需要多項技術(shù)才可以完成的。在設(shè)計階段，通過對課題的深入分析與研究，迫使我對技術(shù)有了一定的了解。在遇到問題時，得到了指導(dǎo)老師與同學(xué)的悉心幫助，使我感受到集體的力量是無窮的。 通過這次設(shè)計，我學(xué)會了和別人配合工作，因為一個人所學(xué)的知識不可能面面俱到的，只有通過合作，發(fā)揮自己的優(yōu)點，體現(xiàn)團隊精神，才能使工作做得更為出色。通過這次設(shè)計，我學(xué)到了許多書本上學(xué)不到的知識，增強了自己的動手能力。即將畢業(yè)我十分珍惜這次鍛煉的機會，我 按部就班的完成了自己的設(shè)計任務(wù)，但由于自己的知識水平有限，仍然存在很多的不足之處，懇請老師多多指教！當今的社會是競爭的社會，而人才的競爭則是競爭的焦點，畢業(yè)設(shè)計對于我們即將離校的同學(xué)來說，是離校前很好的一次鍛煉，使我們各方面的能力都有了很大的提高，為我們踏出校門，走上社會增強了能力與自信！ 計算機技術(shù)的高速發(fā)展，使我深深地認識到只有不斷的加強學(xué)習(xí)，才能在計算機技術(shù)方面不至于被淘汰，今后，我還要加強學(xué)習(xí)，努力使自己成為一位專業(yè)的計算機人員，為我自己所從事的工作服務(wù)。 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 32 致謝 畢業(yè)設(shè)計完成之際，我 由衷地感謝 陳 老師的大力幫助和支持，感謝我的同學(xué)與朋友，在我遇到各種各樣復(fù)雜問題的時候，給予我鼓勵和幫助，使我的分析問題和解決問題能力有了很大的提高。 經(jīng)過 幾個月 的忙碌和工作，本次畢業(yè)設(shè)計已經(jīng)接近尾聲，作為一個畢業(yè)設(shè)計，由于經(jīng)驗的匱乏，難免有許多考慮不周全的地方，如果沒有導(dǎo)師的督促指導(dǎo)，以及一起工作的同學(xué)們的支持，想要完成這個設(shè)計是難以想象的 本論文是在 陳老師 悉心指導(dǎo)下完成的。 陳老 師淵博的專業(yè)知識，嚴謹?shù)闹螌W(xué)態(tài)度，精益求精的工作作風(fēng)，誨人不倦的高尚師德，嚴以律己、寬以待人的崇高風(fēng)范，樸實無華、平易近人的人格魅 力對我影響深遠。不僅使我樹立了遠大的學(xué)術(shù)目標、掌握了基本的研究方法，還使我明白了許多待人接物與為人處世的道理。所有這一切都將成為我受益終生的寶貴財富 !本論文從選題到完成，每一步都是在導(dǎo)師的指導(dǎo)下完成的，傾注了導(dǎo)師大量的心血。在此，謹向?qū)煴硎境绺叩木匆夂椭孕牡母兄x！我在研究思想方法上得到了許多啟發(fā)，并在研究工作中采用他們的部分研究成果與統(tǒng)計資料。盡管與他們?yōu)槲腋冻龅囊磺邢啾龋械恼Z言都顯得蒼白無力，我仍要真誠地說聲 :謝謝 ! 感謝我的三年來對我學(xué)習(xí)、生活的關(guān)心和幫助。在論文即將完成之際，我的心情無法平靜，從 開始進入課題到論文的順利完成，有多少可敬的師長、同學(xué)、朋友給了我無言的幫助，在這里請接受我誠摯的謝意！ 最后感謝我的母校 — 無錫科技職業(yè)學(xué)院三 年來對我的大力栽培。 畢業(yè)設(shè)計完成之際，我由衷地感軟件服務(wù)與外包學(xué)院的各位指導(dǎo)老師們的大力幫助和支持，感謝我的同學(xué)與朋友，在我遇到各種各樣復(fù)雜問題的時候，給與我鼓勵和幫助，使我的分析問題和解決問題能力有了很大的提高。 設(shè)計期間，指導(dǎo)老師嚴肅的科學(xué)態(tài)度、嚴謹?shù)闹螌W(xué)精神、精益求精的工作作風(fēng)深深地感染和激勵著我。從課題的選擇到項目的最終完成，都始終給予我細心的指導(dǎo)和不懈的支持 。 無錫科技職業(yè)學(xué)院畢業(yè)設(shè)計（論文） 個人網(wǎng)站制作 33 參考文獻 [1]John Vlissides Pattern Hatching[M] AddisonWesley,1998. [2]Stephen Stelting,Olav Maassen Spplied Java Patterns[M] Prentice Hall,2020 [3]Kirk Knoernschild Java DesignObjects,UML and Process[M] AddisonWesley,2020 [4]劉華 ,程序設(shè)計 [M]. 北京： 清華大學(xué)出版社 .2020 [5]小志 ,ASP 入門與實例演練薄 [M]. 北京：中國青年出版社， [6]趙增敏 , ASP 動態(tài)網(wǎng)頁設(shè)計 [M]. 北京：電子工業(yè)出版社， 2020 [7]鄧文淵 ,陳俊華，挑戰(zhàn) ASP 與網(wǎng)頁數(shù)據(jù)庫設(shè)計 [M].北京：中國鐵路出版社， 2020 [8]宣小平 ,ASP 數(shù)據(jù)庫系統(tǒng)開發(fā)實例導(dǎo)航 [M].北京：人民郵電出版社， 2020 [9] 蒙新 .ASP 編程技術(shù)與綜合實例演練 [M].北京 ： 清華大學(xué) 出版社 ,2020 [10] 王珊等 . 數(shù)據(jù)庫系統(tǒng)概論（第四版） [M]. 北京：高等教育出版社 ,2020 [11] 季久峰 ， 梁建全 ， 宋修舵 ， 等 .專家門診 —— 開發(fā)答疑 200問 [M].北京 ：人民郵電出版 ， 2020 [12] 劉瑞新 、 汪遠征 、 程伯言 .ASP 編程基礎(chǔ)及應(yīng)用教程 [M]. 北京 ：機械工業(yè)出版社出版 ， 2020 [13] 于鵬 . VBScipt/ASP 網(wǎng)頁設(shè)計語言教程 [M]. 出版社：電子工業(yè)出版社 ,2020 [14] C