photoshop教學網(wǎng)站的設計與開發(fā)畢業(yè)論文.doc

目 錄photoshop教學網(wǎng)站的設計與開發(fā)畢業(yè)論文目 錄摘 要IAbstractI1 緒論11.1 國內外發(fā)展現(xiàn)況11.1.1 國外發(fā)展概況11.1.2 國內的現(xiàn)狀和發(fā)展趨勢11.2 研究意義22 開發(fā)技術及環(huán)境22.1 ASP.NET簡介22.2 VB.NET簡介32.3 Access數(shù)據(jù)庫33 需求分析43.1 系統(tǒng)的性能要求43.2 系統(tǒng)的功能需求分析43.2.1 功能劃分及描述43.2.2 數(shù)據(jù)流圖54 系統(tǒng)的概要設計64.1 系統(tǒng)的總體設計結構64.2 系統(tǒng)數(shù)據(jù)庫概念結構設計75 詳細設計與系統(tǒng)實現(xiàn)95.1 數(shù)據(jù)庫表詳細說明95.2 系統(tǒng)功能模塊的詳細設計與實現(xiàn)105.2.1 首頁的設計與實現(xiàn)105.2.2 教學模塊的設計與實現(xiàn)115.2.3 資料模塊的設計與實現(xiàn)145.2.4 互動模塊的設計與實現(xiàn)175.2.5 課業(yè)模塊的設計與實現(xiàn)215.3 網(wǎng)站后臺管理模塊的詳細設計23結論27參考文獻27致謝28III河北科技師范學院2012屆本科畢業(yè)設計1 緒論 1.1 國內外發(fā)展現(xiàn)況1.1.1 國外發(fā)展概況國外網(wǎng)絡教育的發(fā)展已經(jīng)有過相當長的一段時間，相對于我國的網(wǎng)絡來說，國外網(wǎng)絡教育應用廣泛，效果顯著。在美國，越來越多的人選擇半工半讀或在職學習的方式，他們中的許多人工作不定時，經(jīng)常外出。而網(wǎng)絡教學突破了時間、地點的限制，滿足了這些人的學習要求1?，F(xiàn)有三百五十多所大學和學院提供函授和因特網(wǎng)教育的遠程學習學位，基本覆蓋了美國高校的所有專業(yè)和學科。目前美國通過網(wǎng)絡教學獲得高等教育學位的學生大約占全國高等學校在校生人數(shù)的8% 2。而據(jù)有關機構統(tǒng)計到2002 年美國接受網(wǎng)絡高等教育的人數(shù)將達到223 萬人。1.1.2 國內的現(xiàn)狀和發(fā)展趨勢我國國內的網(wǎng)絡教學，相對于國外的網(wǎng)絡教學來說，發(fā)展起點晚，經(jīng)驗也不足。但是我國政府十分重視網(wǎng)絡教育。國務院轉發(fā)教育部制訂的“面向21 世紀教育振興行動計劃”中，明確提出了實施現(xiàn)代遠程教育工程，并在第三次全國教育工作會議上，提出在2010 年初步實現(xiàn)高等教育大眾化的目標，建立現(xiàn)代遠程教育網(wǎng)絡，構建終身教育體系。為此，國家對教育信息基礎設施投入很大的人力物力，建成中國教育科研網(wǎng)(CER-NET) ，并開展地區(qū)性區(qū)域教育信息網(wǎng)絡建設和校園網(wǎng)絡建設3。隨著清華大學等38 所試點大學網(wǎng)絡教育的快速發(fā)展，遠程教育也逐步成為一個倍受人們關注的領域。目前我國各試點學校初步摸索出一套網(wǎng)上辦學的模式，開發(fā)出一批網(wǎng)上課程和教學資源，初步形成了校內基于校園網(wǎng)的多媒體教學與校外遠程教學同時進行并相互融合的開放式辦學格局。在高等教育方面，國家教育部于1998年正式批準了清華、北郵、浙大、湖大為首批開發(fā)遠程教學的試點學校；1999年初，國務院發(fā)布面向二十一世紀振興行動計劃，其中明確提出：實施“現(xiàn)代遠程教育工程”，形成開放式教育網(wǎng)絡，構建終身學習體系；2000年，國家教育部連續(xù)批準了人民大學等26所高校開展現(xiàn)代遠程教育試點。這一系列舉措，表明國家對INTERNET遠程教育事業(yè)的重視，INTERNET遠程教育的發(fā)展必將成為未來教育的焦點。隨著網(wǎng)絡教學的發(fā)展，國家現(xiàn)在特別重視網(wǎng)絡教學的建設問題4。雖然我國現(xiàn)在大力的支持網(wǎng)絡教學的建設，但是客觀的說我國的網(wǎng)絡教學建設還是處于起始階段，還缺乏一些理論指導，以及統(tǒng)一的調配問題，形成現(xiàn)在的全而不精的局面。我國的網(wǎng)絡教學建設與國外相比還是有很大差距的5。1.2 研究意義Photoshop是迄今為止世界上最暢銷的圖象編輯軟件。它已成為許多涉及圖像處理的行業(yè)的標準。界面設計是一個新興的領域，已經(jīng)受到越來越多的軟件企業(yè)及開發(fā)者的重視，雖然暫時還未成為一種全新的職業(yè)，但相信不久一定會出現(xiàn)專業(yè)的界面設計師職業(yè)6。在當前還沒有用于做界面設計的專業(yè)軟件，因此絕大多數(shù)設計者使用的都是Photoshop。但是在實際教學過程中，這門課程的教學效果往往不是很理想，教師覺得這門課程教起來比較困難，大部分學生感覺枯燥無味，所學知識沒什么實際用處，很難達到較好的教學效果或獲得較強的實踐能力7。隨著萬維網(wǎng)的不斷提速與擴容，為基于Web開展網(wǎng)上教學和遠程教育提供了物理基礎。如何有效地設計、開發(fā)和利用網(wǎng)絡資源構建photoshop教學網(wǎng)站，可以提高學生的學習興趣、擴大知識面、輔助課堂教學以及提高自身的實踐能力和應用能力，成為一個令人關注的話題8。2 開發(fā)技術及環(huán)境 2.1 ASP.NET簡介ASP.NET的前身ASP技術，是在IIS 2.0上首次推出(Windows NT 3.51)，當時與 ADO 1.0 一起推出，在IIS 3.0 (Windows NT 4.0)發(fā)揚光大，成為服務器端應用程序的熱門開發(fā)工具，微軟還特別為它量身打造了Visual InterDev開發(fā)工具，在1994年到2000年之間，ASP技術已經(jīng)成為微軟推展Windows NT 4.0平臺的關鍵技術之一，數(shù)以萬計的ASP網(wǎng)站也是這個時候開始如雨后春筍般的出現(xiàn)在網(wǎng)絡上。它的簡單以及高度可定制化的能力，也是它能迅速崛起的原因之一9。（1）強大性和適應性因為ASP.net是基于通用語言的編譯運行的程序，所以它的強大性和適應性，可以使它運行在Web應用軟件開發(fā)者的幾乎全部的平臺上（筆者到現(xiàn)在為止只知道它只能用在Windows 2000/2003 Server，VISTA/WIN7/XP上）。通用語言的基本庫，消息機制，數(shù)據(jù)接口的處理都能無縫的整合到ASP.net的Web應用中。ASP.net同時也是language-independent（語言獨立化）的，所以，你可以選擇一種最適合你的語言來編寫你的程序，或者把你的程序用很多種語言來寫，現(xiàn)在已經(jīng)支持的有C#（C+和Java的結合體），VB，Jscript , C+、F+。將來，這樣的多種程序語言協(xié)同工作的能力保護您現(xiàn)在的基于COM+開發(fā)的程序，能夠完整的移植向ASP.net。（2）簡單性和易學性ASP.net使運行一些很平常的任務如表單的提交客戶端的身份驗證、分布系統(tǒng)和網(wǎng)站配置變得非常簡單。例如ASP.net頁面構架允許你建立你自己的用戶分界面，使其不同于常見的VB-Like界面10。（3）自定義性和可擴展性用戶可以使用自己編寫的自定義組件或擴展替換ASP.NET運行庫的任何子組件。ASP.NET基于通用語言，開發(fā)者可以使用任何.NET支持的語言（比如C#，VB.NET，等）來開發(fā).NET的程序11。（4）多種性能優(yōu)良的功能ASP.NET與其前身ASP最大的區(qū)別在于其不再是解釋性的腳本了，而是運行于服務器端經(jīng)過編譯的代碼，這使早期綁定、本地優(yōu)化、緩存服務等技術成為可能，無疑這將大大的提高ASP.NET程序的執(zhí)行效率。（5）高效可管理性ASP.NET程序的所有配置都存儲于基于XML的文件中。這將大大的簡化對服務器環(huán)境和網(wǎng)絡程序的配置過程12。ASP.NET框架應用程序的部署時只需將必要的文件復制到服務器，即可將 ASP.NET框架應用程序部署到服務器。2.2 VB.NET簡介VB.NET的前身是Visual Basic,并對其進行的徹底的變革，對底層進行了重建，使其成為了面向對象的程序設計語言。VB.NET簡單易學，同時因為得到了.NET框架的支持，功能更加強大13。2.3 Access數(shù)據(jù)庫Access能夠存取 Access/Jet、Microsoft SQL Server、Oracle，或者任何 ODBC兼容數(shù)據(jù)庫內的資料。Microsoft Access在很多地方得到廣泛使用，例如小型企業(yè)，大公司的部門，和喜愛編程的開發(fā)人員專門利用它來制作處理數(shù)據(jù)的桌面系統(tǒng)14。它也常被用來開發(fā)簡單的WEB應用程序。這些應用程序都利用ASP技術在InternetInformation Services運行。其主要特點如下：（1）界面友好、易操作Access是一個可視化工具，其風格與Windows完全一樣，用戶想要生成對象并應用，只要使用鼠標進行拖放即可，非常直觀方便15。系統(tǒng)還提供了表生成器、查詢生成器、報表設計器以及數(shù)據(jù)庫向導、表向導、查詢向導、窗體向導、報表向導等工具，使得操作簡便，容易使用和掌握16。（2）面向對象Access是一個面向對象的開發(fā)工具，利用面向對象的方式將數(shù)據(jù)庫系統(tǒng)中的各種功能對象化，將數(shù)據(jù)庫管理的各種功能封裝在各類對象中。它將一個應用系統(tǒng)當作是由一系列對象組成的，對每個對象它都定義一組方法和屬性，以定義該對象的行為和外國，用戶還可以按需要給對象擴展方法和屬性。通過對象的方法、屬性完成數(shù)據(jù)庫的操作和管理，極大地簡化了用戶的開發(fā)工作17。同時，這種基于面向對象的開發(fā)方式，使得開發(fā)應用程序更為簡便。（3）集成環(huán)境、處理多種數(shù)據(jù)信息Access基于Windows操作系統(tǒng)下的集成開發(fā)環(huán)境，該環(huán)境集成了各種向導和生成器工具，極大地提高了開發(fā)人員的工作效率，使得建立數(shù)據(jù)庫、創(chuàng)建表、設計用戶界面、設計數(shù)據(jù)查詢、報表打印等可以方便有序地進行18。（4）Access支持ODBC（開發(fā)數(shù)據(jù)庫互連，Open Data Base Connectivity）利用Access強大的DDE（動態(tài)數(shù)據(jù)交換）和OLE（對象的聯(lián)接和嵌入）特性，可以在一個數(shù)據(jù)表中嵌入位圖、聲音、Excel表格、Word文檔，還可以建立動態(tài)的數(shù)據(jù)庫報表和窗體等。Access還可以將程序應用于網(wǎng)絡，并與網(wǎng)絡上的動態(tài)數(shù)據(jù)相聯(lián)接。利用數(shù)據(jù)庫訪問頁對象生成HTML文件，輕松構建Internet/Intranet的應用19 20。 3 需求分析3.1 系統(tǒng)的性能要求（1）運行環(huán)境要求運行環(huán)境需要一臺服務器，安裝windows2000以上操作系統(tǒng)，支持Access數(shù)據(jù)庫。客戶端只需要安裝Windows98以上的版本及瀏覽器即可瀏覽該網(wǎng)站。（2）安全性要求本系統(tǒng)有著權限設置，對于非法用戶，不能夠根據(jù)用戶的相對網(wǎng)址來訪問網(wǎng)站和對網(wǎng)站進行任何操作。必須進行登陸才可以訪問操作。3.2 系統(tǒng)的功能需求分析3.2.1 功能劃分及描述“photoshop”教學網(wǎng)站分為五大功能模塊：教學天地、資料殿堂、互動時間、課程作業(yè)、后臺管理， 根據(jù)系統(tǒng)的功能劃分，每個模塊的需求描述如下：（1）教學教學模塊分為：理論教學、案例教學、實踐教學。（2）資料該功能模塊主要分為課件、例題、相關網(wǎng)站和業(yè)界動態(tài)四個子功能模塊。（3）互動該功能模塊主要包括留言板和公告兩個功能模塊。（4）課業(yè)該功能模塊主要包括優(yōu)秀作品、作業(yè)信息和作業(yè)提交三個功能模塊。（5）后臺管理該模塊用于管理員管理網(wǎng)站，管理通過主頁鏈接進入管理界面，通過登錄認證后可以對網(wǎng)站進行管理。3.2.2 數(shù)據(jù)流圖以下是系統(tǒng)一級數(shù)據(jù)流圖和二級數(shù)據(jù)流圖，如圖1、圖2所示。1用戶管理管理員學生3管理員操作4留言管理2學生操作D1 管理用戶信息D2 學生用戶信息D3 留言信息 D10 作業(yè)信息D9 公告信息D8 業(yè)界動態(tài)信息D7 相關網(wǎng)站信息D6 例題信息D5 課件信息D4 教學信息管理員學生用戶名 密碼權限用戶名 密碼權限圖1 系統(tǒng)一級數(shù)據(jù)流圖3.1管理 D10 作業(yè)信息D1 管理用戶信息D2 學生用戶信息 D3 留言信息 D4 教學信息 D5 課件信息 D6 例題信息D7 相關網(wǎng)站信息D8 業(yè)界動態(tài)信息 D9 公告信息3.2管理3.3 答疑管理3.4更新動態(tài)3.5更新公告3.6更新作業(yè)信息2.1注冊登錄2.2提問交流2.3瀏覽學習2.4下載學習2.5參考學習2.6網(wǎng)站瀏覽2.7動態(tài)瀏覽2.8獲取公告內容2.9查看圖2系統(tǒng)二級數(shù)據(jù)流圖4 系統(tǒng)的概要設計 4.1 系統(tǒng)的總體設計結構本系統(tǒng)利用ASP.net技術和Access 2007數(shù)據(jù)庫構建基于Web的開放的、資源共享的、交互式的教學網(wǎng)站，該網(wǎng)站可以在基于Windows 2000/XP/2003系統(tǒng)構建的局域網(wǎng)或Internet上使用。本系統(tǒng)面向學生、管理員兩種身份的用戶，不過在系統(tǒng)中，把管理員的權限，下放給教師，所以老師同時擔任了管理員的角色。整個系統(tǒng)的功能框架圖如下圖3所示。教學理論教學案例教學實踐教學資料課件例題相關網(wǎng)站業(yè)界動態(tài)課業(yè)作業(yè)信息優(yōu)秀作品作業(yè)提交后臺管理互動Photoshop教學網(wǎng)站留言板公告作業(yè)信息管理優(yōu)秀作品管理學生信息管理業(yè)界動態(tài)管理公告管理圖3 總體功能結構圖4.2 系統(tǒng)數(shù)據(jù)庫概念結構設計通過以上的分析可以知道，系統(tǒng)主要涉及的實體有：學生、教師、留言、公告等，實體之間聯(lián)系復雜，現(xiàn)分析如下：（1）留言管理涉及的實體有：學生、教師、留言內容。學生屬性有編號、用戶名、密碼、e_mail。教師屬性有編號、用戶名、密碼、e_mail。留言內容屬性有編號、留言者、留言內容、留言時間。這些實體之間的聯(lián)系如下：學生主要通過留言提問，教師主要是回答留言。實體聯(lián)系圖如圖4所示。教師學生郵箱用戶名編號郵箱密碼用戶名編號留言時間留言內容留言者編號密碼回答提問留言內容圖4 留言板E-R圖（2）公告信息管理涉及的實體有：學生、教師、教學信息。學生屬性有編號、用戶名、密碼、e_mail。教師屬性有編號、用戶名、密碼、e_mail。教學信息屬性有編號、標題、內容。這些實體之間的聯(lián)系如下：一位老師可以更新多條公告信息，一條公告信息只能由一名老師來進行更新，因此教師和公告信息之間是一對多的聯(lián)系。一位學生可以瀏覽多條公告信息，一條公告信息可以讓多個學生瀏覽，因此學生與公告信息之間是多對多的聯(lián)系。實體聯(lián)系圖如圖5所示。公告教師學生更新瀏覽公告內容標題編號圖5 公告信息管理E-R圖（3）業(yè)界動態(tài)信息管理涉及的實體有：學生、教師、動態(tài)內容。學生屬性有編號、用戶名、密碼、e_mail。教師屬性有編號、用戶名、密碼、e_mail。業(yè)界動態(tài)信息屬性有編號、標題、內容。這些實體之間的聯(lián)系如下：教師更新動態(tài)，學生瀏覽動態(tài)。實體聯(lián)系圖如圖6所示。動態(tài)內容教師學生更新瀏覽動態(tài)內容標題編號圖6 業(yè)界動態(tài)信息管理E-R圖5 詳細設計與系統(tǒng)實現(xiàn)5.1 數(shù)據(jù)庫表詳細說明表1 學生信息/管理員信息表字段名 描述類型長度是否空是否主鍵ID用戶ID號Bigint4否是UserName用戶名Varchar10否否Pwem密碼郵箱VarcharVarchar2020否否否否表2 案例教學/理論教學資料表字段名 描述類型長度是否空是否主鍵ID資料ID號Bigint4否是tm資料名稱Varchar10否否nr資料內容備注否否表3 留言信息表字段名 描述類型長度是否空是否主鍵ID信息ID號Bigint4否是author用戶名Varchar10否否Liuyan留言內容Varchar255否否posttime留言時間datetime否否表4 業(yè)界動態(tài)表字段名 描述類型長度是否空是否主鍵ID動態(tài)ID號Bigint4否是tm動態(tài)名稱Varchar10否否nr動態(tài)內容備注否否表5 公告表字段名 描述類型長度是否空是否主鍵ID公告ID號Bigint4否是tm公告名稱Varchar10否否nr公告內容備注否否5.2 系統(tǒng)功能模塊的詳細設計與實現(xiàn)5.2.1 首頁的設計與實現(xiàn)首頁包括了教學、資料、互動、課業(yè)、后臺管理五個大板塊，點擊各個相應的超鏈接，就會進入相應的功能頁面。首頁的頁面效果，如圖7所示。圖7 首頁的頁面實現(xiàn)效果 5.2.2 教學模塊的設計與實現(xiàn)點擊首頁中的“教學”超鏈接，即可進入教學模塊。教學模塊主要分為理論教學模塊、案例教學模塊、實踐教學模塊三個子功能模塊。這三個子模塊分別向學生提供理論知識、教學案例和課上教學視頻。教學模塊頁面實現(xiàn)效果如圖8所示。圖8 教學模塊的頁面實現(xiàn)效果該模塊包攬了三個教學模塊的內容，上面兩個模塊是理論教學和案例教學的一部分模塊，中間嵌入的是實踐教學中的視頻文件，按播放按鈕可以播放，最底下是一些優(yōu)秀的PS圖片，其中視頻文件的主要實現(xiàn)代碼是：（1）理論教學模塊如圖9所示。圖9 理論教學模塊該模塊記錄了photoshop理論知識，點擊鏈接可進入相關知識內容頁面，其實現(xiàn)主要代碼如下：Sub Page_Load(Sender As Object, E As EventArgs)建立Connection對象Dim conn As NewOleDbConnection(Provider=Microsoft.Jet.OLEDB.4.0;DataSource=&Server.Mappath(./ps.mdb) 建立Connection對象Dim adp As New OleDbDataAdapter(select * from aljx, conn)建立DataAdapter對象Dim ds As New DataSet() 建立DataSet對象adp.Fill(ds, tm) 填充DataSet對象MyDataGrid.DataSource=DS.Tables(tm).DefaultView 指定數(shù)據(jù)源MyDataGrid.DataBind() 執(zhí)行綁定conn.close()End Sub（2）案例教學如圖10所示。圖10 案例教學模塊 該模塊實現(xiàn)方法同理論教學，當點擊該界面鏈接可以打開案例界面，案例界面包括Photoshop案例的具體實現(xiàn)步驟，由于該界面實現(xiàn)主要代碼同理論教學界面在此不作贅述。（3）實踐教學模塊主要是Photoshop教學視頻，其中在教學模塊已有體現(xiàn)，再次不做贅述。 5.2.3 資料模塊的設計與實現(xiàn)資料模塊意在拓展學生的知識，開闊學生的視野。資料模塊主要有課件、例題、相關網(wǎng)站、業(yè)界動態(tài)四個子功能模塊。其中點擊課件鏈接可進入課件界面，在該界面可以對課件進行下載；點擊例題鏈接可以進入例題界面，在該界面可以對例題進行下載；點擊相關網(wǎng)站鏈接，可以進入相關網(wǎng)站界面，在該界面主要是一些其他Photoshop教學網(wǎng)站的網(wǎng)址，點擊可以瀏覽其他Photoshop教學網(wǎng)站；點擊業(yè)界動態(tài)鏈接可以進入業(yè)界動態(tài)界面，在該界面主要是和Photoshop有關的新聞動態(tài)。資料模塊頁面實現(xiàn)效果如圖11所示。圖11 資料模塊資料模塊設計思路同教學模塊，從主頁點擊“資料”鏈接后進入后資料模塊，點擊該模塊導航的課件、例題、相關網(wǎng)站、業(yè)界動態(tài)四個鏈接可以分別進入對應的四個子功能模塊。其中課件子模塊主要提供教師教課課件的下載，例題子模塊主要提供，課本以及老師上課講解的例題的下載，相關網(wǎng)站主要是一些其他Photoshop教學網(wǎng)站的鏈接，供學生參考學習，業(yè)界動態(tài)主要是給學生提供和Photoshop有關的新聞動態(tài)，拓展學生知識面。（1）課件模塊如圖12所示。圖12 課件模塊如圖所示點擊課件進入可見模塊，點擊章節(jié)可進行課件下載，下載的主要實現(xiàn)代碼如下：第1章初識Photoshop（2）例題模塊，其實現(xiàn)方法同課件模塊再次不做贅述。（3）相關網(wǎng)站如圖13所示。圖13 相關網(wǎng)站模塊（4）業(yè)界動態(tài)如圖14，圖15所示。圖14 業(yè)界動態(tài)模塊一圖15 業(yè)界動態(tài)模塊二點擊相應動態(tài)則打開相應網(wǎng)頁從數(shù)據(jù)庫中讀取數(shù)據(jù)，其實現(xiàn)代碼如下：Sub Page_Load(Sender As Object, E As EventArgs)建立Connection對象Dim conn As New OleDbConnection(Provider=Microsoft.Jet.OLEDB.4.0;Data Source=&Server.Mappath(./ps.mdb) Dim adp As New OleDbDataAdapter(select * from yjdt, conn)Dim ds As New DataSet() 建立DataSet對象adp.Fill(ds, tm) 填充DataSet對象MyDataGrid.DataSource=DS.Tables(tm).DefaultView 指定數(shù)據(jù)源MyDataGrid.DataBind() 執(zhí)行綁定 conn.close()End Sub 5.2.4 互動模塊的設計與實現(xiàn)互動模塊可以讓學生與學生之間老師與學生之間進行交流，可以提高學生的學習興趣與積極性，要使用該模塊功能則要登錄，也可以在該界面進行注冊，登錄成功后則可以進入留言板模塊，其實現(xiàn)如圖16所示。圖16 互動模塊該模塊實現(xiàn)主要代碼如下：Sub enter_click(Sender As Object, E As EventArgs)建立Connection對象,注意從web.Config中獲取數(shù)據(jù)庫連接字符串Dim conn As New OleDbConnection(ConfigurationSettings.AppSettings(strConn)建立Command對象，注意要根據(jù)用戶輸入的用戶名和密碼進行查找Dim conn As New OleDbConnection(Provider=Microsoft.Jet.OLEDB.4.0;Data Source= & Server.Mappath(./ps.mdb) 建立Connection對象Dim strSql As StringstrSql=Select * From muser Where username= & username.Text & And pw= & password.Text & Dim cmd As New OleDbCommand(strSql, conn)conn.Open() Dim dr As OleDbDataReader = cmd.ExecuteReader() dr.Read()=True表示有1條記錄，說明有該用戶。否則表示沒有該用戶If dr.Read()=True Then conn.Close() Response.Redirect(liuyan.aspx)message.Text=登錄成功，歡迎您！Elseconn.Close() message.Text=您必須輸入有效的用戶名和密碼End IfEnd Sub用戶登錄用戶名：密碼：  （1）留言板模塊如圖17所示。圖17 留言模塊學生和教師可以在此發(fā)表留言，同時教師和學生都可以對過期的留言進行刪除，減少老師管理工作量，其實現(xiàn)主要代碼如下：Dim conn As New OleDbConnection(Provider=Microsoft.Jet.OLEDB.4.0;Data Source= & Server.MapPath(./ps.mdb)Dim strSql As StringDim cmd As New OleDbCommandPrivate Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load 顯示留言If Request.QueryString(action) = del And Not Request.QueryString(id) = ThenstrSql = delete from info where id= + Request.QueryString(id)conn.Open()cmd = New OleDbCommand(strSql, conn)cmd.ExecuteNonQuery()conn.Close()End IfstrSql = select * from infoconn.Open()cmd = New OleDbCommand(strSql, conn)Dim dr As OleDbDataReader = cmd.ExecuteReader()TryDo While dr.Read()liuyan.Text += 留言者： + dr.Item(author) + 留言內容： + dr.Item(liuyan) + ( + dr.Item(posttime).ToString + ) + 刪除留言LoopIf liuyan.Text = Thenliuyan.Text = 暫時沒有留言！End IfCatch ex As Exceptionliuyan.Text = 程序出錯 + ex.MessageEnd Tryconn.Close()End SubSub add(ByVal sender As Object, ByVal e As System.EventArgs) 添加留言Dim _author, _liuyan As String_author = author.Text.ToString_liuyan = addliuyan.Text.ToStringIf Not _author = And Not _liuyan = Then)conn.Open()cmd = New OleDbCommand(strSql, conn)cmd.ExecuteNonQuery()conn.Close()End If End Sub 留言顯示：留言者：內容（2）公告模塊的實現(xiàn)如同業(yè)界動態(tài)在此不做贅述。5.2.5 課業(yè)模塊的設計與實現(xiàn)點擊首頁中的“課業(yè)”超鏈接，即可進入課業(yè)模塊。課業(yè)模塊主要分為優(yōu)秀作品、作業(yè)信息、作業(yè)提交三個子功能模塊。（1）優(yōu)秀作品模塊如圖18所示。圖18 優(yōu)秀作品模塊的頁面實現(xiàn)效果點擊該模塊相關鏈接則可以對優(yōu)秀學生作品進行下載。（2）作業(yè)信息模塊如圖19所示。圖19 作業(yè)信息模塊該模塊代碼原理同“公告”模塊，在此不作贅述。（3）作業(yè)提交模塊如圖20所示。圖20 作業(yè)提交模塊該模塊主要代碼如下：sub upload(src as object, e as eventargs)if uploadfile.postedfile.contentlength=0 thenshowuploadfile.innertext=上傳失敗或文件不存在！elsedim temp() as string=split(uploadfile.postedfile.filename,)dim filename as string=temp(temp.length-1)uploadfile.postedfile.saveas(server.mappath(.) & files & filename)showuploadfile.innerhtml=文件上傳成功！上傳文件名： & filenameend if end sub 作業(yè)提交請同學們注意提交作業(yè)文件命名方式：請以學號加姓名為文件名字，如0913080104張三5.3 網(wǎng)站后臺管理模塊的詳細設計用戶點擊首頁后臺管理鏈接可進入管理員登錄界面，其實現(xiàn)代碼同學生登錄。登錄成功則可進入管理界面，后臺管理主要利用detailsview控件實現(xiàn)對數(shù)據(jù)庫信息的編輯，刪除，增加，查詢等的基本操作，現(xiàn)以學生信息管理模塊為例說明后臺管理的基本功能。其頁面實現(xiàn)效果如圖21、圖22、圖23所示。圖21 學生信息管理界面一圖22 學生信息管理界面二圖23 學生信息管理界面三在該界面用戶可實現(xiàn)對數(shù)據(jù)庫信息的增加、編輯、刪除查詢等。實現(xiàn)這些功能的關鍵代碼如下所示： 結論本網(wǎng)站主要模塊包括教學、資料、互動、課業(yè)、后臺管理，該網(wǎng)站一方面增加學生理論知識，另一方面還可以提高學生實踐能力，使學生從被動的教學模式解放出來。本設計基本上實現(xiàn)了上述功能模塊的實現(xiàn)，但技術運用上有待提