畢業(yè)設計----《c語言程序設計》教學網站設計與實現

1、<p>　　本科生畢業(yè)論文（設計）</p><p>　　論文(設計)題目：《C語言程序設計》教學網站設計與實現</p><p>　　分 院： 理工分院</p><p>　　專 業(yè) (方 向)： </p><p>　　年 級、班 級： </p><p>　　學 生 學

2、 號： </p><p>　　學 生 姓 名： </p><p>　　指 導 老 師： </p><p>　　2011 年 4月 25日</p><p><b>　　論文獨創(chuàng)性聲明</b></p><p>　　本人所呈交的畢業(yè)論文（設計）是我個人在指導教師指導

3、下進行的研究工作及取得的成果。除特別加以標注的地方外，論文中不包含其他人的研究成果。本論文如有剽竊他人研究成果及相關資料若有不實之處，由本人承擔一切相關責任。</p><p>　　本人的畢業(yè)論文（設計）中所有研究成果的知識產權屬海南大學三亞學院所有。本人保證：發(fā)表或使用與本論文相關的成果時署名單位仍然為海南大學三亞學院，無論何時何地，未經學院許可，決不轉移或擴散與之相關的任何技術或成果。學院有權保留本人所提交論

4、文的原件或復印件，允許論文被查閱或借閱；學院可以公布本論文的全部或部分內容，可以采用影印、縮印或其他手段復制保存本論文。</p><p>　　加密學位論文解密之前后，以上申明同樣適用</p><p>　　論文作者簽名： 日期： 年 月 日</p><p><b>　　摘 要</b>

5、</p><p>　　隨著科學技術的飛速發(fā)展，互聯(lián)網已經成為21世紀個人、企業(yè)和國家生存的重要部分。網絡正以前所未有的速度步入現代生活。同時，對傳統(tǒng)的教育、教學也產生了影響。當今，國際信息化教育的主要趨勢就是網絡化教育。而教學網站、學科網站都是網絡化教育的重要形式之一。</p><p>　　近幾年，C語言作為全國高校計算機相關專業(yè)的一門必修課程，其影響力也越來越大?；谀壳熬W上教學系統(tǒng)的現

6、狀，根據C語言這門課程的特點和要求，通過對現有教學網站功能及構建原理的分析和研究，結合信息化教育的特點，總結出C語言程序設計的教學平臺所應該具備的主要功能。通過信息系統(tǒng)開發(fā)方法、系統(tǒng)建模等技術手段進行了該系統(tǒng)與總體數據的規(guī)劃、設計與實現。在教學網站設計與實現過程中采用了基于JSP技術組建的教學網站的基本框架的思想，以及B/S等技術的網絡軟件體系結構，用JSP、SQL Server、Tomcat作為網站開發(fā)平臺，采用ODBC技術作為訪問與

7、移植網絡數據庫的工具，以JSP技術作為網絡動態(tài)應用的手段。利用C語言教學網站這個平臺可以建立開放式的教學模式，能充分調動學生的學習積極性和自主性，有效地提高教學質量。</p><p>　　【關鍵詞】 教學網站；JSP技術；數據庫系統(tǒng)；B/S結構</p><p><b>　　Abstract</b></p><p>　　With the rapi

8、d development of science and technology, the Internet has become the 21st century, individuals, businesses and an important part of national survival. Network is at an unprecedented rate into modern life. Meanwhile, trad

9、itional education, teaching also had an impact. Today, the major international trends in information technology education in networking education. The teaching site, the subject site is an important form of networking is

10、 one of education.</p><p>　　In recent years, C language as the national college computer-related professional a compulsory course, its influence is growing. Online teaching system based on the current status

11、 of the course according to C language features and requirements, through the existing site features and the construction principle of teaching the analysis and research, combined with the characteristics of information

12、technology education, summed up the teaching of C language programming platform The main function sho</p><p>　　【Key Words】Teaching website;JSP technology; Database system; B/S structure</p><p>&

13、lt;b>　　目 錄</b></p><p><b>　　第一章 緒論</b></p><p>　　1.1 課題研究的背景與意義1</p><p>　　1.2 課題內容1</p><p>　　1.3 可行性分析2</p><p>　　第二章 教學網站相關技術和工

14、具簡介</p><p>　　2.1 JSP簡介3</p><p>　　2.1.1 JSP 的特點3</p><p>　　2.1.2 JSP知識體系和技術原理簡介4</p><p>　　2.2 數據庫連接方式簡介5</p><p>　　2.3 SQL Server 2000數據庫簡介6</p>&

15、lt;p>　　2.4 Dreamweaver 8.0簡介7</p><p>　　2.5 MyEclipse簡介8</p><p>　　2.6 Tomcat簡介9</p><p>　　第三章 教學網站需求分析和概要設計</p><p>　　3.1 網站需求分析10</p><p>　　3.2 網站功能需求

16、10</p><p>　　3.2.1 系統(tǒng)實現過程分析11</p><p>　　3.2.2 系統(tǒng)開發(fā)與運行環(huán)境分析11</p><p>　　3.3 系統(tǒng)概要設計12</p><p>　　第四章 教學網站數據庫設計</p><p>　　4.1 數據庫概念結構設計13</p><p>　

17、　4.2 數據庫邏輯結構設計16</p><p>　　4.3 數據庫物理結構設計17</p><p>　　第五章 教學網站的詳細設計與實現</p><p>　　5.1 教學網站部分模塊詳細設計21</p><p>　　5.2 教學網站的實現26</p><p>　　第六章 教學網站的測試與維護</p&

18、gt;<p>　　6.1 教學網站測試32</p><p>　　6.2 教學網站維護33</p><p><b>　　結 論34</b></p><p><b>　　參考文獻35</b></p><p><b>　　致 謝36</b></p&g

19、t;<p><b>　　附 錄37</b></p><p><b>　　緒論</b></p><p>　　1.1 課題研究的背景與意義</p><p>　　近幾年，全國各高校校園網建設都取得了較大進展，網絡硬件已基本完成。隨著網絡的普及，信息技術與課程整合是高等教育教學的重要內容。將這些基本完善的硬件系統(tǒng)

20、與教學結合起來為教師和學生提供一個良好的教學和學習的平臺是我們現在要考慮的問題。</p><p>　　建設教學網站，對教學資源進行收集、整理、應用，實現教學資源的共享與交流，并能提高學生學習的主動性、積極性、及時性、有效性和高效性。教學網站的作用不僅應該提供各類教學資源和材料，還應該實現教師與學生之間、學生與學生之間的互動，使大家能在統(tǒng)一的平臺基礎之上進行溝通與交流。</p><p>　　

21、《C語言程序設計》是計算機科專業(yè)的重要基礎課，在專業(yè)教學中起著承前啟后的關鍵作用。然而這門課程的理論性、操縱性都較強，僅憑老師在課堂上的有限講授，學生很難充分理解和掌握。開發(fā)一個《C語言程序設計》的公共教學網站是解決上述問題的有效方法。該網站利用多媒體和互聯(lián)網的交互性，為師生提供了交流的新平臺，不僅適合那些C語言的初學者或很少有程序設計經驗的學生，也為那些經驗豐富的編程愛好者提供了交流和展示的平臺。</p><p&g

22、t;<b>　　1.2 課題內容</b></p><p>　　建設一個基于校園網的《C語言程序設計》教學網站，服務于教師和學生。在方便《C語言程序設計》專業(yè)課教師教學的前提下，對教學資源進行收集、整理。同時方便學生對該門課程的學習，實現學生對課程的不定時，不固定地點學習。還能實現學生與學生，教師與學生之間互動與交流，促進學生對該門課程學習的積極性、主動性、高效性。</p>&l

23、t;p>　　在幫助需要學習《C語言程序設計》專業(yè)課程的專業(yè)之外，該網站還能滿足其他專業(yè)對C語言喜歡學生的需要。能讓專業(yè)課學生與這些非專業(yè)課學生的進行交流，從而實現相互的促進與成長。</p><p>　　教師在這個網站中起著重要的作用。教師不僅要對資源進行收集、整理和維護。同時也要與同學進行交流，了解學生對該門課程的理解和學習程度，要兼顧不同學生的認知能力，總結教學經驗。在與學生進行交流的同時要聽取學生建議，

24、尋找和運用一種較適當的方法進行教學。</p><p><b>　　1.3 可行性分析</b></p><p>　　經濟可行性。該教學網站作為本人的畢業(yè)設計，硬件方面需要聯(lián)網PC一臺，還有關于教學網站開發(fā)、Java語言、JSP、SQL Server 2000等方面的參考書籍，這些書籍可以從圖書館借閱。</p><p>　　技術可行性。該《C語言程

25、序設計》教學網站是一個可視化的頁面操作的，主要作用是將一些教程、課件發(fā)布到網站上，以供學生學習所用，并對數據進行及時的更新和維護。該網站主要使用Java語言開發(fā)，用JSP實現可視化界面。</p><p>　　開發(fā)可行性。該網站主要基于Java語言，開發(fā)平臺為Windows 7下的MyEclipse編程環(huán)境，后臺數據庫使用SQL Server 2000。</p><p>　　教學網站相關技術

26、和工具簡介</p><p><b>　　2.1 JSP簡介</b></p><p>　　JSP(Java Server Pages)是由Sun Microsystems公司倡導、許多公司參與一起建立的一種動態(tài)網頁技術標準。該技術為創(chuàng)建顯示動態(tài)生成內容的Web頁面提供了一個簡捷而快速的方法。JSP技術的設計目的是使得構造基于Web的應用程序更加容易和快捷，而這些應用程序

27、能夠與各種Web服務器，應用服務器，瀏覽器和開發(fā)工具共同工作。 JSP規(guī)范是Web服務器、應用服務器、交易系統(tǒng)、以及開發(fā)工具供應商間廣泛合作的結果。在傳統(tǒng)的網頁HTML文件(*htm,*.html)中加入Java程序片段(Scriptlet)和JSP標記(tag)，就構成了JSP網頁(*.jsp)。Web服務器在遇到訪問JSP網頁的請求時，首先執(zhí)行其中的程序片段，然后將執(zhí)行結果以HTML格式返回給客戶。程序片段可以操作數據庫、重新定向網

28、頁以及發(fā)送 email 等等，這就是建立動態(tài)網站所需要的功能。所有程序操作都在服務器端執(zhí)行，網絡上傳送給客戶端的僅是得到的結果，對客戶瀏覽器的要求最低，可以實現無Plugin，無ActiveX，無Java Applet，甚至無Frame。</p><p>　　2.1.1 JSP 的特點</p><p>　　JSP技術在多個方面加速了動態(tài)Web頁面的開發(fā)：</p><p&

29、gt;　　1）將內容的生成和顯示進行分離:使用JSP技術，Web頁面開發(fā)人員可以使用HTM或者XML標識來設計和格式化最終頁面。使用JSP標識或者小腳本來生成頁面上的動態(tài)內容。生成內容的邏輯被封裝在標識和JavaBeans組件中，并且捆綁在小腳本中，所有的腳本在服務器端運行。如果核心邏輯被封裝在標識和Beans中，那么其他人，如Web管理人員和頁面設計者，能夠編輯和使用JSP頁面，而不影響內容的生成。在服務器端，JSP引擎解釋JSP標識

30、和小腳本，生成所請求的內容(例如，通過訪問JavaBeans組件，使用JDBCTM技術訪問數據庫，或者包含文件)，并且將結果以HTML(或者XML)頁面的形式發(fā)送回瀏覽器。這有助于作者保護自己的代碼，而又保證任何基于HTML的Web瀏覽器的完全可用性。</p><p>　　2）強調可重用的組件:絕大多數JSP頁面依賴于可重用的，跨平臺的組件(JavaBeans或者Enterprise JavaBeans組件)來執(zhí)

31、行應用程序所要求的更為復雜的處理。開發(fā)人員能夠共享和交換執(zhí)行普通操作的組件，或者使得這些組件為更多的使用者或者客戶團體所使用?；诮M件的方法加速了總體開發(fā)過程，并且使得各種組織在他們現有的技能和優(yōu)化結果的開發(fā)努力中得到平衡。</p><p>　　3）采用標識簡化頁面開發(fā):Web頁面開發(fā)人員不會都是熟悉腳本語言的編程人員。Java Server Page技術封裝了許多功能，這些功能是在易用的、與JSP相關的XML標

32、識中進行動態(tài)內容生成所需要的。標準的JSP標識能夠訪問和實例化JavaBeans組件，設置或者檢索組件屬性，下載Applet，以及執(zhí)行用其他方法更難于編碼和耗時的功能，通過開發(fā)定制化標識庫，JSP技術是可以擴展的。并且，以后第三方開發(fā)人員和其他人員可以為常用功能創(chuàng)建自己的標識庫，這使得Web頁面開發(fā)人員能夠使用熟悉的工具和如同標識一樣的執(zhí)行特定功能的構件來工作。JSP技術很容易整合到多種應用體系結構中，以利用現存的工具和技巧，并且擴展到

33、能夠支持企業(yè)級的分布式應用。作為采用Java技術家族的一部分，以及Java 2(企業(yè)版體系結構)的一個組成部分，JSP技術能夠支持高度復雜的基于Web的應用。</p><p>　　2.1.2 JSP知識體系和技術原理簡介</p><p>　　JSP（Java Server Pages）是一種基于Java的腳本技術。在JSP 的眾多優(yōu)點之中，其中之一是它能將 HTML 編碼從 Web 頁面的

34、業(yè)務邏輯中有效地分離出來。用 JSP 訪問可重用的組件，如 Servlet、JavaBean 和基于 Java 的 Web 應用程序。JSP 還支持在 Web 頁面中直接嵌入 Java 代碼?？捎脙煞N方法訪問 JSP 文件：瀏覽器發(fā)送 JSP 文件請求、發(fā)送至 Servlet 的請求?！　?）JSP 文件訪問 Bean 或其它能將生成的動態(tài)內容發(fā)送到瀏覽器的組件。圖5-1說明了該 JSP 訪問模型。當 Web 服務器接收到一個 JSP

35、 文件請求時，服務器將請求發(fā)送至 WebSphere應用服務器。WebSphere應用服務器 對 JSP 文件進行語法分析并生成 Java 源文件（被編譯和執(zhí)行為 Servlet）。Java 源文件的生成和編譯僅在初次調用 Servlet 時發(fā)生，除非已經更新了原始的 JSP 文件。在這種情況下，WebSphere應用服務器 將檢測所做的更新，并在執(zhí)行它之前重新生成和編譯 Servlet。</p><p>　　瀏

36、覽器發(fā)送 JSP 文件請求</p><p>　　2）發(fā)送至 Servlet 的請求生成動態(tài)內容，并調用 JSP 文件將內容發(fā)送到瀏覽器。該訪問模型使得將內容生成從內容顯示中分離出來更為方便。WebSphere應用服務器 支持 HttpServiceRequest 對象和 HttpServiceResponse 對象的一套新方法。這些方法允許調用的 Servlet 將一個對象放入（通常是一個 Bean）請求對象中，

37、并將該請求傳遞到另一個頁面（通常是一個 JSP 文件）以供顯示。調用的頁面從請求對象中檢索 Bean, 并用 JSP 來生成客戶機端的 HTML。</p><p>　　發(fā)送至 Servlet 的請求</p><p>　　2.2 數據庫連接方式簡介</p><p>　　JDBC可具體實現數據庫建立連接，想數據庫發(fā)送語句，獲得并處理結果集。JDBC是一個編程接口集，它所

38、定義的接口主要包含在java.sql和javax.sql中。這兩個包中定義的大部分只是接口，并沒有實現具體的連接與操作數據的功能：按照JDBC的體系結構設計，具體的功能實現是由特定的JDBC驅動器提供的，JDBC驅動程序經常使用的可分為以下三個種類：</p><p>　　1）JDBC網絡純Java驅動程序，這種驅動程序將JDBC轉換為與DBMS無關的網絡協(xié)議，這種協(xié)議又被某個服務器轉換為一種DBMS協(xié)議。這種網絡

39、服務器中間件能夠將它的純Java客戶機連接到多種不同的數據庫上。所用的具體協(xié)議取決于提供者。通常，這是最為靈活的JDBC驅動程序。有可能所有這種解決方案的提供者都提供適合于Intranet用的產品。</p><p>　　2）JDBC-ODBC橋加ODBC驅動程序，JavaSoft橋產品利用ODBC驅動程序提供JDBC訪問。須將ODBC二進制代碼（許多情況下還包括數據庫客戶機代碼）加載到使用該驅動程序的每個客戶機上

40、。這種類型的驅動程序最適合于企業(yè)網（這種網絡上客戶機的安裝不是主要問題），或者是用Java編寫的三層結構的應用程序服務器代碼。</p><p>　　3） 本地協(xié)議純Java驅動程序，這種類型的驅動程序將JDBC調用直接轉換為DBMS所使用的網絡協(xié)議。這將允許從客戶機機器上直接調用DBMS服務器，是Intranet訪問的一個很實用的解決方法。</p><p>　　2.3 SQL Server

41、 2000數據庫簡介</p><p>　　選擇SQL Server 2000的理由</p><p><b>　　1)容易學習</b></p><p>　　大多數的中小企業(yè)日常的數據應用是建立在Windows平臺上的。由于SQL Server與Windows界面風格完全一致，且有許多"向導(Wizard)"幫助，因此易于安裝和

42、學習，有關SQL Server的資料、培訓隨處可得，并且目前國內具有MCDBA認證的工程師不在少數。從另一個角度來講，學習SQL Server是掌握其他平臺及大型數據，如Oracle，Sybase，DB/2的基礎。因為這些大型數據庫對于設備、平臺、人員知識的要求往往較高，而并不是每個人都具備這樣的條件，且有機會去接觸它們。有了SQL Server的基礎，再去學習和使用它們就容易多了。</p><p><b&

43、gt;　　2)兼容性良好</b></p><p>　　由于今天Windows操作系統(tǒng)占領著主導地的位，選擇SQL Server一定會在兼容性方面取得一些優(yōu)勢。另外，SQL Server 2000 除了具有擴展性，可靠性以外，還具有可以迅速開發(fā)新的因特網系統(tǒng)的功能。尤其是它可以直接存貯 XML 數據，可以將搜索結果以 XML格式輸出等特點，有利于構建了異構系統(tǒng)的互操作性，奠定了面向互聯(lián)網的企業(yè)應用和服務

44、的基石。這些特點在.NET 戰(zhàn)略中發(fā)揮著重要的作用。 </p><p>　　2.4 Dreamweaver 8.0簡介</p><p>　　Dreamweaver是當前最流行的網頁設計軟件。它與同為Macromedia公司出品的Fireworks和Flash一道，被譽為網頁制作三劍客。Dreamweaver MX可以開發(fā)HTML、XHTML、ColdFusion、ASP、ASP.NET、J

45、SP或PHP網站。該軟件可通過平面設計工具以及代碼提示、標簽編輯器、可擴展色彩代碼、標簽選擇器、片段和代碼檢驗這類編碼特性來實現對代碼和設計的管理。新集成的工作空間可以與Macromedia Flash MX和Fireworks MX共享， Dreamweaver 8.0還包括有預建的布局和代碼，其中有網站結構、表格、可訪問的模板以及為客戶端交互應用而提供的JavaScript。</p><p>　　Dreamw

46、eaver 8.0與其它同類軟件相比主要有以下優(yōu)點：</p><p>　　不生成冗余代碼?？梢暬木W頁編輯器，都要把使用者的操作轉換成html代碼。一般的編輯器都會生成大量的冗余代碼，給網頁以后的修改帶來了極大的不方便，同時還增加了網頁文件的大小。Dreamweaver則在使用時完全不生成冗余代碼，避免了諸多麻煩。</p><p>　　方便的代碼編輯。可視化編輯和源代碼編輯都有其長處和短處

47、，有時候直接用源代碼編輯會很有效。Dreamweaver提供了html快速編輯器和自建的html編輯器，能方便自如的在可視化編輯狀態(tài)和源代碼編輯狀態(tài)間切換。</p><p>　　強大的動態(tài)頁面支持。Dreamweaver的Behavior能在使用者不懂Java script的情況下，往網頁中加入豐富的動態(tài)效果。Dreamweaver還可精確的對層進行定位，再加上timeline功能，可生成動感十足的動態(tài)層效果。&

48、lt;/p><p>　　操作簡便。首先，Dreamweaver提供的歷史面板、html樣式、模版、庫等功能避免了重復勞動，使用者不必重復輸入相同的內容、格式。其次，Dreamweaver能直接往頁面中插入Flash、Shockwave等插件，經過設置后還可直接調用相應的軟件對這些插件進行編輯。最后，Dreamweaver與Fireworks集成緊密，可直接調用Fireworks對頁面的圖像進行修改、優(yōu)化。</p

49、><p>　　優(yōu)秀的網站管理功能。在定義的本地站點中，改變文件的名稱、位置，Dreamweaver會自動更新相應的超級鏈接。Check in和Check out功能可協(xié)調多個使用者對遠程站點的管理。 便于擴展。使用者可給Dreamweaver安裝各種插件，使其功能更強大。使用者若有興趣，還可自己給Dreamweaver制作插件，使Dreamweaver更適應個人的需求。</p><p>

50、;　　2.5 MyEclipse簡介</p><p>　　Eclipse 是一個IDE（Integrated Developing Environment），而這個IDE是允許安裝第三方開發(fā)的插件來使自身的功能得到擴展和增強的，而MyEclipse就是其中的一種有名的插件集之一，MyEclipse將開發(fā)者常用到的一些有用的插件都集合起來，但它是收費的。 Eclipse是一個開放源代碼基于Java的可擴張

51、的開發(fā)平臺，多數人都是將Eclipse作為Java的集成開發(fā)環(huán)境使用，雖然Eclipse使用Java開發(fā)：但Eclipse不僅僅局限于Java開發(fā)，還可用于其它語言的開發(fā)，如C/C++。 Eclipse是一個框架和一組服務，它通過各種插件來構建開發(fā)環(huán)境，因此只要提供支持C/C++ 插件便能進行相應語言的開發(fā)。 Eclipse最早是由IBM開發(fā)的，后來IBM將Eclipse作為一個開發(fā)源代碼的項目，獻給了開源組織Ecli

52、pse.org但仍由IBM的子公司OTI（主要從事Eclipse開發(fā)的人員）繼續(xù)Eclipse的開發(fā)。 MyEclipse為Eclipse提供了一個大量私有和開源的Java工具的集合，這解決了各</p><p>　　2.6 Tomcat簡介</p><p>　　Tomcat 服務器是一個免費的開放源代碼的Web 應用服務器，Tomcat是Apache 軟件基金會（Apache So

53、ftware Foundation）的Jakarta 項目中的一個核心項目，由Apache、Sun 和其他一些公司及個人共同開發(fā)而成。由于有了Sun 的參與和支持，最新的Servlet 和JSP 規(guī)范總是能在Tomcat 中得到體現，Tomcat 5 支持最新的Servlet 2.4 和JSP 2.0 規(guī)范。因為Tomcat 技術先進、性能穩(wěn)定，而且免費，因而深受Java 愛好者的喜愛并得到了部分軟件開發(fā)商的認可，成為目前比較流行的We

54、b 應用服務器。</p><p>　　Tomcat 很受廣大程序員的喜歡，因為它運行時占用的系統(tǒng)資源小，擴展性好，支持負載平衡與郵件服務等開發(fā)應用系統(tǒng)常用的功能；而且它還在不斷的改進和完善中，任何一個感興趣的程序員都可以更改它或在其中加入新的功能。</p><p>　　Tomcat 是一個小型的輕量級應用服務器，在中小型系統(tǒng)和并發(fā)訪問用戶不是很多的場合下被普遍使用，是開發(fā)和調試JSP 程序

55、的首選。對于一個初學者來說，可以這樣認為，當在一臺機器上配置好Apache 服務器，可利用它響應對HTML 頁面的訪問請求。實際上Tomcat 部分是Apache 服務器的擴展，但它是獨立運行的，所以當你運行tomcat 時，它實際上作為一個與Apache 獨立的進程單獨運行的。 </p><p>　　這里的訣竅是，當配置正確時，Apache 為HTML頁面服務，而Tomcat 實際上運行JSP 頁面和Servl

56、et。另外，Tomcat和IIS、Apache等Web服務器一樣，具有處理HTML頁面的功能，另外它還是一個Servlet和JSP容器，獨立的Servlet容器是Tomcat的默認模式。不過，Tomcat處理靜態(tài)HTML的能力不如Apache服務器。</p><p>　　教學網站需求分析和概要設計</p><p>　　3.1 網站需求分析</p><p>　　《C語

57、言程序設計》教學網站可以實現其他教學網站的所具有的基本功能，用戶必須先登陸，在管理員分配用戶賬號時就區(qū)分用戶身份，這樣可以方便用戶登錄，然后輸入相應的密碼，本網站有用戶登陸與管理員登陸，網站的功能有公告欄、個人空間、教程區(qū)、課件區(qū)、上傳區(qū)和知道吧。個人根據不同的權限進行相應的操作，大體上滿足了教學的要求。系統(tǒng)開放式的數據庫可以把教師收集的試題、課件隨時上傳到教程區(qū)和課件區(qū)中，實現了數據的有效管理，使管理員使用得心應手,大大提高了網站的效

58、率。</p><p>　　頂層數據流圖如下圖所示。</p><p>　　教程信息請求 教程信息</p><p>　　課件信息請求 課件信息</p><p>　　個人空間信息請求 個人空間信息</p><p>　　公告信息請求 公告信息<

59、;/p><p>　　知道吧信息請求 知道吧信息</p><p>　　圖3-1 頂層數據流圖</p><p>　　3.2 網站功能需求</p><p>　　公告。在這一部分中可以向學生發(fā)布一些校園信息、教學動態(tài)，本網站的一些注意事項、緊急通知等，學生通過公告管理能夠盡快的了解到這些信息。</p><p&g

60、t;　　個人空間。個人空間為用戶提供了一個儲存?zhèn)€人信息、上交作業(yè)、查詢作業(yè)的平臺。教師在網上發(fā)布各章節(jié)的作業(yè),學生在完成了每一章節(jié)的學習后,下載教師發(fā)布的作業(yè),在完成教師的作業(yè)后再上傳給教師,教師下載學生的作業(yè)進行批改,然后再將修改意見發(fā)布給學生。</p><p>　　教程區(qū)。這部分用戶可以瀏覽關于本門課程的一些學習教程，以及瀏覽用戶上傳的對本門課程學習有用的資料。</p><p>　　課

61、件區(qū)。這是教學網站的主要功能之一，也是學生進行網上學習的基礎，在本網站中，教師根據其需要上傳其教學課件，學生在學習時根據其學習需要隨意瀏覽課件。</p><p>　　上傳區(qū)。管理員可以上傳公告、課件、教程?？梢允俏臋n，也可以是附件。上傳內容需管理員審核后在網頁顯示，改模塊是提供了用戶對資源的分享功能。</p><p>　　知道吧。用戶可以選擇相應板塊，然后提出問題也可對其他用戶提出的問題進

62、行解答。老師可以在該板塊對學生提出的相應問題進行解答，方便師生之間進行交流。</p><p>　　安全性：由于完全開放了對服務器資源的訪問，從JSP頁面轉換得到的不安全Servlet可能給服務器、服務器所在的網絡、訪問頁面的客戶機之中的任意一個或全體帶來威脅，還可能影響到整個Internet，因此，從以上方面入手盡力保障了網站的安全性。</p><p>　　3.2.1 系統(tǒng)實現過程分析&l

63、t;/p><p>　　首先根據系統(tǒng)功能分析設計出數據庫，以及數據庫中的各個數據表。在實現各個功能模塊時，采用先模塊化，后集成的方式。即對系統(tǒng)各個功能模塊分別獨立設計和調試，在創(chuàng)建系統(tǒng)主窗體時再將各個功能模塊通過主窗體的功能按鈕集成到一起，最后進行系統(tǒng)整體設計調試。</p><p>　　在訪問數據庫時，采用公用數據模塊存放訪問數據庫需要的對象。該模塊在各功能模塊中被直接調用，避免對數據庫的反復連

64、接，并可減少代碼編寫，從而提高系統(tǒng)開發(fā)效率。</p><p>　　3.2.2 系統(tǒng)開發(fā)與運行環(huán)境分析</p><p>　　《C語言程序設計》教學網站開發(fā)與運行環(huán)境如下：</p><p>　　開發(fā)環(huán)境：Windows 7</p><p><b>　　開發(fā)工具：Java</b></p><p>　　開

65、發(fā)平臺：MyEclipse 9.0</p><p>　　數據庫管理系統(tǒng)：SQL Server 2000</p><p>　　運行環(huán)境：Windows 7</p><p>　　3.3 系統(tǒng)概要設計</p><p>　　通過對系統(tǒng)功能的需求分析，設計得出以下六個關鍵模塊：</p><p>　　(1)網站管理模塊：管理員通過

66、輸入賬號和密碼登錄模塊，在此模塊中，管理員可以增加或刪除學生與教師信息。對用戶上傳的文章進行審核，對上傳和發(fā)布的公告、教程、課件進行添加和刪除。對知道吧板塊進行添加和刪除。同時管理員還能進行密碼的修改。</p><p>　　(2) 個人空間模塊：學生使用該網站獲取公告信息，教程信息，課件信息。同時學生還能上傳和查詢作業(yè)，在知道吧模塊中交流問題，備忘本功能為用戶提供記錄重要信息功能，用戶可使用留言箱對其他用戶進行留

67、言。</p><p>　　(3)教程區(qū)模塊：用戶可以瀏覽該部分，尋找自己需要的文件或是文章，體現了該網站的一個基本的教學功能。</p><p>　　(4)課件區(qū)模塊：該模塊方便用戶對所學課程的課件的瀏覽以及下載。</p><p>　　(5)上傳區(qū)模塊：管理員可以上傳公告、課件、教程?？梢允俏臋n，也可以是附件。上傳內容需管理員審核后在網頁顯示，改模塊是提供了用戶對資源

68、的分享功能。</p><p>　　(6)知道吧模塊：用戶可以選擇相應板塊，然后提出問題也可對其他用戶提出的問題進行解答。老師可以在該板塊對學生提出的相應問題進行解答，方便師生之間進行交流。</p><p>　　通過對系統(tǒng)功能的需求分析，得到如下圖所示的系統(tǒng)功能模塊結構圖。</p><p>　　圖 3-2 系統(tǒng)功能模塊結構圖</p><p>

69、<b>　　教學網站數據庫設計</b></p><p>　　4.1 數據庫概念結構設計</p><p>　　將需求分析得到的用戶需求抽象為信息結構即概念模型的過程就是概念結構設計。它是整個數據庫設計的關鍵。概念結構是各種數據模型的共同基礎，它比數據模型更獨立于機器、更抽象，從而更加穩(wěn)定。</p><p>　　描述概念模型的有力工具是E-R模型，

70、通過對系統(tǒng)數據庫的需求分析得知應建立“管理員信息表”、“用戶信息表”、“留言文件表”、“網站文件信息表”、“作業(yè)信息表”、“知道吧文件表”。</p><p>　　數據庫整體文件E—R圖：</p><p>　　圖4-1 數據庫整體文件E—R圖 </p><p>　　管理員信息表E—R圖：</p><p>　　圖4-2 管理員信息表E—R圖

71、</p><p>　　用戶信息表E—R圖：</p><p>　　圖4-3 用戶信息表E—R圖</p><p>　　留言文件表E—R圖：</p><p>　　圖4-4 留言文件表E—R圖 </p><p>　　網站文件信息表E—R圖：</p><p>　　圖4-5 網站文件信息表E—R圖&l

72、t;/p><p>　　作業(yè)信息表E—R圖：</p><p>　　圖4-6 作業(yè)信息表E—R圖 </p><p>　　知道吧文件信息表E—R圖：</p><p>　　圖4-7 知道吧文件信息表E—R圖</p><p>　　4.2 數據庫邏輯結構設計</p><p>　　E—R圖主要是將用戶的需求進

73、行抽象總結，把實體以及實體之間的聯(lián)系抽象出來的過程。關系模型主要是其中的實體和實體間的聯(lián)系均是由單一的結構類型即關系（表）來表示的。</p><p>　　E—R圖向關系模型轉換：</p><p>　　一個實體型轉換為一個關系模式，實體的屬性即為關系模式的屬性，實體的標識符即為關系模式的鍵。</p><p>　　聯(lián)系類型的轉換，根據不同情況做不同的處理：</p&

74、gt;<p>　　(1)若實體間的聯(lián)系是一對一的，可以在兩個實體類型轉換成的兩個關系模式中的任意一個關系模式的屬性中加入另一個關系模式的鍵和聯(lián)系類型的屬性。也可能做合并關系模式處理。</p><p>　　(2)若實體間的聯(lián)系是一對多的，則在多端實體類型轉換成的關系模式中加入一端實體類型轉換成的關系模式的鍵和聯(lián)系類型的屬性。</p><p>　　(3)若實體間的聯(lián)系是一對多的，

75、而且在多端實體類型為弱實體，轉換成的關系模式中將一端實體類型(父實體)的鍵作為外鍵放入多端的弱實體(子實體)中。弱實體的主鍵由父實體的主鍵與弱實體本身的候選鍵組成。也可以為弱實體建立新的標識ID。</p><p>　　(4)若實體間的聯(lián)系是多對多的，則將聯(lián)系類型也轉換成關系模式，其屬性為與該聯(lián)系相連的各個實體的碼以及聯(lián)系的屬性，而鍵是與該聯(lián)系相連的各個實體的碼的組合，或者是與該聯(lián)系相連的各個實體的碼和聯(lián)系的附加屬

76、性的組合。</p><p>　　根據以上轉換規(guī)則可得本系統(tǒng)的關系模型為：</p><p>　　由管理員信息實體導出管理員關系模式 管理員信息（管理員編號、管理員賬號、管理員密碼、上次登錄時間、最近登錄時間、登錄次數）主碼：管理員編號</p><p>　　由用戶信息實體導出用戶關系模式 用戶信息（用戶編號、用戶賬號、用戶密碼、用戶身份、用戶昵稱）主碼：用戶編

77、號</p><p>　　由留言文件信息實體導出留言文件關系模式 留言文件信息（留言文件編號、發(fā)送者、接受者、標題、內容、發(fā)送時間、文件狀態(tài)）主碼：留言文件編號</p><p>　　由網站文件信息實體導出網站文件關系模式 網站文件信息（網站文件編號、文件名、標題、內容、文件狀態(tài)、文件類型、作者、創(chuàng)建時間、瀏覽量）主碼：網站文件編號</p><p>　　由作業(yè)信

78、息實體導出作業(yè)關系模式 作業(yè)信息（作業(yè)編號、學生姓名、作業(yè)名稱、得分、意見、狀態(tài)）主碼：作業(yè)編號</p><p>　　由知道吧文件信息實體導出知道吧文件關系模式 知道吧文件信息（知道文件編號、提問者、標題、創(chuàng)建時間、回答時間、內容、文件狀態(tài)、歸屬板塊、最佳回答者、最佳答案）主碼：知道文件編號</p><p>　　4.3 數據庫物理結構設計</p><p>　

79、　數據庫在物理設備上的存儲結構與存取方法就是數據庫的物理結構，為一個給定的邏輯數據模型選取一個最適合應用要求的物理結構的過程，就是數據庫的物理設計，該物理結構設計基本達到了優(yōu)化的物理數據庫機構，使得在數據庫上運行的各種事務響應時間小，存儲空間利用率高、事務吞吐量大本設計的數據庫開發(fā)平臺為SQL Server 2000。經過分析設計給出了各主要表的物理結構：</p><p>　　“管理員信息”表：用于保存數據庫中的

80、管理員信息，表結構如表4.1所示。</p><p>　　表4.1 管理員信息表</p><p>　　(2)“用戶信息”表：用于保存數據庫中的用戶信息，表結構如表4.2所示。</p><p>　　表4.2 用戶信息表</p><p>　　“留言文件信息”表：用于保存數據庫中的留言文件信息，表結構如表4.3所示。</p><

81、;p>　　表4.3 留言文件信息表</p><p>　　“網站文件信息”表：用于保存數據庫中的網站文件信息，表結構如表4.4所示。</p><p>　　表4.4 網站文件信息表</p><p>　　(5)“作業(yè)信息”表：用于保存數據庫中的作業(yè)信息，表結構如表4.5所示。</p><p>　　表4.5 作業(yè)信息表</p>

82、<p>　　“知道吧文件信息”表：用于保存數據庫中的知道吧文件信息，表結構如表4.6所示。</p><p>　　表4.6 知道吧文件信息表</p><p>　　教學網站的詳細設計與實現</p><p>　　5.1 教學網站部分模塊詳細設計</p><p><b>　　網站管理模塊</b></p>

83、;<p>　　模塊名稱：網站管理模塊</p><p>　　模塊功能：網站的后臺管理，對網站整體進行綜合管理的模塊。輸入管理員用戶名、密碼之后進入網站后臺。后臺主要功能有文章管理、知道吧管理、用戶管理、管理員管理。文章管理的主要功能是網站公告、教程、課件的添加刪除。知道吧管理的主要功能是提供板塊的添加和刪除。用戶管理的主要功能是用戶的添加、刪除和用戶查詢。管理員管理的主要功能是管理員的添加、刪除和密碼

84、更改。</p><p>　　模塊流程圖如圖5-1所示：</p><p>　　圖5-1 網站管理模塊流程圖</p><p><b>　　公告模塊</b></p><p><b>　　模塊名稱：公告模塊</b></p><p>　　模塊功能：該模塊是網站公告發(fā)布的一個平臺，負責學

85、校通知、課程學習、作業(yè)布置、作業(yè)上交、考試信息等公告的發(fā)布。學生可以通過該板塊了解教學動態(tài)、作業(yè)信息等，方便信息的傳播。 </p><p>　　模塊流程圖如圖5-2所示：</p><p>　　圖5-2 公告模塊流程圖</p><p><b>　　個人空間模塊</b></p><p>　　模塊名稱：個人空間模塊</p

86、><p>　　模塊功能：該模塊為用戶提供一個存儲個人信息的平臺。主要有備忘本功能、留言箱功能、作業(yè)管理功能。備忘本功能可以為用戶提供記錄個人某天重要信息，方便以后查找。留言箱功能為用戶提供一個私人交流的功能，用戶可以對其他用戶進行信息的通知以及問題的回答。作業(yè)管理功能是該板塊的一個基本功能，用戶上交作業(yè)供教師批改，也可查詢作業(yè)查看作業(yè)對錯、教師批語。</p><p>　　模塊流程圖如圖5-3所

87、示：</p><p>　　圖5-3 個人空間模塊流程圖</p><p><b>　　上傳區(qū)模塊</b></p><p>　　模塊名稱：上傳區(qū)模塊</p><p>　　模塊功能：用戶登錄管理員用戶名、密碼之后登錄網站后臺，對網站信息進行添加刪除，主要有公告添加、教程添加、課件添加。文件添加時可以文本文檔，也可上傳文件。&l

88、t;/p><p>　　模塊流程圖如5-4所示：</p><p>　　圖5-4 上傳區(qū)模塊流程圖</p><p><b>　　知道吧模塊</b></p><p>　　模塊名稱：知道吧模塊</p><p>　　模塊功能：用戶登錄之后進入該知道吧，進入之后選擇相應的板塊尋找問題，也可選擇板塊進行提問。用戶也

89、可進入知道吧尋找問題進行回答，可以是教師回答也可以是學生。該板塊的最大特點就是用戶之間進行信息的交流，提出問題與回答問題的過程就是很好的交流。</p><p>　　模塊流程圖如圖 5-5所示：</p><p>　　圖5-5 知道吧模塊流程圖</p><p>　　5.2 教學網站的實現</p><p><b>　　網站管理模塊<

90、/b></p><p>　　模塊名稱：網站管理模塊</p><p>　　模塊功能：網站的后臺管理，對網站整體進行綜合管理的模塊。輸入管理員用戶名、密碼之后進入網站后臺。后臺主要功能有文章管理、知道吧管理、用戶管理、管理員管理。文章管理的主要功能是網站公告、教程、課件的添加刪除。知道吧管理的主要功能是提供板塊的添加和刪除。用戶管理的主要功能是用戶的添加、刪除和用戶查詢。管理員管理的主要

91、功能是管理員的添加、刪除和密碼更改。</p><p><b>　　模塊界面如下：</b></p><p><b>　　公告模塊</b></p><p><b>　　模塊名稱：公告模塊</b></p><p>　　模塊功能：該模塊是網站公告發(fā)布的一個平臺，負責學校通知、課程學習、

92、作業(yè)布置、作業(yè)上交、考試信息等公告的發(fā)布。學生可以通過該板塊了解教學動態(tài)、作業(yè)信息等，方便信息的傳播。 </p><p><b>　　模塊界面如下：</b></p><p><b>　　個人空間模塊</b></p><p>　　模塊名稱：個人空間模塊</p><p>　　模塊功能：該模塊為用戶提供一

93、個存儲個人信息的平臺。主要有備忘本功能、留言箱功能、作業(yè)管理功能。備忘本功能可以為用戶提供記錄個人某天重要信息，方便以后查找。留言箱功能為用戶提供一個私人交流的功能，用戶可以對其他用戶進行信息的通知以及問題的回答。作業(yè)管理功能是該板塊的一個基本功能，用戶上交作業(yè)供教師批改，也可查詢作業(yè)查看作業(yè)對錯、教師批語。</p><p><b>　　模塊界面如下：</b></p><

94、p><b>　　上傳區(qū)模塊</b></p><p>　　模塊名稱：上傳區(qū)模塊</p><p>　　模塊功能：用戶登錄管理員用戶名、密碼之后登錄網站后臺，對網站信息進行添加刪除，主要有公告添加、教程添加、課件添加。文件添加時可以文本文檔，也可上傳文件。</p><p><b>　　模塊界面如下：</b></p&g

95、t;<p><b>　　知道吧模塊</b></p><p>　　模塊名稱：知道吧模塊</p><p>　　模塊功能：用戶登錄之后進入該知道吧，進入之后選擇相應的板塊尋找問題，也可選擇板塊進行提問。用戶也可進入知道吧尋找問題進行回答，可以是教師回答也可以是學生。該板塊的最大特點就是用戶之間進行信息的交流，提出問題與回答問題的過程就是很好的交流。</p

96、><p><b>　　模塊界面如下：</b></p><p>　　教學網站的測試與維護</p><p>　　6.1 教學網站測試</p><p>　　對于軟件測試技術，可以從不同的角度加以分類：從是否需要執(zhí)行被測軟件的角度，可分為靜態(tài)測試和動態(tài)測試；從測試是否針對系統(tǒng)的內部結構和具體實現算法的角度來看，可分為白盒測試和黑盒測

97、試?！禖語言程序設計》教學網站開發(fā)完成后，主要采用黑盒測試對本系統(tǒng)進行測試。</p><p>　　（1）對公告模塊進行測試。</p><p>　　用例一：數據庫測試用例。</p><p>　　輸入：管理員發(fā)布公告。</p><p>　　預期輸出：用戶在公告頁面中能夠瀏覽到公告。</p><p>　　測試結果：用戶在公告

98、頁面中能夠瀏覽到公告。</p><p>　　（2）對個人空間模塊進行測試。</p><p>　　用例一：數據庫測試用例。</p><p>　　輸入：在個人空間頁面?zhèn)渫局刑砑佑涗洝?lt;/p><p>　　預期輸出：在個人空間頁面可以瀏覽新的備忘記錄。</p><p>　　測試結果：在個人空間頁面可以瀏覽新的備忘記錄。&l

99、t;/p><p>　　（3）對教程模塊進行測試。</p><p>　　用例一：數據庫測試用例。</p><p>　　輸入：管理員上傳教程。</p><p>　　預期輸出：用戶能夠瀏覽教程。</p><p>　　測試結果：用戶能夠瀏覽教程。</p><p>　　（4）對課件模塊進行測試</p&g

100、t;<p>　　用例一：數據庫測試用例。</p><p>　　輸入：管理員上傳課件。</p><p>　　預期輸出：用戶能夠瀏覽課件。</p><p>　　測試結果：用戶能夠瀏覽課件。</p><p>　?。?）對知道吧模塊進行測試</p><p>　　用例一：知道吧功能測試測試用例。</p>

101、<p>　　輸入：各項操作信息。</p><p>　　預期輸出：實現功能。</p><p>　　測試結果：各項功能基本實現。</p><p>　　經過以上主要功能的測試，分別檢查了功能是否實現或遺漏、界戶是否錯誤、數據結構或外部數據庫訪問是否錯誤以及性能等其它特性要求是否滿足。</p><p>　　6.2 教學網站維護</

102、p><p>　　《C語言程序設計》教學網站的建立，為學習者提供了一個可以隨時隨地學習的平臺，網站的設計與建設是重要的，但網站的維護與更新更加重要。隨著網絡的快速發(fā)展，其功能，網站架構和技術支持也要不斷進行發(fā)展和改進。因此網站后期的維護及擴展性非常有必要，也是非常重要的一個環(huán)節(jié)。由于是第一次制作網站以及在時間和其它方面的原因，本網站的設計還有許多不足之處，有些地方考慮的不是很周全，希望在以后的工作中不斷完善。</

103、p><p><b>　　結 論</b></p><p>　　本文在分析其它教學網站的基礎上，結合《C語言程序設計》這門課程的特點，從《C語言程序設計》教學網站的功能與作用以及設計思想出發(fā)，提出了一種《C語言程序設計》教學網站的構建模式，并以Dreamweaver 8.0、MyEclipse等軟件開發(fā)工具，結合JSP與SQL Server 2000實現網站的互動與交流，設

104、計制作《C語言程序設計》教學網站。</p><p>　　在網站的設計過程中，利用Dreamweaver 8.0實現了網站的框架結構設計和圖片的優(yōu)化處理及制作。</p><p>　　在網站的信息資源方面，提供了公告欄,個人空間，教程區(qū)，課件區(qū)，知道吧。這些模塊實現了用戶在使用該教學網站時需要的一些必備功能，在互動交流方面提供了公告欄和知道吧，方便用戶交流信息和共同學習。</p>

105、<p>　　所創(chuàng)建的《C語言程序設計》教學網站界面友好，易于操作，功能實用。使用戶有一種親切的感覺，該網站具備了《C語言程序設計》的信息量，希望為我校的同學提供一個學習交流的平臺。</p><p>　　由于對Java語言進行過系統(tǒng)的學習，所以在這次開發(fā)過程中少走了許多彎路。但是對Java Web的開發(fā)了解的比較少，用了相當長一段時間進行了Java Web開發(fā)方面的知識補充。學習的過程不是很順利，這次是

106、在工作的同時進行的知識補充，由于工作的內容與這些東西沒有太大關系，我都是用下班時間進行學習，不過經過我的努力我還是完成了對Java Web整體的學習。在數據庫使用的過程中遇到了一些困難，與同學交流之后才知道需要下載數據庫ksp4補丁。建議大家使用網絡搜索引擎進行相關問題的搜索，主動向老師請教問題，他們知識豐富，對我們解決問題會有很大的幫助。</p><p>　　此外，由于時間和經驗有限，網站設計規(guī)劃的不夠周全，希

107、望在以后的工作中不斷完善。</p><p><b>　　參考文獻</b></p><p>　　[1]周 鵬, 李 芳. 利用教學網站提高專業(yè)教學質量[J]. 中國現代教育裝備,2008,(2)：103-105.</p><p>　　[2]陸 鑫, 羅克露. 精品課程教學網站系統(tǒng)建設與教學信息化整體解決方案探索[J]. 電子科技大學學報社科版,

108、2005 ,(7)增刊：57-59.</p><p>　　[3]郭 偉，駱 紅. 課程教學網站設計研究[J]. 軟件導刊,2007,(7)：40-41.</p><p>　　[4]扈寶瑩. 淺談C語言程序設計網絡精品課程的教學設計[J]. 中國現代教育裝備, 2009,(8)：73-75.</p><p>　　[5]劉 然，韓悌祥，田 杰. C 語言教學網站的設計與

109、開發(fā)[J]. 軟件導刊,2007,(8)：153-154.</p><p>　　[6]胡飛虎，孫 瑜，張彥斌. 基于J2EE 構架的教學網站開發(fā)與實踐[J]. 第四屆全國高校電氣工程及其自動化專業(yè)教學改革研討會論文集,404-407.</p><p>　　[7]李芝興 朱慶生 曾 一. 基于Java EE 技術的實驗教學平臺的開發(fā)與建設[J]. 重慶大學?？?2008,(2)：110-1

110、12.</p><p>　　[8]耿祥義，張躍平. JSP使用教程[M].北京：清華大學出版社，2007.</p><p>　　[9]肖磊，李鐘尉.JAVA實用教程[M].北京：人民郵電出版社，2009.</p><p>　　[10]孫鑫，Servlet/JSP深入詳解:基于Tomcat的Web開發(fā)[M].北京：電子工業(yè)出版社，2008.</p>&l

111、t;p><b>　　致 謝</b></p><p>　　這次的畢業(yè)設計是在xx老師的指導下完成的，在修改設計報告期間總是耐心的為我們查看報告的內容和格式，不厭其煩的指導我們完善設計報告，達到最終的要求。這次畢業(yè)設計也讓我獲益匪淺，讓我明白應該以一種什么樣的心態(tài)去面對一個新的知識領域，應該怎樣協(xié)調理論和具體實踐之間的關系。</p><p>　　同樣也非常感謝其他