怎樣設計個人動態網站_第1頁
怎樣設計個人動態網站_第2頁
怎樣設計個人動態網站_第3頁
怎樣設計個人動態網站_第4頁
怎樣設計個人動態網站_第5頁
已閱讀5頁,還剩27頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、生活需要游戲,但不能游戲人生;生活需要歌舞,但不需醉生夢死;生活需要藝術,但不能投機取巧;生活需要勇氣,但不能魯莽蠻干;生活需要重復,但不能重蹈覆轍。 無名摘 要人類已進入21世紀,科學突飛猛進,知識經濟初見端倪,特不信息技術和網絡技術的迅載進展和廣泛應用,對社會、經濟、軍事、科學和文化等領域產生越來越深刻的阻礙,也在正在改變著人們的工作、生活、學習和交流方式。隨著信息的迅猛進展,越來越的多人們通過Web來獵取所需要的信息,越來越多的企業建立了自己的WWW網站,也有許多人也制做了自己的個人網站,我所選的畢業設計確實是個人網站。最初的以提供信息資源為主,人們上網要緊的目是是查看資料。而隨著網絡技

2、術的快速進展,電子商務、電子政務等網上應用蓬勃進展,而如此網絡設計語言應運而生。目前要緊的網絡程序設計語言有ASP、PHP和JSP程序設計語言。而總方面來講,ASP、PHP和JSP差不多上差不多上把腳本本語言嵌入HTML文檔中。關鍵詞:ASP: ASP(Active Server Pages)是服務器端腳本編寫 環境,使用它能夠創建和運行動態、交互的 Web 服務器應用程序。個人網頁:個人網頁確實是所屬個人的網站,表現個人思想的網站。動態網頁:所謂動態網頁,確實是講該文件不僅含有html標記,而且含有程序代碼。數據庫:數據庫是一種存儲數據并對數據進行操作的工具。目 錄:引言 3第一章我的個人網

3、站初步設計3第二章網站系統設計選用的工具42.1ASP工具的選用 42.1.1ASP的定義 42.1.2ASP的運行環境 52.1.3掃瞄ASP文件 52.1.4ASP文件差不多組成 52.1.5ASP的程序的特點:52.1.6 ASP的工作原理 62.2 ASP與數據庫 6 2.2.1 ASP的對象存取數據庫方法62.2.2 ASP 中常用的數據庫62.3 SQL語言在ASP中的使用 6 2.4ADO的介紹 7 2.4.1什么是ADO72.4.2 ADO的對象 72.5三劍客在網站中的應用 72.6腳本語言VBScript在ASP中的應用 7 2.6.1 VBScript的定義 7 2.6.

4、2 VBScript 的特點 8我的個人網站的總體設計 83.1 網站的分析與設計 83.1.1 我的個人網站全面分析 83.1.2 網站頁面的設計 83.2數據庫的設計83.3 網站的各項功能的實現9 3.3.1首頁的登錄功能93.3.2首頁用戶注冊 93.3.3 用戶未登錄而不能掃瞄網站 103.3.4 首頁的公告欄的功能 103.3.5后臺與網站的連接 103.3.6我的相冊功能的實現 113.4 我的論壇設計 13結 論 13參考書目 13如何設計個人動態網站引 言我所選擇的畢業設計是個人動態網站設計。我是在姜清超老師指導下進行這一畢業設計的.我的畢業設計是從三月初開始的。通過這一個月

5、多的我的個人動態網站的設計,我學到了專門多知識,這也關于我自己來講是一次專門好的實踐機會的。這一個月多的關于我的網站設計,我在網上查了專門多關于ASP的書藉。我也重新看了往常我所學的網頁制做書藉。學校之因此給我們這些畢業生按排畢業設計,是為了我們能有機會關于這們這三年的大學學習的總結機會。學校一共給我們這屆畢業生按排了五個畢業設計項目。我比較對網站設計感興趣。這一次的畢業設計對我今后的工作,是一次專門好的實踐的機會的。在這一個月多的畢業設計過程中我學習了專門多往常所學沒接觸的知識,也開拓了我的視野。以下我就對正文進行介紹:第一章 我的個人網站初步設計計算機網絡作為一種先進的信息傳輸媒體,其特點

6、確實是信息傳送速度快、信息覆蓋面廣而且成本低。因此許多企業都開始利用網站開展商務活動,比如在互聯網上公布企業信息、為商品做廣告、利用電子郵件進行信息交流等。在互聯網上不僅能夠進行商務活動,我們也能夠把自己的個人網站公布到互聯網上,以供大伙兒觀賞。網站的設計包括它的外觀和它的感觀,而且也要考慮網頁所有的元素:包括觀眾信息、意圖和目標描述、域信息、頁面的規范。網頁的設計是一種審美活動,成功的設計作品一般都專門藝術化。但藝術只是設計的手段,而并非設計的任務。設計的任務是要實現設計者的意圖,而并非制造美。網頁設計是指設計者要表現的主題和實現的功能。個人網站用戶界面要好,簡明有用,既要有自己的特點又要有

7、接近大眾化。主頁的設計應以醒目優先,應該令人一目了然,不堆砌太多不必要的細節,或使畫面過于復雜。要做到這一點,首先要在整體上規劃好自己網站的主題和內容,確定自己需要傳達給訪問用戶的要緊信息,然后認真斟酌,把自己所有要表達的意念合情合理地組織起來;其次,是設計一個富有個性的頁面式樣,務求盡善盡美。如此制作出來的主頁才會清晰、明了、內容充實。第二章 網站系統設計選用的工具2.1ASP工具的選用2.1.1 ASP的定義ASP(Active Server Pages)是服務器端腳本編寫 環境,使用它能夠創建和運行動態、交互的 Web 服務器應用程序。使用 ASP 能夠組合 HTML 頁、腳本命令和 A

8、ctiveX 組件以創建交互的 Web 頁面和基于 Web 的功能強大的應用程序。ASP 應用程序專門容易開發和修改。假如您編過 HTML 網頁,您將發覺 ASP 腳本提供了創建交互頁的簡便方法。假如您曾想從 HTML 表格中收集數據,或用顧客的姓名個人化 HTML 文件,或依照掃瞄器的不同使用不同的特性,您會發覺 ASP 提供了一個出色的解決方案。往常,要想從 HTML 表格中收集數據,就不得不學習一門編程語言來創建一個 CGI 應用程序。現在,您只要將一些簡單的指令嵌入到您的 HTML 文件中,就能夠從表格中收集數據并進行分析。您再不必學習完整的編程語言或者單獨編譯程序來創建交互頁。隨著不

9、斷掌握使用 ASP 和腳本語言的技巧,您能夠創建更復雜的腳本。關于 ASP,您能夠便捷地使用 ActiveX 組件來執行復雜的任務,比如連接數據庫以存儲和檢索信息。假如您差不多掌握一門腳本語言,如 VBScript、JavaScript 或 PERL,而且您差不多了解使用 ASP 的方法。只要安裝了符合 ActiveX 腳本標準的相應腳本引擎,就能夠在 ASP 頁面中使用任何一種腳本語言。ASP 帶有 Microsoft Visual Basic Scripting Edition (VBScript)和 Microsoft Jscript 的腳本引擎,如此您能夠立即開始編輯腳本。PERL、R

10、EXX 和 Python 的 ActiveX 腳本引擎能夠從第三方開發人員處獲得。 P/p Web 開發人員 :假如您差不多掌握了一門編程語言,如 Visual Basic,您將發覺 ASP 是快速創建 Web 應用程序的一個特不靈活的方法。通過向 HTML 中添加腳本命令,您能夠創建應用程序的 HTML 接口。通過創建自己的 ActiveX 組件,能夠將應用程序中的商業邏輯封裝到能夠從腳本、其他組件或從其他程序中調用的模塊。P/p 使用 ASP 進行計算的 Web 可轉化為有形的利益,它使 Web 供應商能夠提供交互的商業應用而不僅僅是公布內容。例如,旅行社能夠比公布航空時刻表做得更多;用

11、ASP 腳本能夠讓客戶察看現有的航班、比較費用并預定座位。 P/p Asp是如此工作的:掃瞄器從 Web 服務器上請求 .asp 文件時,ASP 腳本開始運行。然后 Web 服務器調用 ASP,ASP 全面讀取請求的文件,執行所有腳本命令,并將 Web 頁傳送給掃瞄器。由于腳本在服務器上而不是在客戶端運行,傳送到掃瞄器上的 Web 頁是在 Web 服務器上生成的。因此不必擔心掃瞄器能否處理腳本:Web 服務器差不多完成了所有腳本的處理,并將標準的 HTML 傳輸到掃瞄器。由于只有腳本的結果返回到掃瞄器,因此服務器端腳本不易復制。用戶看不到創建他們正在掃瞄的頁的腳本命令。 P/p 運行ASP頁面

12、相關于一般的html頁面要慢一點,因為一般的html頁面只需要掃瞄器就能夠解析,而ASP則必須是服務器將整頁的代碼都執行一篇之后再發送數據。 然而由于代碼是需要通過服務器執行之后才向掃瞄器發送的,因此在客戶端看到的只能是通過解析之后的數據,而無法獲得源代碼,故編寫者不用擔心自己的代碼會被不人剽竊。2.1.2ASP的運行環境Windows 2000+IIs 5.0(Internet信息治理器5.0)。Windows XP+Iis 5.0(Intetnet 信息治理器5.0)。Windows 98+PWS4.0(personal Web Server4.0,個人Web服務治理器)。Windows

13、NT 4.0 + Windows NT Option pack。2.1.3 掃瞄ASP文件http:/localhost/temp.asp/temp.asphttp:/您的計算機的名字/temp.asphttp:/您的計算機的IP地址/temp.asp2.1.4 ASP文件差不多組成一般的HTML文件,也確實是一般的Web的頁內容。服務器端的Script程序代碼:位于內的程序代碼。客戶的Script的程序代碼:位于內程序代碼。2.1.5ASP的程序的特點:使用Vbscript、Jscript等簡單易明白的腳本語言,結合HTML代碼,即可速地完成網站的應用程序。無需編譯,容易編寫,可在服務器直接

14、執行。使用一般的文本編輯器,如Windows的記事本,即可進行編輯設計。與掃瞄器無關(Browser Independence),用戶端只要使用可執行HTML碼的掃瞄器,即可掃瞄ASP所設計的網頁內容。ASP所用的腳本語言(Vbscript、Jscript)均在Web服務器端執行,用戶的掃瞄器不需要能夠執行這些腳本語言。ASP能與任何ActiveX scripting 語言相容。除了可使用VBScript或Jscript語言來設計外,還通過plug-in的方式,使用由第三方所提供的其他腳本語言。譬如Perl等。腳本引擎是處理腳本程序的COM(Component Object Model)組件。

15、ASP的源程序,不被傳到客戶掃瞄器。因而能夠幸免所寫的源程序被他人剽竊,也提高了程序的安全性。可使用服務器端的腳本來產生客戶端的腳本。物件導向(Object-oriented)。ActiveX(服務器組件ActiveX)Server Components具有無限可擴充性。能夠使用Visual Basic、java、Visual c+、COBOL等編程語言來編寫所需要的ActiveX服務器組件。2.1.6 ASP的工作原理用戶在掃瞄器的地址欄中鍵入ASP文件,并回車觸發那個ASP的申請。掃瞄器將那個ASP的請求發送到給Web服務器。Web Server接收這些申請并依照.asp的后綴名推斷這是A

16、SP要求。Web Server 從硬盤或內存中讀取正確的ASP文件。Web Server 將那個文件發送到ASP.DLL的特定文件中。ASP文件將會從頭至尾執行并依照命令要求生成相應的HTML文件。HTML文件被送回掃瞄器。用戶的掃瞄器解釋這些HTML文件并將結果顯示出來。 2.2 ASP與數據庫2.2.1 ASP的對象存取數據庫方法在ASP中,用來存取數據庫的對象統稱ADO(Active Data Objects),要緊含有三種對象:Connection、Recordset 、CommandConnection:負責打開或連接數據Recordset:負責存取數據表Command:負責對數據庫

17、執行行動查詢命令2.2.2 ASP 中常用的數據庫在ASP中一般使用SQL或Access數據庫。SQLserver運行穩定、效率高、速度快,但配置起來較困難、移植也比較復雜,適合大型網站使用;Access配置簡單,移植方便,但效率較低。適合小型網站。我在我的個人網站所選用的確實是Access數據庫。2.3 SQL語言在ASP中的使用SQL(Structure Query Langage)語言,即結構化查詢語言,是操作數據庫的標準語言。在ASP中,不管何時要訪問一個數據庫,都要使用SQL語言。以下為在ASP中最常用到的語句:select語句查詢數據Insert語句添加記錄Delete語句刪除記錄

18、Update語句更新記錄2.4ADO的介紹2.4.1什么是ADOASP的 Database Access組件使用ADO為Web應用程序提供了一組基于對象的數據訪問接口,是一項將數據庫訪問添加到Web頁的技術。ADO是一個運行于服務器端的ActiveX組件,它所提供的功能是進行數據庫訪問,也是近年來數據庫編程的一個新進展。在ASP中通過使用ADO編寫簡明緊湊的腳本,能夠連接任何ODBC兼容的數據庫,如SQL Server、Access及一般文本文件等數據源。ADO具有界面的一致性的特點,不論后臺使用的是什么數據庫,關于網頁開發人員來講都沒有什么不同。如此,當企業單位進展了,數據庫需要從小型的移植

19、到大型的數據庫時,應用程序的界面幾乎不用作任何變動。另外,ADO具有語言無關性的特點,它同時能夠應用于VB、VC+、VBScript、JavaScrip或Java的開發環境中。2.4.2 ADO的對象Command 對象定義了將對數據源執行的指定命令Connection代表打開的、與數據源的連接。DataControl將數據查詢 Recordset 綁定到一個或多個控件上(例如,文本框、網格控件或組合框),以便在 Web 頁上顯示 ADO.Recordset 數據。DataFactory實現對客戶端應用程序的指定數據源進行讀寫數據訪問方法。Error包含與單個操作(涉及提供者)有關的數據訪問錯

20、誤的詳細信息。Recordset代表來自差不多表或命令執行結果的記錄的全集。任何時候,Recordset 對象所指的當前記錄均為集合內的單個記錄。三劍客在網站中的應用三劍客的融會應用能夠發揮起網頁制作的理想效果。我對整體的網頁布局制作比較喜愛用Dreamweaver。它的設計與ASP代碼的結合能夠達到理想的效果。Fireworks能夠使網頁的占用空間較小,使網頁打開速度提高。2.6腳本語言VBScript在ASP中的應用ASP本身并不是一種腳本語言,但它卻為嵌入HTML頁面的腳本語言提供了運行的環境,在ASP程序中常用的腳本語言有VBScript和JavaScript等語言,我在我的這一畢業設

21、計所選用的腳本語言為VBScript。2.6.1 VBScript的定義VBScript是在HTML文件中使用的一種VB腳本語言,它是VB的一個子集,能夠實現部分VB的功能,從而使HTML語言得到大大的擴展。2.6.2 VBScript 的特點易學易用。可編寫服務器腳本,也要編寫客戶端腳步本。客戶端腳本的特點:掃瞄器完成了所有的工作,這能夠減輕服務器的負擔。客戶端運行程序運行比服務端程序運行快的多。第三章 人網站的總體設計3.1 網站的分析與設計3.1.1 我的個人網站全面分析我的個人網站包括:首頁(index1.asp)、個人簡介(gejian.htm)、心情日記(rjshouye.asp)

22、、我的論壇(index.asp)、我的相冊(listpicture.asp)。首頁(index1.asp):用戶和治理員通過這一頁面對網站進行操作。第一次訪問我的個從網站的用戶也能夠通過一頁面進行注冊用戶。個人簡介(gejian.htm):這一頁面確實是站長關于自己的介紹。心情日記(rjshouye):這一頁面內包含了10個日記:*&瘋了.確實快瘋了夜專門靜心也專門靜嗎夜專門靜心也專門靜、 平靜心情、 。習。慣。、陽光專門好 、愛,覆水難收。、 無奈.、 離我遠點、不要忽視老人的心愿 、我想我是海。我的論壇(index.asp):用戶能夠在此頁面內發表自己的意見。我的相片(listpictur

23、e.asp):這一頁面內有我收集的明星相片,以供大伙兒觀賞。3.1.2 網站頁面的設計我制做我的個人網站采納了動、靜相結合。即靜態的主畫面和動態的子頁面相結合。網站的一些輔助頁面采納靜態頁方式如:心情日記(rjshouye.asp)內的10個日記和我的個人簡介(gejian.htm),關于我的論壇及我的相冊則采納了ASP與Acceess數據庫相相合的,采納交互式的動態的web畫面來實現。本網站采納了flash與圖片結合的方法(flash的參數設置為參數:wmode,值:transparent),使網站的頁更有清新的效果。網站的整體布局,鏈接,等都在Dreamweaver中制作;圖片的優化用Fi

24、reworks制作。3.2 數據庫的設計我的個人網站采納的數據庫是Access,有temp1.mdb,temp.mdb,bbs.mdb三個數據庫文件。temp.mdb的users表文件為用戶登錄與注冊。temp1.mdb的picture為我的相冊的數據表文件。bbs.mdb的forum和bbs是實現我的論壇的表文件。以下就的各個數據庫表文件的詳細介紹:users表:username(用戶登錄與注冊名)、password(用戶與注冊登錄的密碼)、realname(用戶注冊所填寫的真實姓名)、sex(用戶注冊的性不)、address(用戶注冊的通訊地址)、postalcode(用戶注冊的郵政編碼)

25、、tel(用戶注冊電話)、mobiletel(用戶注冊手機)、email(用戶注冊電子郵箱)、web(用戶注冊個人主頁)、intro(用戶注冊個人簡介)。Picture表:title(網頁所顯示的圖片名字)、flilename(圖片的名字)。Froum表:froum_id(為論的欄目id編號)、title(論壇的論題)body(論壇發表的內容)hits(用戶點擊的次數)、ip(用戶的ip 地址)、user_id(用戶發表貼子的用戶名)、user_email(為用戶發表貼子的電子郵件名)、submit_date(用戶發表文章提交的期)、frist_id(用戶公布貼子的主題目)、father_id

26、(用戶公布貼子的子題目)、froumnme(論壇的欄目)、froumcout(統集用戶對某一欄目公布貼子的數目)。3.3 網站的各項功能的實現3.3.1首頁的登錄功能假如用戶未輸入用戶名與密碼而想登錄而單擊了用戶登錄界面的確定按鈕,就會彈出“用戶名不能為空!”消息是用以下代碼現實的。3.3.2首頁用戶注冊用戶的注冊的功能分為了三步:第一步為注冊用戶輸入用戶名與密碼(ADD_2.asp),第二步注冊用戶填寫詳細信息(ADD_3.asp),第三步為用戶注冊成功的祝賀語。第一步中用戶注冊的用戶名要是已有用戶使用了網站就會給予提示“已有人使用該用戶,請重新填寫。實現那個功能是通過以下代碼實現的:sql

27、=select username from users where username= & request(username) & set rs=db.execute(sql)If not rs.eof and not rs.bof Thenexit_flag=1temp_str=已有人使用該用戶End If用戶的注冊名要求大于或等于5位,小于20位,是用以下代碼實現的:If len(request(username)20 Thenexit_flag=1temp_str=用戶名必須大于5位小于20位End If用戶注冊完一步就可進入第二步的注冊與第三步了。用戶注冊頁的最新發表內有五個動人的故事

28、以供用戶觀賞(錯過一時,錯過一生,假如在天堂遇見你,您撥的電話號碼是空號,100年不變的100句溫柔浪漫語,一個讓人們潸然淚下的故事。)3.3.3 用戶未登錄而不能掃瞄網站用戶未登錄用戶是不能掃瞄心情日記與我的相冊。只有登錄與注冊過的用戶才能掃瞄網站的全部。而那個功能是用以下代碼實現的:3.3.4 首頁的公告欄的功能首頁公告欄上下滾動: 3.3.5后臺與網站的連接我把動態相關信息全部儲存在數據庫中, 要想在網頁中顯示數據庫中的相關動態內容必須先對數據庫進行鏈接與打開,要想鏈接數據庫必須使用前文所提到的ADO接口提供的差不多對象中的Connection對象;而要想打開數據庫則必須使用ADO接口提

29、供的差不多對象中的Recordset對象;因此,我采納了調用odbc_connection.asp文件的方法進行連接,將打開與鏈接的代碼寫入了文件中,其方法如下:以下為數據庫連接代碼:3.3.6 我的相冊功能的實現在我的相冊中,用戶能夠掃瞄我的收集的相片,我的相冊有分頁的功能,我在的相冊中差不多上相片的縮小版,用戶單擊某張相片就看到不是相片的縮小的版了,還有相片的名字也一同顯示在我的相冊中。%dim dbset db=server.createobject(ADODB.CONNECTION)db.open DBQ= & server.mappath(temp1.mdb) & ;DRIVER=M

30、icrosoft Access Driver (*.mdb);建立Recordset對象Set rs=Server.CreateObject(ADODB.Recordset)strSql =Select * From picturers.Open strSql,db,1 因為要分頁顯示,因此用鍵盤指針下面查詢記錄,假如非空就顯示記錄If Not rs.Bof And Not rs.Eof Then以下要緊為了分頁顯示rs.PageSize=12 設置每頁顯示6條記錄dim page_total 定義總頁數變量page_total=rs.PageCount 返回總頁數,會在下面輸出數據頁時用到rs.AbsolutePage=page_no 設置當前顯示第幾頁,那個地點用到了傳過來page_no。下面一段利用表格顯示當前頁的所有記錄Dim I,JI=rs.PageSize 變量I用來操縱顯示當前頁記錄,注意那個地點和rs.PageSize要一致。J=0 變量J用來操縱每行顯示3條記錄Response.Write 能夠在那個地點輸出開始新行的標記Do While Not rs.Eof And I0 循環直到當前頁結束或文件結尾I=I-1 每顯示一條,I減1,當變成0時,表示本頁結束J=J

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論