計算機網(wǎng)絡技術畢業(yè)論文---個人主頁設計_第1頁
已閱讀1頁,還剩31頁未讀 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

1、<p><b>  畢 業(yè) 論 文</b></p><p><b>  個人主頁</b></p><p>  姓 名: xxxxx </p><p>  學 號: xxxxxxxxxxxxxxxx </p><p>  指導老師: xxx

2、xxxxx </p><p>  系 名: xxxxxxxxxxx系 </p><p>  專 業(yè): 計算機網(wǎng)絡技術 </p><p>  班 級: xx網(wǎng)大xx班 </p><p>  二0xx年xx月xx日</p><p><b>  

3、摘 要</b></p><p>  在Internet飛速發(fā)展的今天,互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,它在人們政治、經濟、生活等各個方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網(wǎng)站來實現(xiàn)的,獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設在Internet應用上的地位顯而易見,它已成為政府、企事業(yè)單位信息化建設中

4、的重要組成部分,從而倍受人們的重視。因此,個人主頁的構建具有重要的意義。隨著數(shù)字化、信息化、網(wǎng)絡化的進一步發(fā)展,作為第四媒體的互聯(lián)網(wǎng),其特點就是可以跨越時空,在正常情況下, 網(wǎng)站無時無刻不在工作,客服可以跨越時空了解它們。它利用互聯(lián)網(wǎng)的突破地域限制的特點,為您同時服務于世界各地的用戶。正因為網(wǎng)絡無休息,一年365天、一天24小時,您得網(wǎng)站永遠忠實地服務于您的所有用戶。同時,再利用多媒體技術,可以向用戶展示自己、宣傳自己,樹立現(xiàn)代形象,無

5、形中增值了自己的資產。不同的網(wǎng)站的宣傳效果各異,但是都大大提高了傳播宣傳力度。本文通過對個人主頁構建的研究,著重從需求分析、網(wǎng)站功能實現(xiàn)以及網(wǎng)站界面的設計與美化等方面進行分析與描述,并給出具體的</p><p>  關鍵詞:Internet技術、個人主頁、網(wǎng)頁設計、網(wǎng)站建設、網(wǎng)頁、網(wǎng)站美工</p><p><b>  Abstract</b></p>&

6、lt;p>  Rapid development of the Internet today, become the quick access to the Internet, publishing, and an important channel for transmitting information, it's political, economic, and other aspects of life play

7、an important role. Publish information on the Internet is mainly achieved through the website, access to information but also to Internet "sea" in accordance with a certain way to retrieve the information neede

8、d to download from the site. Therefore, the construction site on the Internet the st</p><p>  Key words: Internet technologies, personal home page, web design, website development, web, web art</p>&l

9、t;p><b>  目 錄</b></p><p><b>  緒 論1</b></p><p>  第一章 網(wǎng)站功能與需求分析2</p><p>  1.1功能簡介與需求分析2</p><p>  1.2開發(fā)及運行環(huán)境分析2</p><p>  1.2.1

10、服務器的軟硬件配置最低要求2</p><p>  1.2.2客戶端的軟硬件配置最低要求2</p><p>  1.3 系統(tǒng)的開發(fā)工具2</p><p>  1.4 數(shù)據(jù)表的分析3</p><p>  1.5 個人主頁網(wǎng)站的整體設計拓撲圖5</p><p>  1.6 個人主頁網(wǎng)站主頁面效果圖6</p&

11、gt;<p>  1.7 網(wǎng)站總體設計7</p><p>  1.7.1網(wǎng)站功能簡介7</p><p>  1.7.2 網(wǎng)站模塊結構介紹7</p><p>  第二章 網(wǎng)站前臺主要功能實現(xiàn)8</p><p>  2.1首頁頁面的功能實現(xiàn)8</p><p>  2.2相冊頁面的功能實現(xiàn)8<

12、/p><p>  2.3簡歷頁面展示頁面的功能實現(xiàn)8</p><p>  2.4日志頁面的功能實現(xiàn)9</p><p>  2.5新聞發(fā)布系統(tǒng)頁面的功能實現(xiàn)9</p><p>  2.6音樂頁面的功能實現(xiàn)9</p><p>  2.7留言頁面的功能實現(xiàn)10</p><p>  2.8網(wǎng)址搜索

13、頁面的功能實現(xiàn)10</p><p>  第三章 網(wǎng)站后臺主要功能實現(xiàn)11</p><p>  3.1相冊管理頁面的功能實現(xiàn)11</p><p>  3.2簡歷管理頁面的功能實現(xiàn)11</p><p>  3.3日志管理頁面的功能實現(xiàn)11</p><p>  3.4新聞管理頁面的功能實現(xiàn)12</p>

14、<p>  3.5音樂管理頁面的功能實現(xiàn)13</p><p>  3.6留言管理頁面的功能實現(xiàn)13</p><p>  3.7搜索管理頁面的功能實現(xiàn)14</p><p>  第四章 網(wǎng)站部分代碼分析15</p><p>  4.1 Webconfig 配置文件15</p><p>  4.2 數(shù)

15、據(jù)庫連接16</p><p>  4.3 新聞顯示、發(fā)布、編輯與刪除16</p><p>  4.3.1 新聞顯示頁面實現(xiàn)代碼16</p><p>  4.3.2 新聞發(fā)布實現(xiàn)代碼17</p><p>  4.3.3 新聞編輯與刪除實現(xiàn)代碼18</p><p>  4.4 留言顯示分頁效果實現(xiàn)代碼20<

16、;/p><p>  4.5 其他代碼說明分析23</p><p><b>  總 結24</b></p><p><b>  致    謝25</b></p><p><b>  參考文獻26</b></p><

17、p><b>  緒 論</b></p><p>  隨著現(xiàn)代計算機科學的快速發(fā)展,網(wǎng)絡越來越普及,逐步融入人們的日常生活和工作,已成為人們生活和工作的一部分,同時網(wǎng)絡也提供了一種快捷、方便的信息交流平臺。豐富了人們的生活,同時大大提高了人們的工作效率。而個人主頁是一個利用網(wǎng)絡展示個人信息,推銷自己的重要的途徑之一。同時個人主頁是各類網(wǎng)站中一大分支,有著非常廣泛的宣傳和信息傳播的效果。

18、尤其是高等學校、企事業(yè)單位、政府部門等乃至個人都和網(wǎng)站的關系十分密切。他們利用網(wǎng)絡的優(yōu)勢搭建一個網(wǎng)站來傳播信息,推銷自己。</p><p>  本文著重對個人主頁網(wǎng)站的搭建進行介紹。這里主要通過把vs2005和sql2005有機結合起來,采用傳統(tǒng)的表格進行布局,運用Photoshop以及“網(wǎng)絡三劍客”-Adobe Firework、Adobe Flash、Adobe Dreamweaver,對素材圖片進行處理,動

19、畫制作以及實現(xiàn)Flash在vs中運行等。通過三個母板頁和兩個web用戶控件構建網(wǎng)站整體框架。其他網(wǎng)頁則分別基于這三個母板頁設計完成,達到整體美的效果。網(wǎng)站主要七大模塊,實現(xiàn)顯示系統(tǒng)當前時間,統(tǒng)計在線人數(shù),訪問量;網(wǎng)站前臺實現(xiàn)相冊、個人簡歷、日志、新聞、留言等展示以及訪客留言、音樂播放和網(wǎng)址搜索等;后臺實現(xiàn)相冊上傳與刪除,簡歷更新與刪除,日志發(fā)表與編輯刪除,新聞發(fā)布與編輯刪除,留言回復與刪除,音樂上傳與編輯刪除,網(wǎng)址搜索添加與關鍵字增刪等

20、功能。待功能全部實現(xiàn)后對展現(xiàn)自我以及對所學專業(yè)的認可將會有很好的體現(xiàn)。它的宣傳作用是不言而喻的。</p><p>  正因為個人主頁網(wǎng)站在當今時代有著強力的宣傳作用,構建它具有必要性和實現(xiàn)意義。本文從個人主頁的功能與需求分析介紹入手,然后對網(wǎng)站前臺相冊、簡歷、新聞、日志、留言、音樂、搜索的主要功能以及相應的后臺管理進行介紹,最后對網(wǎng)站部分代碼進行具體分析。</p><p>  第一章 網(wǎng)站

21、功能與需求分析</p><p>  1.1功能簡介與需求分析</p><p>  隨著互聯(lián)網(wǎng)的不斷發(fā)展以及中國上網(wǎng)的日益增長,建立個人主頁網(wǎng)站,不僅可以展示自己,而且能達到提高計算機應用方面的能力。因此,我選擇構建個人主頁來作為畢業(yè)鑒定。</p><p>  個人主頁網(wǎng)站在設計和構建過程中應從個人的興趣愛好著手,而不是側重于商業(yè)的宣傳。網(wǎng)站內容以反映個人為核心,從而

22、使個人主頁網(wǎng)站真正的成為展示自己的網(wǎng)絡名片。</p><p>  在網(wǎng)站制作中,主要借鑒了大家都喜歡瀏覽的QQ個人空間的設計風格,著重給瀏覽者以熟悉的氣息。運用了Photoshop、fireworks強大的圖像制作與處理軟件,進行了大量的圖片處理與美化,從而增強了網(wǎng)站整體美感。還利用Flash動畫制作軟件進行網(wǎng)站banner的制作,同時還利用css樣式和腳本語言做了個導航條,給予瀏覽者一種強烈的時代動感。整個網(wǎng)站

23、的頁面設計及功能實現(xiàn)都是運用visual studio 2005中的相關控件和sqlserver 2005相結合開發(fā)完成的。</p><p>  1.2開發(fā)及運行環(huán)境分析</p><p>  1.2.1服務器的軟硬件配置最低要求</p><p>  服務器的硬件配置:CPU 1.6G ,硬盤80G,內存256M</p><p>  服務器的操

24、作系統(tǒng):Windows XP 或Windows 7</p><p>  Web服務器軟件:IIS(Internet Information Server)</p><p>  數(shù)據(jù)庫服務器軟件:sql2005</p><p>  系統(tǒng)開發(fā)工具:vs2005</p><p>  1.2.2客戶端的軟硬件配置最低要求</p><

25、;p>  客戶端的硬件配置:CPU 酷睿2140,硬盤160G,內存64M</p><p>  客戶端操作系統(tǒng):Windows XP 或Windows 7</p><p>  客戶端瀏覽器軟件:IE瀏覽器或其他瀏覽器如瑞星安全瀏覽器</p><p>  1.3 系統(tǒng)的開發(fā)工具</p><p>  由于系統(tǒng)的軟件配置主要是基于Micros

26、oft公司的軟件,所以在系統(tǒng)的開發(fā)工具的選擇上采用了Microsoft公司的軟件開發(fā)工具,具體內容如下:</p><p>  采用ASP.NET技術、C#語言rver數(shù)據(jù)庫相結合編寫的WEB應用程序。</p><p>  1.4 數(shù)據(jù)表的分析 </p><p><b>  表1-1相冊數(shù)據(jù)表</b></p><p> 

27、 根據(jù)上表,再結合vs2005平臺中的DataList控件,綁定以上字段實現(xiàn)相冊模塊中前臺顯示圖片,后臺上傳圖片。(相冊子網(wǎng)頁個人秀、美圖秀,風景秀)數(shù)據(jù)表類似表1-1。</p><p>  表1-2 簡歷數(shù)據(jù)表</p><p>  上表1-2與vs2005 平臺中的DataList和GridView控件相結合,綁定以上字段實現(xiàn)前臺展示簡歷,后臺修改和刪除簡歷。</p>&l

28、t;p>  表 1-3新聞數(shù)據(jù)表</p><p>  根據(jù)上表與vs2005 平臺中的DataList和GridView控件相結合,綁定以上字段實現(xiàn)前臺展示新聞,后臺發(fā)布、修改和刪除新聞。</p><p>  表1-4新聞-類別數(shù)據(jù)表</p><p>  用上表與vs2005 平臺中的DataList控件相結合,綁定以上字段實現(xiàn)后臺修改和刪除新聞類別。<

29、/p><p>  表1-5日志表數(shù)據(jù)表</p><p>  依上表與vs2005 平臺中的DataList和GridView控件相結合,綁定以上字段實現(xiàn)前臺展示日志,后臺發(fā)表、修改和刪除日志。(日志子網(wǎng)頁離歌、曲落,心情數(shù)據(jù)表和表1-5類似)。</p><p><b>  表1-6音樂數(shù)據(jù)表</b></p><p>  把上

30、表與vs2005 平臺中的DataList和FileUpload控件相結合,實現(xiàn)前臺音樂播放,后臺上傳音樂。</p><p><b>  表1-7留言數(shù)據(jù)表</b></p><p>  借助上表與vs2005 平臺中的DataList相結合,實現(xiàn)前臺顯示,后臺上傳音樂。</p><p>  表1-8網(wǎng)址搜索數(shù)據(jù)表</p><

31、p>  將上表與vs2005 平臺中的GridView控件相結合,綁定以上字段實現(xiàn)網(wǎng)址搜索,后臺添加、修改和刪除搜索。</p><p>  表 1-9用戶數(shù)據(jù)表</p><p>  上表與vs2005 平臺中的相結合,主要對上表進行查詢判斷與添加記錄實現(xiàn)登錄與注冊。</p><p>  1.5 個人主頁網(wǎng)站的整體設計拓撲圖</p><p&g

32、t;  本站結構包括七大模塊,其中日志和相冊分別有三個子網(wǎng);各模塊都有前臺和后,實現(xiàn)了前臺展示,后臺修改刪除與上傳等效果圖如圖1-1所示:</p><p>  圖1-1個人主頁網(wǎng)站的整體設計拓撲圖</p><p>  1.6 個人主頁網(wǎng)站主頁面效果圖</p><p>  網(wǎng)站首頁,實現(xiàn)了網(wǎng)站導航,網(wǎng)站banner,顯示當前系統(tǒng)日期,統(tǒng)計在線人數(shù)和訪問量,以及設為首頁

33、,加入收藏和后臺管理入口等效果如圖1-2所示:</p><p>  圖1-2前臺主頁導航</p><p>  網(wǎng)站后臺主頁,分別對網(wǎng)站七個模塊進行管理,操作簡單,簡易的操作界面為您輕松實現(xiàn)網(wǎng)站的更新和管理。效果圖如1-3所示:</p><p><b>  圖1-3后臺主頁</b></p><p>  1.7 網(wǎng)站總體設計

34、</p><p>  1.7.1網(wǎng)站功能簡介</p><p>  個人主頁網(wǎng)站基于三個母板頁以及兩個可移動用戶設計而成,實現(xiàn)前臺展示效果,后臺實現(xiàn)日志和新聞的修改、刪除、發(fā)表,音樂和圖片的上傳,簡歷的展示與修改,留言的刪除與回復,訪客留言,網(wǎng)址搜索,用戶注冊以及統(tǒng)計在線人數(shù)和訪問人數(shù)等功能。</p><p>  1.7.2 網(wǎng)站模塊結構介紹</p>&

35、lt;p>  本網(wǎng)站分別基于如下三個母板頁制作完成:</p><p>  1. 前臺母板頁的介紹</p><p>  該頁面為各網(wǎng)頁基于前臺本頁面作準備,具有統(tǒng)一的風格,達到網(wǎng)頁整體美的效果。</p><p><b>  2.后臺母板的介紹</b></p><p>  后臺母板頁面的設計囊括所有頁面的管理,方便管理

36、,集中了相冊,簡歷,日志等刪除、修改等功能。管理方便,便捷的管理模式,簡單的操作,解決了頁面,內容繁多的煩惱。</p><p>  3.新聞管理母板的介紹</p><p>  由于新聞管理頁面的功能較強大,故單獨制作,為了頁面的整體美而這樣設計以單獨的頁面對新聞進行管理,實現(xiàn)了刪除,修改與發(fā)布以及新聞類別的管理等功能。</p><p>  第二章 網(wǎng)站前臺主要功能實

37、現(xiàn)</p><p>  2.1首頁頁面的功能實現(xiàn)</p><p>  個人主頁網(wǎng)站前臺是基于前臺母板頁制作的,實現(xiàn)用戶登錄與注冊,新聞,日記,最新注冊會員,最新留言展示,站長工具,圖片自由切換以及友情鏈接等功能。</p><p>  2.2相冊頁面的功能實現(xiàn)</p><p>  此頁面是基于前臺母板頁制作的,實現(xiàn)了圖片展示,其中圖片是從數(shù)據(jù)庫

38、中讀取出來的,同時實現(xiàn)了分頁顯示效果。分為三個子網(wǎng)也頁,分別為個人秀,美圖秀和風景秀。這三個子網(wǎng)的實現(xiàn)類似,對個人,美圖以及風景展示有很好的視覺效果,其效果圖如圖2-1所示:</p><p><b>  圖2-1相冊</b></p><p>  2.3簡歷頁面展示頁面的功能實現(xiàn)</p><p>  此頁面主要實現(xiàn)從數(shù)據(jù)庫中讀出個人相關信息,如姓

39、名,性別,年齡,E-mail,地址,個人免冠照等信息,其效果圖如圖2-2所示:</p><p><b>  圖2-2簡歷</b></p><p>  2.4日志頁面的功能實現(xiàn)</p><p>  此頁面實現(xiàn)日志展示并實現(xiàn)分頁效果,同時有風采圖片和網(wǎng)絡日志推薦。豐富您的文化生活。讓您在第一時間了解個人及網(wǎng)絡日志風格,其效果圖如圖2-3所示:<

40、;/p><p><b>  圖2-3日志</b></p><p>  2.5新聞發(fā)布系統(tǒng)頁面的功能實現(xiàn)</p><p>  此頁面實現(xiàn)新聞的分類顯示,點擊標題能進入詳細新聞頁,同時實現(xiàn)了顯示更多新聞效果,其效果圖如圖2-4所示:</p><p><b>  圖2-4新聞</b></p>&

41、lt;p>  2.6音樂頁面的功能實現(xiàn)</p><p>  此頁面實現(xiàn)了音樂隨機播放,讓你聆聽優(yōu)美的歌曲,放松下您的心情。希望能帶給您音樂美的感受,其效果圖如圖2-5所示:</p><p><b>  圖2-5音樂</b></p><p>  2.7留言頁面的功能實現(xiàn)</p><p>  該頁面實現(xiàn)了留言顯示并實現(xiàn)

42、了分頁效果,同時也能留言,更好方便您的訪問,希望能提出好的建議,其效果圖如圖2-6所示:</p><p><b>  圖2-6留言顯示</b></p><p>  2.8網(wǎng)址搜索頁面的功能實現(xiàn)</p><p>  該頁面實現(xiàn)了網(wǎng)址搜索示,同時能點擊跳轉到該網(wǎng)站,方便您的查詢與網(wǎng)站的瀏覽,其效果圖如圖2-7所示:</p><p

43、><b>  圖2-7搜索</b></p><p>  第三章 網(wǎng)站后臺主要功能實現(xiàn)</p><p>  3.1相冊管理頁面的功能實現(xiàn)</p><p>  此頁面運用DropDownList、FileUpload控件實現(xiàn)了圖片的刪除與上傳。其效果圖3-1所示:</p><p><b>  圖3-1相冊管理

44、</b></p><p>  3.2簡歷管理頁面的功能實現(xiàn)</p><p>  該頁面運用GridView控件實現(xiàn)對簡歷進行編輯和刪除,管理員可以及時在線更新自己的基本信息,其效果圖3-2所示:</p><p><b>  圖3-2簡歷管理</b></p><p>  3.3日志管理頁面的功能實現(xiàn)</p

45、><p>  本頁面運用WebEditor編輯器及GridView控件實現(xiàn)了對日志發(fā)表、編輯與刪除。在發(fā)表日志后,自動生成發(fā)表時間。為了能記下您在一天中發(fā)生的事,請您在百忙中抽取幾分鐘發(fā)表一篇日志,留下您的足跡。日積月累,您的日志就多了,此時您可以對部分日志進行刪除或修改。其效果圖3-3所示:</p><p><b>  圖3-3日記管理</b></p>&

46、lt;p>  3.4新聞管理頁面的功能實現(xiàn)</p><p>  1.新聞發(fā)布頁面的功能實現(xiàn)</p><p>  該頁面為您提供服務網(wǎng)民的平臺,您需盡早收集和發(fā)布新聞,采用用WebEditor編輯器,解決了您在新聞排版設計的煩惱,您可以隨心所欲地選擇內容展示設計風格樣式,給網(wǎng)民好的視覺效果,其效果圖3-4所示:</p><p><b>  圖3-4聞發(fā)

47、布</b></p><p>  2. 新聞編輯、刪除頁面的功能實現(xiàn)</p><p>  此頁面實現(xiàn)了對新聞的編輯和刪除,功能同日志的實現(xiàn)類似,其效果圖3-5所示:</p><p>  圖3-5新聞編輯與刪除</p><p>  3.新聞類別管理頁面的功能實現(xiàn)</p><p>  此頁面實現(xiàn)了對新聞類別的編輯

48、和刪除,功能同日志的實現(xiàn)類似,其效果圖3-6所示:</p><p>  圖3-6新聞類別管理</p><p>  3.5音樂管理頁面的功能實現(xiàn)</p><p>  本頁面實現(xiàn)了對音樂進行上傳,用FileUpload控件實現(xiàn)的,您需要在站點文件夾(sounds)中選擇音樂,上傳至musics文件夾中,這樣您就可以在前臺音樂播放器播放列表中看到您上傳的歌曲。由于您上傳的

49、歌曲很多,或許您也聽膩了或者想向網(wǎng)民推薦些新歌,您就可以選擇編輯,刪除部分歌曲。其效果圖3-7所示:</p><p><b>  圖3-7音樂上傳</b></p><p>  3.6留言管理頁面的功能實現(xiàn)</p><p>  本頁面實現(xiàn)了對留言的回復和刪除,只有管理員才能進行此操作。您需要及時回復,適當管理。給網(wǎng)民搭建一個良好的溝通平臺,效果圖

50、如圖4-7所示:</p><p><b>  圖4-7留言管理</b></p><p>  3.7搜索管理頁面的功能實現(xiàn)</p><p>  該頁面實現(xiàn)搜索的增加和編輯對已有搜索關鍵字的修改與增加以及增加新的搜索;向數(shù)據(jù)表中插入記錄實現(xiàn)搜索的增加,搜索關鍵字的修改和增加類似日志的編輯。其效果圖3-8所示:</p><p>

51、;<b>  圖3-8搜索管理</b></p><p>  第四章 網(wǎng)站部分代碼分析</p><p>  4.1 Webconfig 配置文件</p><p>  Webconfig 配置文件是連接vs2005和sql2005的橋梁和紐帶,它指定了數(shù)據(jù)庫服務器的認證,支配著數(shù)據(jù)服務器的數(shù)據(jù)及它的安全機制。是網(wǎng)站與數(shù)據(jù)庫對接的核心文件。因此,它的

52、配置我們必需理解和掌握。具體代碼如下:</p><p>  <configuration></p><p>  <appSettings></p><p>  <add key="db"value="server=.\sqlexpress;database=hh;Integrated Security=SS

53、PI;"/> /*數(shù)據(jù)庫服務器名稱,支配數(shù)據(jù)服務器的數(shù)據(jù)及它的安全機制。*/</p><p>  </appSettings></p><p>  <connectionStrings/></p><p>  <system.web></p><p>  <httpRuntime ma

54、xRequestLength="1048576" executionTimeout="100"/></p><p>  //提交最大字符長度,連接超時時間</p><p>  <compilation debug="true"></p><p>  <assemblies>&l

55、t;/p><p>  <add assembly="System.Design, Version=2.0.0.0, Culture=neutral, PublicKeyToken=B03F5F7F11D50A3A"/></assemblies></compilation></p><p>  <authentication mode

56、="Windows"/> // Windows安全身份驗證模式</p><p><b>  <!--</b></p><p>  如果在執(zhí)行請求的過程中出現(xiàn)未處理的錯誤,</p><p>  則通過 <customErrors> 節(jié)可以配置相應的處理步驟。具體說來,</p><p&

57、gt;  開發(fā)人員通過該節(jié)可以配置</p><p>  要顯示的html 錯誤頁</p><p>  以代替錯誤堆棧跟蹤。</p><p>  <customErrors mode="RemoteOnly" defaultRedirect="GenericErrorPage.htm"></p><

58、;p>  <error statusCode="403" redirect="NoAccess.htm" /></p><p>  <error statusCode="404" redirect="FileNotFound.htm" /></p><p>  </custo

59、mErrors></p><p><b>  --></b></p><p>  </system.web></p><p>  </configuration></p><p><b>  4.2 數(shù)據(jù)庫連接</b></p><p>  

60、數(shù)據(jù)庫連接是sql與網(wǎng)站對接關鍵,實現(xiàn)代碼如下:</p><p>  string str = ConfigurationSettings.AppSettings["db"];</p><p><b>  //獲取數(shù)據(jù)庫連接</b></p><p>  SqlConnection conn = new SqlConnecti

61、on(str); //創(chuàng)建連接對象</p><p>  conn.Open(); //打開連接</p><p>  conn.close(); /*關閉連接,對數(shù)據(jù)庫查詢、修改,刪除后關閉連接,減輕服務器負擔 */</p><p>  4.3 新聞顯示、發(fā)布、編輯與刪除</p><p>  4.3.1 新聞顯示頁面實現(xiàn)代碼</p>

62、<p>  新聞顯示是用DataList控件綁定新聞表中的字段,實現(xiàn)新聞標題顯示,再用該控件的OnCommand事件,實現(xiàn)跳轉到詳細頁,具體實現(xiàn)代碼如下:</p><p>  string str = ConfigurationSettings.AppSettings["db"];</p><p>  SqlConnection con = new Sql

63、Connection(str);</p><p>  con.Open();</p><p>  string sql = "select top 5 * from news inner join sort on news.sort=sort.sort_id order by addtime desc"; /*查詢新聞表中的新聞并顯示按發(fā)布新聞時間降序排列的前5條。*

64、/</p><p>  SqlDataAdapter da = new SqlDataAdapter(sql, con);</p><p>  DataSet ds = new DataSet();</p><p>  da.Fill(ds);</p><p>  DataList1.DataSource = ds.Tables[0].Def

65、aultView;</p><p>  DataList1.DataBind();</p><p>  con.Close();</p><p><b>  }</b></p><p>  protected void ss(object sender, CommandEventArgs e)</p>&l

66、t;p><b>  {</b></p><p>  int id = Convert.ToInt32(e.CommandArgument);</p><p>  Response.Redirect("shownews.aspx?id=" + id); </p><p>  //點擊新聞標題跳轉到詳細頁 </p&g

67、t;<p><b>  }}</b></p><p>  4.3.2 新聞發(fā)布實現(xiàn)代碼</p><p>  本頁面主要是向news表插入新記錄中實現(xiàn)新聞發(fā)布,具體實現(xiàn)代碼如下:</p><p>  if (!IsPostBack)</p><p><b>  {</b></p&g

68、t;<p>  string str = ConfigurationSettings.AppSettings["db"];</p><p>  SqlConnection con = new SqlConnection(str);</p><p>  con.Open();</p><p>  SqlDataAdapter da1

69、= new SqlDataAdapter("select * from sort", con);</p><p>  DataSet ds = new DataSet();</p><p>  da1.Fill(ds, "bb");</p><p>  DropDownList1.DataSource = ds.Tables[

70、"bb"].DefaultView;</p><p>  DropDownList1.DataTextField = "sort_name";</p><p>  DropDownList1.DataValueField = "sort_id";</p><p>  DropDownList1.DataBi

71、nd();</p><p>  con.Close(); //新聞類別獲取</p><p><b>  }</b></p><p>  protected void Button1_Click(object sender, EventArgs e)</p><p><b>  {</b></p

72、><p>  string str = ConfigurationSettings.AppSettings["db"];</p><p>  SqlConnection con = new SqlConnection(str);</p><p>  con.Open();</p><p>  string sql = &quo

73、t;insert into news(title,contet,author,link,sort) values('" + title.Text + "','" + cont.Text + "','" + auth.Text + "','" + link.Text + "'," + C

74、onvert.ToInt32(DropDownList1.SelectedValue) + ")";</p><p>  //錄入新聞實質是向news表中插入新記錄</p><p>  SqlCommand cmd = new SqlCommand(sql,con);</p><p>  int count;</p><p&g

75、t;  count = cmd.ExecuteNonQuery();</p><p>  con.Close ();</p><p>  if (count == 1)</p><p>  { Label1.Text = "添加新聞成功"+"<a href='news.aspx'>查看新聞</a>

76、";</p><p><b>  }</b></p><p>  4.3.3 新聞編輯與刪除實現(xiàn)代碼</p><p>  該頁面用GridView控件實現(xiàn)對新聞編輯與刪除,具體代碼如下:</p><p>  if (!IsPostBack)</p><p><b>  {<

77、;/b></p><p><b>  band();</b></p><p><b>  }</b></p><p>  protected void band()</p><p><b>  {</b></p><p>  string str

78、= ConfigurationSettings.AppSettings["db"];</p><p>  SqlConnection con = new SqlConnection(str);</p><p>  con.Open();</p><p>  SqlDataAdapter da1 = new SqlDataAdapter("

79、;select * from news", con);</p><p>  DataSet ds = new DataSet();</p><p>  da1.Fill(ds, "bb");</p><p>  GridView1.DataSource = ds.Tables["bb"].DefaultView;&

80、lt;/p><p>  GridView1.DataBind();</p><p>  con.Close(); //綁定顯示新聞</p><p><b>  }</b></p><p>  protected void GridView1_RowEditing(object sender, GridViewEditEven

81、tArgs e</p><p><b>  {</b></p><p>  this.GridView1.EditIndex = e.NewEditIndex;</p><p>  band(); //更新新聞</p><p><b>  }</b></p><p>  pr

82、otected void GridView1_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e)</p><p><b>  {</b></p><p>  this.GridView1.EditIndex = -1;</p><p>  band(); //取消更新&l

83、t;/p><p><b>  }</b></p><p>  protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)</p><p><b>  {</b></p><p>  string str =

84、 ConfigurationSettings.AppSettings["db"];</p><p>  SqlConnection con = new SqlConnection(str);</p><p>  con.Open();</p><p>  int id = Convert.ToInt32(this.GridView1.DataKe

85、ys[e.RowIndex].Value);</p><p>  string contet = string cmdtext = "update news set contet='" + contet + "'where id=" + id;</p><p>  SqlCommand cmd = new SqlCommand(cmd

86、text, con);</p><p>  cmd.ExecuteNonQuery();</p><p>  this.GridView1.EditIndex = -1;</p><p><b>  band();</b></p><p>  Response.Write("<script>aler

87、t('更新成功?。?#39;)</script>");</p><p>  } //編輯更新新聞</p><p>  protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)</p><p><b>  {</b>&

88、lt;/p><p>  string str = ConfigurationSettings.AppSettings["db"];</p><p>  SqlConnection con = new SqlConnection(str);</p><p>  con.Open();</p><p>  int id = Con

89、vert.ToInt32(this.GridView1.DataKeys[e.RowIndex].Value);</p><p>  string cmdtext = "delete from news where id=" + id;</p><p>  SqlCommand cmd = new SqlCommand(cmdtext, con);</p>

90、<p>  cmd.ExecuteNonQuery();</p><p><b>  band();</b></p><p>  Response.Write("<script>alert('刪除成功?。?#39;)</script>");</p><p><b>  }

91、 //刪除新聞</b></p><p>  protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)</p><p><b>  {</b></p><p>  if (e.Row.RowType == DataControlRowTyp

92、e.DataRow)</p><p><b>  {</b></p><p>  //判斷GridView控件當前的狀態(tài)</p><p>  if (e.Row.RowState == DataControlRowState.Normal || e.Row.RowState == DataControlRowState.Alternate)&l

93、t;/p><p><b>  {</b></p><p>  ((Button)e.Row.FindControl("del")).Attributes.Add("onclick", "javascript:return confirm('你確認要刪除嗎?')");</p><

94、p><b>  }</b></p><p>  }//提醒是否確認刪除新聞</p><p>  4.4 留言顯示分頁效果實現(xiàn)代碼</p><p>  本頁面用DataList控件綁定留言表中的字段,用Button按鈕的點擊事件控制顯示內容,具體實現(xiàn)代碼如下:</p><p>  string curPage; //

95、定義分頁</p><p>  在pageload下輸入如下代碼:</p><p>  if (!IsPostBack)</p><p><b>  {</b></p><p>  this.lblPageCur.Text = "1";</p><p>  dataGridBin

96、d();//初始化當前留言條數(shù)</p><p><b>  }</b></p><p><b>  }</b></p><p>  public void dataGridBind()</p><p><b>  {</b></p><p>  stri

97、ng str = ConfigurationSettings.AppSettings["db"];</p><p>  SqlConnection conn = new SqlConnection(str);</p><p>  conn.Open();</p><p>  curPage = this.lblPageCur.Text;</

98、p><p>  SqlCommand cmd = new SqlCommand();</p><p>  cmd.CommandText = "select * from guestbook order by gtime desc";</p><p>  cmd.Connection = conn;</p><p>  Sql

99、DataAdapter sda = new SqlDataAdapter();</p><p>  sda.SelectCommand = cmd;</p><p>  DataSet ds = new DataSet();</p><p>  sda.Fill(ds, "guestbook");</p><p>  Pa

100、gedDataSource pds = new PagedDataSource();</p><p>  pds.AllowPaging = true;</p><p>  pds.PageSize = 4; //每頁顯示4條留言</p><p>  pds.DataSource = ds.Tables["guestbook"].DefaultV

101、iew;</p><p>  pds.CurrentPageIndex = Convert.ToInt32(curPage) - 1;</p><p>  this.lblPageTotal.Text = pds.PageCount.ToString();</p><p>  this.Button1.Enabled = true;</p><p

102、>  this.Button2.Enabled = true;</p><p>  if (curPage == "1")</p><p><b>  {</b></p><p>  this.Button1.Enabled = false;</p><p><b>  }</b

103、></p><p>  if (curPage == pds.PageCount.ToString())</p><p><b>  {</b></p><p>  this.Button2.Enabled = false;</p><p><b>  }</b></p><

104、;p>  this.DataList1.DataSource = pds;</p><p>  this.DataList1.DataBind();</p><p>  cmd.CommandText = "select count(*) from guestbook";</p><p>  this.lblMesTotal.Text =

105、Convert.ToString(cmd.ExecuteScalar());</p><p>  int a = pds.PageCount;</p><p>  for (int i = 1; i <= a; i++)</p><p><b>  {</b></p><p>  this.DropDownList

106、1.Items.Add(i.ToString());</p><p><b>  }//統(tǒng)計留言總數(shù)</b></p><p><b>  }</b></p><p>  protected void DataList1_ItemDataBound(object sender, DataListItemEventArgs e

107、)</p><p><b>  {</b></p><p>  LinkButton dele=(LinkButton)(e.Item.FindControl("lbtnDelete"));</p><p>  if (dele != null)</p><p><b>  {</b&

108、gt;</p><p>  dele.Attributes.Add("onclick","return confirm('確定刪除嗎?')");</p><p>  }//提示是否刪除該條留言信息</p><p><b>  }</b></p><p>  prot

109、ected void ss(object sender, CommandEventArgs e)</p><p><b>  {</b></p><p>  if (Session["username"] != null)</p><p><b>  {</b></p><p>

110、  string str2 = ConfigurationSettings.AppSettings["db"];</p><p>  SqlConnection conn2 = new SqlConnection(str2);</p><p>  conn2.Open();</p><p>  string userID = e.CommandA

111、rgument.ToString();</p><p>  SqlCommand cmd = new SqlCommand(str2, conn2);</p><p>  cmd.CommandText = "delete from guestbook where id='" + userID + "'";</p>&l

112、t;p>  if (cmd.ExecuteNonQuery() > 0)</p><p><b>  {</b></p><p>  Response.Write("<script>alert('對不起!您沒有這個權限');location.href='showliveword.aspx';</s

113、cript>"); }</p><p><b>  }</b></p><p><b>  else</b></p><p><b>  {</b></p><p>  Response.Write("<script >

114、; alert('對不起,只有管理員才能刪除留言,如果你是管理員,請先登錄!');location.href='login.aspx';</script>)");</p><p>  //判斷刪除留言權限</p><p><b>  }</b></p><p>  protected voi

115、d gg(object sender, CommandEventArgs e)</p><p><b>  {</b></p><p>  if (Session["username"] != null)</p><p><b>  { </b></p><p>  s

116、tring userID = e.CommandArgument.ToString(); </p><p>  Response.Redirect("greply.aspx?userID="+userID+""); </p><p><b>  }</b></p><

117、p><b>  else</b></p><p><b>  {</b></p><p>  Response.Write("<script > alert('對不起,只有管理員才能回復留言,如果你是管理員,請先登錄!');location.href='login.aspx';</

118、script>)");</p><p>  //判斷回復留言權限 </p><p><b>  } }</b></p><p>  protected void Button1_Click(object sender, EventArgs e)</p><p><b>  {</b&

119、gt;</p><p>  this.lblPageCur.Text = Convert.ToString(Convert.ToInt32(this.lblPageCur.Text) - 1);</p><p>  dataGridBind();//點擊跳到上一頁 }</p><p>  protected void Button2_Click(object se

120、nder, EventArgs e)</p><p><b>  {</b></p><p>  this.lblPageCur.Text = Convert.ToString(Convert.ToInt32(this.lblPageCur.Text) + 1);</p><p>  dataGridBind();//點擊跳到下一頁</p

121、><p><b>  }</b></p><p>  protected void Button3_Click(object sender, EventArgs e)</p><p><b>  {</b></p><p>  this.lblPageCur.Text = "1";&

122、lt;/p><p>  dataGridBind();}//點擊跳到首頁</p><p>  protected void Button4_Click(object sender, EventArgs e)</p><p><b>  {</b></p><p>  this.lblPageCur.Text = this.l

123、blPageTotal.Text;</p><p>  dataGridBind();}//點擊跳到尾頁頁 </p><p>  protected void Button5_Click(object sender, EventArgs e)</p><p><b>  {</b></p><p>  this.lblP

124、ageCur.Text = this.DropDownList1.SelectedValue;</p><p>  dataGridBind();} }//點擊跳到指定頁</p><p>  4.5 其他代碼說明分析</p><p>  相冊分頁顯示與留言顯示實現(xiàn)效果類似,音樂播放主要是音樂播放器的生成,以及在線聽歌等,其他頁面的實現(xiàn)和新聞頁面實現(xiàn)原理類似,不再詳述

125、。</p><p><b>  總 結</b></p><p>  近兩個月的努力,畢業(yè)設計得以順利完成,我無比的興奮。兩年多的學習就在本次設計中得以充分的體現(xiàn)。讓我真正明白很多知識都在實踐中成長起來的。在此之前我們所學的都是一些分散理的論知識,很少集中運用到實踐中去,通過此次個人主頁網(wǎng)站的構建,是對所學知識的又一次系統(tǒng)的學習與整合,也是一次更完整的學習。在設計期間

126、我學到了很多實際應用的知識,其中還有一些新的知識。同時也學會了如何將所學知識應用于實踐以及如何獲取新的知識。在這次設計中讓我從中汲取。</p><p>  由于時間的緊迫和水平的有限,個人主頁網(wǎng)站與主流網(wǎng)站設計風格存在的差距很大。本網(wǎng)站運用的是傳統(tǒng)的表格布局,而現(xiàn)在流行DIV+CSS樣式布局,這種方式布局的網(wǎng)站效果比傳統(tǒng)的網(wǎng)站更加靈活、整齊、美觀。同時網(wǎng)站的功能也是沿用以往的模式,新研究出的很多。另外,對圖片的批

127、量上傳與刪除等有待研究,需加強學習在以后得以提高!</p><p>  在整個網(wǎng)站制作過程中那給我留一下了深刻的印象。在自己親手設計網(wǎng)頁的時間里,讓我記憶最深的是每一個小小功能的實現(xiàn),在從錯誤中修改,從錯誤中學習。讓我掌握了很多知識,同時也對所學知識進一歩鞏固和提高。在整個過程中,我學到了很多新的知識,增長了不少見識。在今后的日子里,我會不斷地充實自己,爭取在所學領域里有新的進步,更加有所作為。</p>

溫馨提示

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

評論

0/150

提交評論