畢業(yè)設(shè)計(jì)（論文）基于ASP校友錄網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

1、基于asp校友錄網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)摘要在現(xiàn)代社會(huì)，網(wǎng)絡(luò)已經(jīng)成為工作、學(xué)習(xí)和生活的重要部分，在人們的生活中隨處可見。作為網(wǎng)絡(luò)世界支撐點(diǎn)的網(wǎng)站，它是創(chuàng)建彼此溝通的橋梁。越來(lái)越多的企業(yè)和個(gè)人希望擁有自己的網(wǎng)站，開辟網(wǎng)絡(luò)世界里的一片天地。校友錄在網(wǎng)絡(luò)中應(yīng)用的非常廣泛,現(xiàn)在許多學(xué)校的網(wǎng)站中都提供了校友錄的功能。校友錄不僅是新老同學(xué)聯(lián)系的橋梁，而且還是網(wǎng)絡(luò)休閑和網(wǎng)上展示自我的一種很好的方法。本設(shè)計(jì)具體的實(shí)現(xiàn)是構(gòu)造一個(gè)校友錄系統(tǒng)，能很方便的和同學(xué)溝通和交流。校友錄的功能有使用方便、操作簡(jiǎn)單等特點(diǎn)。用戶以個(gè)人的身份進(jìn)入，搜索滿足條件的班級(jí)，并可以在線注冊(cè)個(gè)人資料，以便被查詢；也可以在線留言，方便同學(xué)之間的溝通和

2、交流，還可以上傳照片，修改個(gè)人信息等功能。本系統(tǒng)開發(fā)任務(wù)主要包括前臺(tái)界面的設(shè)計(jì)和后臺(tái)數(shù)據(jù)庫(kù)管理的設(shè)計(jì)。經(jīng)過詳細(xì)的分析和調(diào)查，本設(shè)計(jì)采用asp 作為開發(fā)工具，后臺(tái)數(shù)據(jù)庫(kù)采用 access 數(shù)據(jù)庫(kù)設(shè)計(jì)，設(shè)計(jì)過程中，首先建立了系統(tǒng)的應(yīng)用原型，然后在此基礎(chǔ)上進(jìn)行需求迭代，詳細(xì)設(shè)計(jì)時(shí)不斷地修正和完善，經(jīng)過測(cè)試階段地反復(fù)調(diào)試和驗(yàn)證，最終實(shí)現(xiàn)網(wǎng)站設(shè)計(jì)。關(guān)鍵詞：校友網(wǎng)站；asp；access目錄摘要iabstractii1 前言12 需求分析與可行性分析22.1 需求分析22.1.1 業(yè)務(wù)流程22.1.2 功能需求32.1.3 性能需求32.2 可行性分析42.2.1 技術(shù)可行性42.2.2 操作可行性43

3、系統(tǒng)設(shè)計(jì)53.1 項(xiàng)目規(guī)劃53.2 系統(tǒng)功能結(jié)構(gòu)圖54 數(shù)據(jù)庫(kù)設(shè)計(jì)64.1 數(shù)據(jù)庫(kù)e-r圖分析64.2 數(shù)據(jù)庫(kù)表設(shè)計(jì)85 詳細(xì)模塊設(shè)計(jì)與實(shí)現(xiàn)105.1 模塊詳細(xì)設(shè)計(jì)105.1.1 登錄窗口設(shè)計(jì)105.1.2 用戶注冊(cè)頁(yè)面設(shè)計(jì)105.1.3 用戶個(gè)人資料設(shè)計(jì)115.1.4 個(gè)人資料修改設(shè)計(jì)115.1.5 通訊錄頁(yè)面設(shè)計(jì)125.1.6 留言板頁(yè)面設(shè)計(jì)135.1.7 上傳相片的設(shè)計(jì)135.2 系統(tǒng)實(shí)現(xiàn)135.2.1 登錄窗口實(shí)現(xiàn)135.2.2 用戶注冊(cè)頁(yè)面實(shí)現(xiàn)165.2.3 用戶功能頁(yè)面實(shí)現(xiàn)185.2.4 用戶個(gè)人資料修改頁(yè)面實(shí)現(xiàn)195.2.5 通訊錄頁(yè)面實(shí)現(xiàn)225.2.6 留言板頁(yè)面實(shí)現(xiàn)235.2

4、.7 班級(jí)相冊(cè)頁(yè)面實(shí)現(xiàn)246 系統(tǒng)評(píng)價(jià)276.1 系統(tǒng)的測(cè)試276.2 系統(tǒng)的優(yōu)點(diǎn)及技術(shù)特征276.3 系統(tǒng)的不足及改進(jìn)方案276.4 系統(tǒng)的運(yùn)行與維護(hù)27附錄28參考文獻(xiàn)41致謝42ii1 前言信息社會(huì)使得檔案的載體形態(tài)和記錄方式呈現(xiàn)出多元化發(fā)展態(tài)勢(shì)，紙質(zhì)檔案的“一統(tǒng)天下”將被聲像檔案、電子檔案并存的格局所替代，傳統(tǒng)的檔案編研工作必須改變以往封閉式管理格局，編研模式必須逐步向多載體、全方位、深層次地開發(fā)檔案信息資源上轉(zhuǎn)換，走進(jìn)充滿活力的網(wǎng)絡(luò)世界。而網(wǎng)站建設(shè)則為檔案編研工作提供了新契機(jī)，提出了新要求，打開了新天地。在這個(gè)方面，通過建立自己的網(wǎng)上檔案館，開展網(wǎng)上檔案服務(wù)，對(duì)檔案編研工作適應(yīng)信息社

5、會(huì)發(fā)展需要有了深入的認(rèn)識(shí)。隨著我國(guó)信息化程度的加快，隨著網(wǎng)絡(luò)信息資源的日益膨脹檔案信息網(wǎng)站的建設(shè)已經(jīng)提上廠議事日程。然而在我國(guó)，檔案信息網(wǎng)站出沒還處于剛剛起步的階段。理論方面沒有系統(tǒng)的論述，實(shí)踐上也嚴(yán)重滯后。應(yīng)用計(jì)算機(jī)可以進(jìn)行檔案信息統(tǒng)計(jì)和檢索。這些現(xiàn)代化信息技術(shù)的應(yīng)用，既可以把檔案工作者從繁重的手工勞動(dòng)中解脫出來(lái)，又能夠大力開發(fā)和科學(xué)、合理、有效地利用檔案信息資源真正成為現(xiàn)實(shí)，還可為將來(lái)人類檔案信息資源的共享打下基礎(chǔ)。但僅僅做到以上兩點(diǎn)是不夠的，因?yàn)闊o(wú)論是對(duì)檔案信息資源的開發(fā)者來(lái)講，還是對(duì)檔案信息資源的利用者而言，都必須十分重視檔案信息資源的激活，即將原有的檔案信息資源進(jìn)行消化、吸收和利用，

6、繼而產(chǎn)生新的知識(shí)，以最大限度地發(fā)揮檔案信息資源的效用，實(shí)現(xiàn)檔案信息資源的最大價(jià)值。2001年7月國(guó)家發(fā)布的“國(guó)家信息化指標(biāo)構(gòu)成方案”中，以20條指標(biāo)來(lái)具體細(xì)化我國(guó)信息化水平和程度。其中第12條“網(wǎng)絡(luò)資源數(shù)據(jù)庫(kù)總?cè)萘俊标P(guān)系到檔案信息、網(wǎng)站的數(shù)據(jù)資源建設(shè)隨著中國(guó)電子政務(wù)的推廣和普及，internet已經(jīng)為人類在新世紀(jì)的政務(wù)、商務(wù)、管理活動(dòng)中提供了一種迅速有效的獲取信息的手段和全新的模式。在這一變革中，只有善于利用internet構(gòu)建自己的管理體系的單位和企業(yè)才能獲得成功。為了使檔案信息充分發(fā)揮作用，全國(guó)各類檔案部門及其檔案工作者紛紛在國(guó)際互聯(lián)網(wǎng)上建立了檔案信息網(wǎng)站。2 需求分析與可行性分析2.1

7、需求分析為了更加方便同學(xué)們的交流，本系統(tǒng)設(shè)計(jì)開發(fā)出一個(gè)功能實(shí)用的校友錄網(wǎng)站。提供聯(lián)系平臺(tái)的同時(shí)，也對(duì)外宣傳本站情況，實(shí)現(xiàn)一個(gè)交流、娛樂、發(fā)布信息等功能為一體的平臺(tái)。本網(wǎng)站需要具有以下功能。 統(tǒng)一友好的操作界面，保證系統(tǒng)的易用性。 提供校友錄登錄功能。 規(guī)范、完善的基礎(chǔ)信息顯示功能。 實(shí)現(xiàn)相關(guān)照片信息的上傳、詳細(xì)信息查看、照片實(shí)際尺寸的顯示功能。 對(duì)成功上傳的照片信息進(jìn)行分欄、分頁(yè)顯示。 實(shí)現(xiàn)為好友發(fā)送信息的功能。 實(shí)現(xiàn)班級(jí)通訊錄功能。 通過超鏈接實(shí)現(xiàn)同學(xué)詳細(xì)信息的添加功能。 實(shí)現(xiàn)班級(jí)的添加功能。 提供退出校友錄的登錄狀態(tài)。2.1.1 業(yè)務(wù)流程在系統(tǒng)開發(fā)總體任務(wù)的基礎(chǔ)上完成系統(tǒng)功能分析。包括這些

8、信息的增加、修改及對(duì)各項(xiàng)信息的變動(dòng)都將在這里進(jìn)行操作，網(wǎng)站業(yè)務(wù)流程圖如圖2-1所示，主要實(shí)現(xiàn)如下的一些功能，：1、新用戶注冊(cè)，包括用戶名，密碼，姓名，性別，生日，郵箱，電話等基礎(chǔ)信息的輸入。2、查詢您所在學(xué)校的省份。3、查詢您所在學(xué)校的城市。4、查詢您所在學(xué)校的關(guān)鍵字。5、注冊(cè)學(xué)校（校名，所在市，郵編，網(wǎng)站）。6、添加班級(jí)。7、點(diǎn)擊同學(xué)名稱后面的通訊錄，顯示同學(xué)的聯(lián)系方式。8、留言板，同學(xué)之間可以互相留言，實(shí)現(xiàn)信息發(fā)布。9、班級(jí)相冊(cè)，照片上傳和瀏覽。圖2-1 網(wǎng)站業(yè)務(wù)流程圖2.1.2 功能需求1.注冊(cè)模塊：這里主要是填寫學(xué)生、學(xué)校、班級(jí)等基本資料，讓別人能夠從校園中搜索到認(rèn)識(shí)的同學(xué)。從填寫的基

9、本信息中找到聯(lián)系方式。2.班級(jí)查詢：主要查找一些已經(jīng)存在的班級(jí)，和添加沒有存在的班級(jí)。3.通信錄：用戶可以在此處查看同班同學(xué)的基本信息。4.留言板：提供用戶可以在留言板上進(jìn)行編輯和刪除操作。校友錄網(wǎng)站系統(tǒng)利用internet、asp、數(shù)據(jù)庫(kù)等技術(shù)。全面收集和處理數(shù)據(jù)，提供各類信息，利用現(xiàn)代化管理方法對(duì)校園的信息進(jìn)行管理并對(duì)向同學(xué)開放，完成這一功能強(qiáng)大的校友錄網(wǎng)站。2.1.3 性能需求從理論上講系統(tǒng)的性能需求包括：1、系統(tǒng)的吞吐量：是在給定時(shí)間段內(nèi)系統(tǒng)完成的數(shù)據(jù)接收和提交的數(shù)量。即系統(tǒng)的吞吐量越大，說明系統(tǒng)在單位時(shí)間內(nèi)完成的用戶或系統(tǒng)請(qǐng)求越多， 系統(tǒng)的資源得到充分利用。2、響應(yīng)時(shí)間：事務(wù)從終端輸

10、入，以按下回車鍵開始計(jì)時(shí)，到開始從屏幕上顯示結(jié)果為止所用的時(shí)間，至于顯示結(jié)果所用的時(shí)間不計(jì)算在內(nèi)。通常在線系統(tǒng)要規(guī)定系統(tǒng)的響應(yīng)時(shí)間指標(biāo)。3、可靠性：有一個(gè)穩(wěn)定可靠的系統(tǒng)是確保整個(gè)系統(tǒng)正常運(yùn)行的關(guān)鍵。 4、安全性：計(jì)算機(jī)系統(tǒng)的數(shù)據(jù)不受非授權(quán)用戶存取的能力。整個(gè)系統(tǒng)不應(yīng)由于操作失誤，甚至惡意攻擊而遭到破壞。系統(tǒng)的安全性能可由操作系統(tǒng)的口令設(shè)備以及數(shù)據(jù)庫(kù)系統(tǒng)的視圖管理設(shè)備提供。2.2 可行性分析2.2.1 技術(shù)可行性本設(shè)計(jì)項(xiàng)目是運(yùn)行在windows 7系統(tǒng)上的，采用asp、 iis、access 2007技術(shù)開發(fā)的。該系統(tǒng)對(duì)軟、硬件系統(tǒng)要求較低，所需硬件設(shè)備都無(wú)需特殊購(gòu)置。軟件上，操作系統(tǒng)采用win

11、dows系列操作系統(tǒng)、microsoft visual studio 2007作為前臺(tái)開發(fā)工具，它具有的“編輯后繼續(xù)運(yùn)行(edit and continue)”的特性，超越了舊的編輯編譯測(cè)試模式。它還引入了面向?qū)ο蟮某绦蛟O(shè)計(jì)思想和“控件”概念，使得大量已經(jīng)編好的c#程序可以直接拿來(lái)使用。同時(shí)， c#又是最容易學(xué)習(xí)與應(yīng)用的程序語(yǔ)言之一。它的功能非常強(qiáng)大，已成為一種專業(yè)化的開發(fā)語(yǔ)言和環(huán)境。采用access2007作為后臺(tái)數(shù)據(jù)庫(kù)平臺(tái)的管理系統(tǒng)，它有著存儲(chǔ)方式簡(jiǎn)單，易于維護(hù)管理，界面友好、易操作，支持廣泛等特點(diǎn)。另外，本系統(tǒng)做為一個(gè)網(wǎng)上在線班級(jí)通訊錄系統(tǒng)，所耗費(fèi)的資源非常的小。綜上所述，本系統(tǒng)的設(shè)計(jì)與

12、開發(fā)在技術(shù)上和硬件設(shè)備上的條件都是滿足的，因此，它在技術(shù)上是可行的。2.2.2 操作可行性在操作上本著簡(jiǎn)單，實(shí)用為原則，多數(shù)操作只需點(diǎn)擊鼠標(biāo)完成，容易比較好掌握，適合各種人群。本系統(tǒng)方面靈活方便，快捷迅速，適應(yīng)處理多項(xiàng)數(shù)據(jù)。制作時(shí)采用友好的系統(tǒng)界面，各種功能一目了然。界面設(shè)計(jì)時(shí)充分考慮普通用戶和系統(tǒng)管理人員的習(xí)慣，使得操作簡(jiǎn)單，界面人性化，各個(gè)模塊容易擴(kuò)充綜上所述，本系統(tǒng)在操作和界面上使用簡(jiǎn)易輕松上手，因此，它在操作上是可行的。網(wǎng)絡(luò)已經(jīng)成為人們生活、工作、學(xué)習(xí)越來(lái)越離不開的平臺(tái)。eb技術(shù)已經(jīng)不再局限于單純地提供信息服務(wù)，而是日益成為一個(gè)操作平臺(tái)，為用戶提供強(qiáng)大的服務(wù)功能。校友錄網(wǎng)站實(shí)現(xiàn)了遠(yuǎn)程通

13、訊，人們能夠通過計(jì)算機(jī)網(wǎng)絡(luò)進(jìn)行祝福發(fā)送，照片上傳，甚至坐在家里就可以為多年未見的老同學(xué)留言或送祝福。本網(wǎng)站包括加入班級(jí)、加入同學(xué)以及發(fā)表或?yàn)g覽留言信息的功能。登錄者可以進(jìn)行照片上傳或發(fā)表留言，也可以通過此網(wǎng)站找到老朋友的聯(lián)系方式。網(wǎng)站中信息管理必不可少主要是為了安全、有交地存儲(chǔ)和管理網(wǎng)站中的信息，管理員可以對(duì)網(wǎng)站中相關(guān)功能模塊信息進(jìn)行添加、刪除和修改，從而方便網(wǎng)站的管理與維護(hù)。3 系統(tǒng)設(shè)計(jì)3.1 項(xiàng)目規(guī)劃班級(jí)校友錄網(wǎng)站主要由通訊錄模塊、留言板模塊、班級(jí)相冊(cè)模塊、信息查詢模塊組成，具體規(guī)劃如下。（1）基本信息模塊基本信息模塊主要用于實(shí)現(xiàn)系統(tǒng)基本數(shù)據(jù)的錄入，相關(guān)基礎(chǔ)數(shù)據(jù)為：用戶信息，同學(xué)個(gè)人資料、

14、學(xué)校班級(jí)信息以及用戶權(quán)限的分配。（2）查詢搜索模塊查詢搜索模塊主要用于實(shí)現(xiàn)已注冊(cè)學(xué)校信息、班級(jí)信息、和同學(xué)信息的搜索，從而實(shí)現(xiàn)班級(jí)的加入和與同學(xué)的交流。（3）通訊錄模塊通訊錄模塊主要用于實(shí)現(xiàn)用戶對(duì)班級(jí)內(nèi)其他同學(xué)資料的瀏覽和用戶個(gè)人資料的修改。（4）留言板模塊留言板模塊主要用于班級(jí)內(nèi)留言信息的瀏覽、新建、修改以及刪除。（5）班級(jí)相冊(cè)模塊班級(jí)相冊(cè)模塊主要用于實(shí)現(xiàn)班級(jí)內(nèi)同學(xué)照片的上傳、瀏覽和刪除。3.2 系統(tǒng)功能結(jié)構(gòu)圖校友錄網(wǎng)站的功能結(jié)構(gòu)如圖3-1所示。圖3-1 校友錄網(wǎng)站的功能結(jié)構(gòu)圖4 數(shù)據(jù)庫(kù)設(shè)計(jì)4.1 數(shù)據(jù)庫(kù)e-r圖分析用戶需求該信息管理系統(tǒng)提供保存、更新、查詢、維護(hù)，這就需求數(shù)據(jù)庫(kù)結(jié)構(gòu)能充分滿

15、足各種信息的輸入與輸出，實(shí)現(xiàn)有組織地、動(dòng)態(tài)地存儲(chǔ)大量關(guān)聯(lián)數(shù)據(jù)，方便用戶訪問系統(tǒng)中的數(shù)據(jù)，它與文件系統(tǒng)的重要區(qū)別是數(shù)據(jù)的充分共享，交叉訪問，與應(yīng)用程序的高度獨(dú)立性和安全性。數(shù)據(jù)庫(kù)表的設(shè)計(jì)，在確定了各個(gè)表主鍵字段的基礎(chǔ)上，通過表與表之間相關(guān)字段之間的聯(lián)系建立起各表之間的對(duì)應(yīng)關(guān)系，表與表之間的關(guān)系是主表與子表之間確立的一種約束，用于實(shí)現(xiàn)表與表之間的數(shù)據(jù)參照完整性，這些關(guān)系的建立可以避免由于誤操作導(dǎo)致數(shù)據(jù)庫(kù)的崩潰，保證各表之間數(shù)據(jù)的一致性和完整性?，F(xiàn)實(shí)各個(gè)表的實(shí)體與屬性之間的關(guān)系。（1）學(xué)生注冊(cè)信息實(shí)體圖，如圖4-1所示 圖4-1 學(xué)生信息實(shí)體圖（2）學(xué)校注冊(cè)信息實(shí)體圖，如圖4-2所示 圖4-2 學(xué)校

16、信息實(shí)體圖（3）班級(jí)注冊(cè)信息實(shí)體圖，如圖4-3所示 圖4-3 班級(jí)信息實(shí)體圖（4）留言信息實(shí)體圖，如圖4-4所示圖4-4 留言信息實(shí)體圖根據(jù)需求分析和實(shí)體圖的設(shè)計(jì)，系統(tǒng)的e-r圖如圖4-5所示 圖4-5 校友錄網(wǎng)站系統(tǒng)e-r圖4.2 數(shù)據(jù)庫(kù)表設(shè)計(jì)1.建立學(xué)生信息表命名userinfo，用來(lái)存儲(chǔ)用戶錄入的個(gè)人基本資料。設(shè)計(jì)如表4-1所示表4-1 學(xué)生信息表2.建立學(xué)校信息表命名為schoolinfo，用來(lái)存儲(chǔ)用戶注冊(cè)的學(xué)校信息。設(shè)計(jì)如表4-2所示表4-2 學(xué)校信息表3.建立省份信息表命名為province，存儲(chǔ)全國(guó)省份信息，為查詢?cè)O(shè)定地域范圍。設(shè)計(jì)如表4-3所示表4-3 省份信息表4.建立城市信

17、息表命名為areainfo，存儲(chǔ)全國(guó)城市信息，為查詢確定范圍。設(shè)計(jì)如表4-4所示表4-4 城市信息表5.建立學(xué)校類型表命名為schooltype，存儲(chǔ)學(xué)校類型分類信息，為學(xué)校查詢確定范圍。設(shè)計(jì)如表4-5所示表4-5 學(xué)校類型表6.建立班級(jí)信息表命名為classinfo，用于存儲(chǔ)用戶注冊(cè)的班級(jí)信息。設(shè)計(jì)如表4-6所示表4-6 班級(jí)信息表7.建立留言信息表命名為message，用于存儲(chǔ)用戶留言信息，并提取顯示。設(shè)計(jì)如表4-7所示表4-7 留言信息表5 詳細(xì)模塊設(shè)計(jì)與實(shí)現(xiàn)在系統(tǒng)設(shè)計(jì)中綜合考慮如下因素：1、技術(shù)的先進(jìn)性，符合網(wǎng)絡(luò)發(fā)展的趨勢(shì)。2、滿足人們的需要，節(jié)省時(shí)間。3、提高工作效率，滿足網(wǎng)絡(luò)現(xiàn)在和

18、將來(lái)的數(shù)據(jù)傳輸需求。4、實(shí)用性、靈活性、模塊化、擴(kuò)充性、經(jīng)濟(jì)性、安全性。5.1 模塊詳細(xì)設(shè)計(jì)5.1.1 登錄窗口設(shè)計(jì)登錄窗口頁(yè)面用于對(duì)用戶進(jìn)行身份驗(yàn)證，已注冊(cè)用戶通過用戶名和密碼的輸入可以進(jìn)入系統(tǒng)，根據(jù)身份的不同分配不同的權(quán)限。用戶登錄設(shè)計(jì)如圖5-1所示。圖5-1 用戶登錄設(shè)計(jì)圖5.1.2 用戶注冊(cè)頁(yè)面設(shè)計(jì)用戶注冊(cè)頁(yè)面通過注冊(cè)協(xié)議的確認(rèn)、用戶名及密碼的錄入和用戶基本資料的輸入完成用戶在校友錄網(wǎng)站的注冊(cè)。用戶注冊(cè)頁(yè)面設(shè)計(jì)圖如圖5-2所示。 圖5-2 用戶注冊(cè)頁(yè)面設(shè)計(jì)圖5.1.3 用戶個(gè)人資料設(shè)計(jì)個(gè)人登陸頁(yè)面是已注冊(cè)用戶成功登陸后進(jìn)入的頁(yè)面，包含已加入的班級(jí)的顯示和通訊錄留言薄模塊的進(jìn)入，和為加入

19、班級(jí)用戶的班級(jí)查找，用戶個(gè)人資料設(shè)計(jì)圖如圖5-3所示。圖5-3 用戶個(gè)人資料設(shè)計(jì)5.1.4 個(gè)人資料修改設(shè)計(jì)個(gè)人資料修改是在已登錄用戶個(gè)人資料有所更新的時(shí)候，對(duì)自己在班級(jí)通訊錄的顯示的內(nèi)容進(jìn)行的修改，實(shí)現(xiàn)資料的更新。個(gè)人資料修改設(shè)計(jì)如圖5-4所示。圖5-4 個(gè)人資料修改設(shè)計(jì)5.1.5 通訊錄頁(yè)面設(shè)計(jì)通訊錄頁(yè)面是通過datalist控件對(duì)班級(jí)內(nèi)的同學(xué)錄入的個(gè)人信息即表userinfo中部分通訊信息進(jìn)行數(shù)據(jù)綁定列表顯示。通訊錄頁(yè)面設(shè)計(jì)圖如圖5-5所示。圖5-5 通訊錄頁(yè)面設(shè)計(jì)圖5.1.6 留言板頁(yè)面設(shè)計(jì)留言板頁(yè)面是班級(jí)內(nèi)注冊(cè)用戶通過文本輸入進(jìn)行留言,實(shí)現(xiàn)網(wǎng)上留言和在留言板上實(shí)現(xiàn)留言的瀏覽，留言板頁(yè)

20、面設(shè)計(jì)圖如圖5-6所示。圖5-6 留言板頁(yè)面設(shè)計(jì)圖5.1.7 上傳相片的設(shè)計(jì)上傳相片的功能是實(shí)現(xiàn)用戶對(duì)圖片的上傳，刪除。班級(jí)內(nèi)用戶實(shí)現(xiàn)對(duì)上傳圖片的瀏覽查看，上傳相片的設(shè)計(jì)如圖5-7所示。用戶對(duì)相片的瀏覽如圖5-8所示。圖5-7 上傳相片的設(shè)計(jì)圖5-8用戶對(duì)相片的瀏覽設(shè)計(jì)只要用戶點(diǎn)擊“照片標(biāo)題”低下的照片名稱，就可以瀏覽所要查看的照片了。5.2 系統(tǒng)實(shí)現(xiàn)5.2.1 登錄窗口實(shí)現(xiàn)登錄界面即為系統(tǒng)首頁(yè)如圖5-9所示，從首頁(yè)根據(jù)輸入的用戶名、密碼來(lái)進(jìn)行登錄操作，通過連接數(shù)據(jù)庫(kù)在userinfo表中進(jìn)行相應(yīng)驗(yàn)證，如果表中有此用戶名和密碼，則驗(yàn)證通過而進(jìn)入系統(tǒng)，如果表中沒有此用戶相應(yīng)信息，則驗(yàn)證不能通過而

21、繼續(xù)留在登錄首頁(yè)。圖5-9 登錄窗口其核心代碼如下：private void btnok_click(object serder,eventargs e)strsql=select u_id from userinfo where u_account=+txtaccount.text.tostring().replace(,)+ and u_pwd=+txtpwd.text.tostring().replace(,)+; /strsql=select u_id from userinfo where u_account=gxy and u_pwd=123;strconn=provider=mi

22、crosoft.jet.oledb.4.0;data source=+server.mappath(txl.aspx);cn=new oledbconnection(strconn);cn.open();cmd=new oledbcommand(strsql,cn);oledbdatareader dr=cmd.executereader();if(dr.read()sessionuid=dru_id.tostring();page.response.redirect(welcome.aspx);elselblmsg.text=用戶名或口令有錯(cuò)！請(qǐng)重新輸入！;/txtaccount.text=

23、;txtpwd.text=;/page.response.write(session.count);cn.close();private void btncancel_click(object sender,system.eventargs e)lblmsg.text=;txtaccount.text=;txtpwd.text=;page.response.redirect(reg.aspx);private void page_load(object sender, system.eventargs e) / 在此處放置用戶代碼以初始化頁(yè)面if(!page.ispostback)lblmsg

24、.text=;txtaccount.text=;txtpwd.text=;btnok.click+=new eventhandler(btnok_click);btncancel.click+=new eventhandler(btncancel_click);5.2.2 用戶注冊(cè)頁(yè)面實(shí)現(xiàn)用戶注冊(cè)頁(yè)面主要是用于想加入該網(wǎng)站的同學(xué)而設(shè)計(jì)的注冊(cè)模塊，實(shí)現(xiàn)注冊(cè)首先要確認(rèn)網(wǎng)站相關(guān)協(xié)議，否則將不能進(jìn)行注冊(cè)。確認(rèn)后進(jìn)入到用戶信息注冊(cè)頁(yè)面錄入用戶的賬號(hào)密碼信息，之后進(jìn)行個(gè)人資料錄入，經(jīng)過信息確認(rèn)將所填內(nèi)容準(zhǔn)確無(wú)誤則提交至userinfo表中。用戶需要填完這些才能登陸到校友錄網(wǎng)站。用戶登錄信息頁(yè)面如圖5-10

25、所示。圖5-10 用戶登錄信息其核心代碼如下：private void btnok_click(object sender, system.eventargs e)if(page.isvalid)step1.visible=false;step2.visible=false;step3.visible=false;step4.visible=true;span1.innerhtml=您輸入的信息是：+;span1.innerhtml+=登錄名：+txtaccount.text.tostring()+;span1.innerhtml+=姓名：+txtuname.text.tostring()+;

26、span1.innerhtml+=性別：+rltsex.selecteditem.text.tostring()+;span1.innerhtml+=生日：+ddlyear.selecteditem.text.tostring()+年+ddlmonth.selecteditem.text.tostring()+月+ddlday.selecteditem.text.tostring()+日+;span1.innerhtml+=工作單位：+txtujob.text.tostring()+;span1.innerhtml+=商務(wù)電話：+txtutel1.text.tostring()+;span1.

27、innerhtml+=宅電：+txtutel2.text.tostring()+;span1.innerhtml+=移動(dòng)電話：+txtutel3.text.tostring()+;span1.innerhtml+=尋呼機(jī)：+txtupager.text.tostring()+;span1.innerhtml+=通訊地址：+txtuaddr.text.tostring()+;span1.innerhtml+=郵政編碼：+txtuzip.text.tostring()+;span1.innerhtml+=e_mail：+txtuemail.text.tostring()+;span1.innerh

28、tml+=icq：+txtuicq.text.tostring()+;span1.innerhtml+=oicq：+txtuqq.text.tostring()+;public void btnsave_click(object sender, system.eventargs e)if(page.isvalid)strsql=insert into userinfo(u_name,u_account,u_pwd,u_sex,u_bth,u_regdate,u_tel1,u_tel2,u_tel3,u_addr,u_zip,u_email,u_job,u_icq,u_qq,u_grp) val

29、ues(;strsql+=txtuname.text.tostring()+,;strsql+=txtaccount.text.tostring()+,;strsql+=lblpwd.text.tostring()+,;strsql+=rltsex.selecteditem.text.tostring()+,;strsql+=ddlyear.selecteditem.text.tostring()+-+ddlmonth.selecteditem.text.tostring()+-+ddlday.selecteditem.text.tostring()+,;strsql+=datetime.to

30、day.tostring()+,;strsql+=txtutel1.text.tostring()+,;strsql+=txtutel2.text.tostring()+,;strsql+=txtutel3.text.tostring()+,;strsql+=txtuaddr.text.tostring()+,;strsql+=txtuzip.text.tostring()+,;strsql+=txtuemail.text.tostring()+,;strsql+=txtujob.text.tostring()+,;strsql+=txtuicq.text.tostring()+,;strsq

31、l+=txtuqq.text.tostring()+,1);strconn=provider=microsoft.jet.oledb.4.0;data source=+server.mappath(txl.aspx);cn=new oledbconnection(strconn);cmd=new oledbcommand(strsql,cn);cn.open();cmd.executenonquery();strsql=select u_id from userinfo where u_account=+txtaccount.text.tostring()+;cmd=new oledbcomm

32、and(strsql,cn);dr=cmd.executereader();while(dr.read()sessionuid=dru_id;dr.close();cn.close();/cn.close();page.response.redirect(welcome.aspx);5.2.3 用戶功能頁(yè)面實(shí)現(xiàn)個(gè)人登錄界面如圖5-11所示，該界面的主要功能是查看班級(jí)信息、通訊錄、實(shí)現(xiàn)班級(jí)內(nèi)部相冊(cè)、個(gè)人資料修改等功能。圖5-11 個(gè)人登錄界面其核心代碼如下：private void page_load(object sender, system.eventargs e)/ 在此處放置用戶代碼以初

33、始化頁(yè)面if(session.count=0) page.response.redirect(default.aspx);else if(sessionuid.tostring()=) page.response.redirect(default.aspx);uid=convert.toint32(sessionuid.tostring();strconn=provider=microsoft.jet.oledb.4.0;data source=+server.mappath(txl.aspx);strsql=select u_class from userinfo where u_id=+u

34、id.tostring();cn=new oledbconnection(strconn);cmd=new oledbcommand(strsql,cn);cn.open();dr=cmd.executereader();while(dr.read()scl=dru_class.tostring();strcl=scl.split(de);dr.close();if(!page.ispostback)strsql=select p_name from prove;da=new oledbdataadapter(strsql,cn);ds=new dataset();da.fill(ds,pro

35、ve);for(i=0;ids.tablesprove.rows.count;i+)ddlprove.items.add(ds.tablesprove.rowsip_name.tostring();da.dispose(); 5.2.4 用戶個(gè)人資料修改頁(yè)面實(shí)現(xiàn)用戶個(gè)人資料修改界面如圖5-12所示，該界面的功能是將當(dāng)前用戶已錄入的資料通過datagrid控件綁定顯示。用戶重新輸入需要更改的部分信息，確認(rèn)后點(diǎn)擊修改按鈕，將更新信息提交至userinfo表中，更新數(shù)據(jù)。使其他同學(xué)可以通過通訊錄獲得更改用戶的最新資料。圖5-12 用戶個(gè)人資料修改界面其核心代碼如下：private void data

36、bindtodatagrid() /數(shù)據(jù)綁定sqlconnection con=db.createcon();sqldataadapter da=new sqldataadapter();sdr.selectcommand=new sqlcommand(select u_name,u_pwd,sex,u_bth,u_job,u_tel1,u_tel2,u_addr,u_email,u_qq,con);con.open();dataset ds=new dataset();da.fill(ds,userinfo);this.datagrid1.datakeyfield=u_name;this.d

37、atagrid1.datasource=ds.tablesuserinfo;this.datagrid1.databind();sqlconnection con=db.createcon(); /連接數(shù)據(jù)庫(kù)sqldataadapter sdr=new sqldataadapter();da.selectcommand=new sqlcommand(select u_name,u_pwd,sex,u_bth,u_job,u_tel1,u_tel2,u_addr,u_email,u_qq,con);con.open();dataset ds=new dataset();da.fill(ds,us

38、erinfo);ds.tablesuserinfo.defaultview.sort=e.sortexpression+ +viewstateorder.tostring();this.datagrid1.datasource=ds.tablesuserinfo.defaultview;this.datagrid1.databind();private void datagrid1_editcommand(objectsource,system.web.ui.webcontrols.datagridcommandeventargs e) /修改處理函數(shù)this.datagrid1.editit

39、emindex=e.item.itemindex;this.databindtodatagrid();private void datagrid1_cancelcommand(object source, system.web.ui.webcontrols.datagridcommandeventargs e)this.datagrid1.edititemindex=-1;this.databindtodatagrid();private void datagrid1_updatecommand(object source, system.web.ui.webcontrols.datagrid

40、commandeventargs e) /數(shù)據(jù)更新處理函數(shù)private void update_click(object sender, system.eventargs e)string u_name=this.datagrid1.datakeyse.item.itemindex.tostring();string u_name=(textbox)(e.item.cells1.controls0).text;string u_pwd=(textbox)(e.item.cells2.controls0).text;string sex=(radiobutton)(e.item.cells3.

41、controls0).text;string u_bth=(dropdownlist)(e.item.cells4.controls0).text;string u_job=(textbox)(e.item.cells5.controls0).text;string u_tel1=(textbox)(e.item.cells6.controls0).text;string u_tel2=(textbox)(e.item.cells7.controls0).text;string u_addr=(textbox)(e.item.cells8.controls0).text;string u_em

42、ail=(textbox)(e.item.cells9.controls0).text;string u_qq=(textbox)(e.item.cells10.controls0).text;sqlconnection con=db.createcon();sqlcommand cmd=new sqlcommand(update userinfo set u_name=+u_name+,u_pwd=+u_pwd+,sex=+sex+,u_bth=+u_bth+,u_job=+u_job+,u_tel1=+u_tel1+,u_tel2=+u_tel2+,u_addr=+u_addr+,u_em

43、ail=+u_email+,u_qq=+u_qq+ where u_name=+u_name+,con);con.open();cmd.executenonquery();this.datagrid1.edititemindex=-1;this.databindtodatagrid();5.2.5 通訊錄頁(yè)面實(shí)現(xiàn)通訊錄界面如圖5-13所示，其功能是列出本班級(jí)內(nèi)所有注冊(cè)同學(xué)的聯(lián)系資料。實(shí)現(xiàn)此功能需要通過datagrid控件對(duì)數(shù)據(jù)進(jìn)行綁定提取與登錄者userinfo表中u_class字段為當(dāng)前班級(jí)的個(gè)人信息。圖5-13 通訊錄界面其核心代碼如下：private void page_load(obj

44、ect sender, system.eventargs e)/ 在此處放置用戶代碼以初始化頁(yè)面if(session.count=0) page.response.redirect(default.aspx);else if(sessionuid.tostring()=) page.response.redirect(default.aspx);strcl2=requestclid.tostring();j=5-strcl2.length;for(i=0;ij;i+)strcl2=0+strcl2;strconn=provider=microsoft.jet.oledb.4.0; data s

45、ource=+server.mappath(txl.aspx);strsql=select * from userinfo where u_class like %+strcl2+%;cn=new oledbconnection(strconn);da=new oledbdataadapter(strsql,cn);cn.open();ds=new dataset();da.fill(ds,addrlist);datalist1.datasource=ds.tablesaddrlist.defaultview;datalist1.databind();5.2.6 留言板頁(yè)面實(shí)現(xiàn)留言板模塊功能是

46、把用戶想說的話進(jìn)行信息發(fā)布，所發(fā)信息顯示在班級(jí)留言板界面上，方便班內(nèi)同學(xué)查看。發(fā)布信息數(shù)據(jù)提交至message表中。用戶有刪除和編輯自己的留言權(quán)限通過delete語(yǔ)句和update語(yǔ)句實(shí)現(xiàn)。管理員有把重要留言的置頂?shù)臋?quán)限通過修改留言編號(hào)實(shí)現(xiàn)。留言版界面如圖5-14所示。圖5-14 留言版界面其核心代碼如下：private void btnok_click(object sender, system.eventargs e)strconn=provider=microsoft.jet.oledb.4.0;data source=+server.mappath(txl.aspx);strsql=u

47、pdate board set b_theme=+txttheme.text;strsql+=,b_cnt=+txtcontent.text;strsql+=,b_editer=+sessionuid.tostring();strsql+=,b_edittime=now() where b_id=+page.requestmsgid.tostring();cn=new oledbconnection(strconn);cn.open();cmd=new oledbcommand(strsql,cn);cmd.executenonquery();cmd.dispose();cn.close();

48、page.response.redirect(board.aspx?clid=+strclid);page.response.write();page.response.write(txtcontent.text);page.response.write();page.response.write(strclid);*/private void btnreturn_click(object sender, system.eventargs e)page.response.redirect(board.aspx?clid=+strclid);5.2.7 班級(jí)相冊(cè)頁(yè)面實(shí)現(xiàn)班級(jí)相冊(cè)模塊功能是把班級(jí)內(nèi)

49、同學(xué)希望分享的照片通過uploadfile控件進(jìn)行上傳存儲(chǔ)于數(shù)據(jù)庫(kù)中，使用了datalist控件進(jìn)行數(shù)據(jù)綁定來(lái)顯示圖片將所發(fā)照片顯示在班級(jí)相冊(cè)界面上發(fā)布，方便班內(nèi)同學(xué)查看。照片上傳界面如圖5-15所示。圖5-15 照片上傳界面其核心代碼如下：protected void page_load(object sender, eventargs e) using (sqlconnection connection = new sqlconnection(strconn) sqlcommand command = connection.createcommand(); command.commandtext = select * from images; command.commandtype = commandtype.text; connection.open(); sqldatareader reader= command.executereader(); datalist1.datasource = reader; datalist1.databind(); protected void btnsubmit_click(object sender, eventargs e) if (fileupload1.hasfile) string fil