計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)畢業(yè)論文---個(gè)人主頁設(shè)計(jì)

1、<p><b>　　畢 業(yè) 論 文</b></p><p><b>　　個(gè)人主頁</b></p><p>　　姓 名： xxxxx </p><p>　　學(xué) 號(hào)： xxxxxxxxxxxxxxxx </p><p>　　指導(dǎo)老師： xxx

2、xxxxx </p><p>　　系 名： xxxxxxxxxxx系 </p><p>　　專 業(yè)： 計(jì)算機(jī)網(wǎng)絡(luò)技術(shù) </p><p>　　班 級(jí)： xx網(wǎng)大xx班 </p><p>　　二0xx年xx月xx日</p><p><b>　　

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

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

5、形中增值了自己的資產(chǎn)。不同的網(wǎng)站的宣傳效果各異，但是都大大提高了傳播宣傳力度。本文通過對(duì)個(gè)人主頁構(gòu)建的研究，著重從需求分析、網(wǎng)站功能實(shí)現(xiàn)以及網(wǎng)站界面的設(shè)計(jì)與美化等方面進(jìn)行分析與描述，并給出具體的</p><p>　　關(guān)鍵詞：Internet技術(shù)、個(gè)人主頁、網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、網(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ā)及運(yùn)行環(huán)境分析2</p><p>　　1.2.1

10、服務(wù)器的軟硬件配置最低要求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 個(gè)人主頁網(wǎng)站的整體設(shè)計(jì)拓?fù)鋱D5</p><p>　　1.6 個(gè)人主頁網(wǎng)站主頁面效果圖6</p&

11、gt;<p>　　1.7 網(wǎng)站總體設(shè)計(jì)7</p><p>　　1.7.1網(wǎng)站功能簡介7</p><p>　　1.7.2 網(wǎng)站模塊結(jié)構(gòu)介紹7</p><p>　　第二章 網(wǎng)站前臺(tái)主要功能實(shí)現(xiàn)8</p><p>　　2.1首頁頁面的功能實(shí)現(xiàn)8</p><p>　　2.2相冊(cè)頁面的功能實(shí)現(xiàn)8<

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

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

14、<p>　　3.5音樂管理頁面的功能實(shí)現(xiàn)13</p><p>　　3.6留言管理頁面的功能實(shí)現(xiàn)13</p><p>　　3.7搜索管理頁面的功能實(shí)現(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 新聞顯示頁面實(shí)現(xiàn)代碼16</p><p>　　4.3.2 新聞發(fā)布實(shí)現(xiàn)代碼17</p><p>　　4.3.3 新聞編輯與刪除實(shí)現(xiàn)代碼18</p><p>　　4.4 留言顯示分頁效果實(shí)現(xiàn)代碼20<

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

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

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

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

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

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

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

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

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

25、;p>　　客戶端的硬件配置：CPU 酷睿2140，硬盤160G，內(nèi)存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ā)工具，具體內(nèi)容如下：</p><p>　　采用ASP.NET技術(shù)、C#語言rver數(shù)據(jù)庫相結(jié)合編寫的WEB應(yīng)用程序。</p><p>　　1.4 數(shù)據(jù)表的分析 </p><p><b>　　表1-1相冊(cè)數(shù)據(jù)表</b></p><p>　

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

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

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

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

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

32、t;　　本站結(jié)構(gòu)包括七大模塊，其中日志和相冊(cè)分別有三個(gè)子網(wǎng)；各模塊都有前臺(tái)和后，實(shí)現(xiàn)了前臺(tái)展示，后臺(tái)修改刪除與上傳等效果圖如圖1-1所示：</p><p>　　圖1-1個(gè)人主頁網(wǎng)站的整體設(shè)計(jì)拓?fù)鋱D</p><p>　　1.6 個(gè)人主頁網(wǎng)站主頁面效果圖</p><p>　　網(wǎng)站首頁，實(shí)現(xiàn)了網(wǎng)站導(dǎo)航，網(wǎng)站banner，顯示當(dāng)前系統(tǒng)日期，統(tǒng)計(jì)在線人數(shù)和訪問量，以及設(shè)為首頁

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

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

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

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

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

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

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

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

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

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

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

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

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

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

47、布</b></p><p>　　2. 新聞編輯、刪除頁面的功能實(shí)現(xiàn)</p><p>　　此頁面實(shí)現(xiàn)了對(duì)新聞的編輯和刪除，功能同日志的實(shí)現(xiàn)類似，其效果圖3-5所示：</p><p>　　圖3-5新聞編輯與刪除</p><p>　　3.新聞?lì)悇e管理頁面的功能實(shí)現(xiàn)</p><p>　　此頁面實(shí)現(xiàn)了對(duì)新聞?lì)悇e的編輯

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

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

50、如圖4-7所示：</p><p><b>　　圖4-7留言管理</b></p><p>　　3.7搜索管理頁面的功能實(shí)現(xiàn)</p><p>　　該頁面實(shí)現(xiàn)搜索的增加和編輯對(duì)已有搜索關(guān)鍵字的修改與增加以及增加新的搜索；向數(shù)據(jù)表中插入記錄實(shí)現(xiàn)搜索的增加，搜索關(guā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ù)庫服務(wù)器的認(rèn)證，支配著數(shù)據(jù)服務(wù)器的數(shù)據(jù)及它的安全機(jī)制。是網(wǎng)站與數(shù)據(jù)庫對(duì)接的核心文件。因此，它的

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

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

54、xRequestLength="1048576" executionTimeout="100"/></p><p>　　//提交最大字符長度，連接超時(shí)時(shí)間</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安全身份驗(yàn)證模式</p><p><b>　　<!--</b></p><p>　　如果在執(zhí)行請(qǐng)求的過程中出現(xiàn)未處理的錯(cuò)誤，</p><p>　　則通過 <customErrors> 節(jié)可以配置相應(yīng)的處理步驟。具體說來，</p><p&

57、gt;　　開發(fā)人員通過該節(jié)可以配置</p><p>　　要顯示的html 錯(cuò)誤頁</p><p>　　以代替錯(cuò)誤堆棧跟蹤。</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)站對(duì)接關(guān)鍵，實(shí)現(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)建連接對(duì)象</p><p>　　conn.Open(); //打開連接</p><p>　　conn.close(); /*關(guān)閉連接，對(duì)數(shù)據(jù)庫查詢、修改，刪除后關(guān)閉連接，減輕服務(wù)器負(fù)擔(dān) */</p><p>　　4.3 新聞顯示、發(fā)布、編輯與刪除</p><p>　　4.3.1 新聞顯示頁面實(shí)現(xiàn)代碼</p>

62、<p>　　新聞顯示是用DataList控件綁定新聞表中的字段，實(shí)現(xiàn)新聞標(biāo)題顯示，再用該控件的OnCommand事件，實(shí)現(xiàn)跳轉(zhuǎn)到詳細(xì)頁，具體實(shí)現(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ā)布新聞時(shí)間降序排列的前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>　　//點(diǎn)擊新聞標(biāo)題跳轉(zhuǎn)到詳細(xì)頁 </p&g

67、t;<p><b>　　}}</b></p><p>　　4.3.2 新聞發(fā)布實(shí)現(xiàn)代碼</p><p>　　本頁面主要是向news表插入新記錄中實(shí)現(xiàn)新聞發(fā)布，具體實(shí)現(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(); //新聞?lì)悇e獲取</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>　　//錄入新聞實(shí)質(zhì)是向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 新聞編輯與刪除實(shí)現(xiàn)代碼</p><p>　　該頁面用GridView控件實(shí)現(xiàn)對(duì)新聞編輯與刪除，具體代碼如下：</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('更新成功??！')</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('刪除成功！！')</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控件當(dāng)前的狀態(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('你確認(rèn)要?jiǎng)h除嗎?')");</p><

94、p><b>　　}</b></p><p>　　}//提醒是否確認(rèn)刪除新聞</p><p>　　4.4 留言顯示分頁效果實(shí)現(xiàn)代碼</p><p>　　本頁面用DataList控件綁定留言表中的字段，用Button按鈕的點(diǎn)擊事件控制顯示內(nèi)容，具體實(shí)現(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();//初始化當(dāng)前留言條數(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)計(jì)留言總數(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('對(duì)不起！您沒有這個(gè)權(quán)限');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('對(duì)不起,只有管理員才能刪除留言,如果你是管理員,請(qǐng)先登錄！');location.href='login.aspx';</script>)");</p><p>　　//判斷刪除留言權(quán)限</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('對(duì)不起,只有管理員才能回復(fù)留言,如果你是管理員,請(qǐng)先登錄！');location.href='login.aspx';</

118、script>)");</p><p>　　//判斷回復(fù)留言權(quán)限 </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();//點(diǎn)擊跳到上一頁 }</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();//點(diǎn)擊跳到下一頁</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();}//點(diǎn)擊跳到首頁</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();}//點(diǎn)擊跳到尾頁頁 </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();} }//點(diǎn)擊跳到指定頁</p><p>　　4.5 其他代碼說明分析</p><p>　　相冊(cè)分頁顯示與留言顯示實(shí)現(xiàn)效果類似，音樂播放主要是音樂播放器的生成，以及在線聽歌等，其他頁面的實(shí)現(xiàn)和新聞頁面實(shí)現(xiàn)原理類似，不再詳述

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

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

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