《離散數學》課程網站的設計與實現

杜欽生，姜寶華，王 雪

(長春大學 a.計算機科學技術學院;b.旅游學院，長春 130022)

0 引言

近年來，我國高等教育規模不斷擴大，需要最大限度地整合和利用現有優質教學資源。對于高等學校來說，利用計算機互聯網進行網上辦公、網上日常事務管理、網上財務管理、網上教學管理等，是適應現代化教學的基本要求，是推動高校管理的科學化和規范化的必要條件。《離散數學》課程網站建設正是希望通過共享優秀教學成果，發揮示范和輻射作用，促進高校課程和教學改革。［1］

1 網站功能簡介

《離散數學》課程網站是教學互動網站，采用B/S模式，分為學生用戶端和教師管理端。經過分析研究，本網站需要完成如下主要功能:學生可以瀏覽課程信息、關注教學信息、登錄網站系統、下載教學資料和在線留言，教師可以登錄后臺管理、發布教學信息、上傳教學資料和管理留言等。

此系統可廣泛運行于國際互聯網即Internet上，也適用于內部的局域網，其運行環境如下:

(1)客戶端:Windows2000/xp操作系統，Internet Explorer(IE)瀏覽器(版本在6.0以上);

(2)服務器端:Windows2000/xp操作系統，服務器Apache Tomcat 6.0，數據庫MySQL 5.0。

2 網站的設計與實現

2.1 開發技術及開發環境

本網站采用B/S模式開發，Java作為開發語言，選擇MyEclipse8.5作為客戶端開發工具，MySQL作為后臺數據庫，Tomcat作為應用服務器，在J2SE+JSP+STRUTS框架下完成［2-3］。

2.2 數據庫的設計

2.2.1 表的設計

數據庫設計模塊主要進行數據庫系統的E-R圖設計和數據庫表的設計。以用來存儲關于離散數學網絡教學資源基本信息的網絡教學資源表為例，主要包括編號、名稱、標題、路徑、日期等屬性，具體的E-R圖如圖1所示:

具體的網絡教學資源表(wljxzy)的表結構如表1所示。表1中“允許空”字段0代表不允許空，1代表允許空。

表1 網絡教學資源表(wljxzy)

根據分析，網站還需要其它的十個數據表，包括用戶信息表(user)、課程介紹表(kcjs)、發展歷程表(fzlc)、推薦書籍表(tjsj)、教學隊伍表(jxdw)、主講教師表(zjjs)、教研課題表(jykt)、教研成果表(jycg)、在線留言表(zxly)、課程建設規劃表(kcjsgh)。下面簡要列出各表的屬性信息，它們的E-R圖和表結構可以參照圖1和表1來完成。

(1)用戶信息表(user):用來體現用戶的基本信息，包括id(用戶編號)、name(用戶姓名)、password(用戶密碼)等字段;

(2)課程介紹表(kcjs):用來存儲關于《離散數學》課程介紹的基本信息，包括id(編號)、note(內容介紹)和date(日期)等字段;

(3)發展歷程表(fzlc):用來存儲關于《離散數學》課程發展歷程的基本信息，包括id(編號)、note(發展介紹)和date(日期)等字段;

(4)推薦書籍表(tjsj):用來存儲關于《離散數學》教學書籍的基本信息，包括id(書籍編號)、title(書籍名稱)、author(書籍作者)、chubanshe(出版社)和date(日期)等字段;

(5)教學隊伍表(jsdw):用來存儲關于《離散數學》課程教師的基本信息，包括id(教師編號)、name(教師姓名)、zhicheng(教師職稱)和resume(教師簡歷)等字段;

(6)主講教師表(zjjs):用來存儲關于《離散數學》課程主講教師的基本信息，包括id(教師編號)、name(教師姓名)、zhicheng(教師職稱)和resume(教師簡歷)等字段;

(7)教研課題表(jykt):用來存儲關于《離散數學》教研課題的基本信息，包括id(編號)、title(題目)、note(課題介紹)和date(日期)等字段;

(8)教研成果表(jycg):用來存儲關于《離散數學》教研成果的基本信息，包括id(編號)、title(標題)、jiangxiang(獎項名稱)等字段;

(9)在線留言表(zxly):用來存儲關于在線留言的基本信息，包括id(編號)、title(留言題目)、content(留言內容)、date(日期)和user_id(留言人ID)等字段;

(10)課程建設規劃表(kcjsgh):用來存儲關于《離散數學》網絡教學資源的基本信息，包括id(編號)、title(標題)、content(內容)和等date(日期)字段。

2.2.2 數據庫的連接

建立數據庫連接的步驟如下:

首先打開Myeclipse，在工具欄上選擇 window-＞Show View-＞Other，選擇Myeclipse database雙擊DB Browser，在控制臺部分多出DB Browser。右擊DB Browser空白處，選擇new，在彈出的界面Database Driver中填寫連接數據庫的信息，如圖2所示。

其中，在Driver template中選擇MySQL Connector/J;Driver name:填寫連接的名字，可以隨意填寫;Connection url中填上數據庫地址jdbc:mysql://localhost:3306/數據庫名，其中localhost表示本地數據庫，如果是遠程的則填寫對方地址，數據庫名表示要連接的數據庫的名稱，我們這里為lssx;User name為用戶名，我們這里填寫root;password為密碼，我們這里也填寫root;點擊Driver JARs右面的Add JARs選擇數據庫驅動，添加jar包;這個時候可以單擊Test Driver，測試一下連接，如果連接成功，則點擊Finish。這時我們在左面會看到新建的數據庫，右鍵點擊新建的數據庫選擇菜單Open connection...，出現一個新窗口，我們輸入剛才的用戶名和密碼，點擊OK，這時我們能看到在數據庫中建的表，說明已經連接成功［4］。

圖2 Database Driver的數據庫配置

2.3 網站的功能設計

本網站設計分為前臺模塊和后臺模塊。

2.3.1 前臺功能設計

前臺功能主要有瀏覽模塊、留言模塊和下載模塊。具體包括以下內容:

(1)瀏覽模塊:是對《離散數學》精品課程的一個總體的介紹與評價，包括課程的介紹、課程負責人的簡介與所取得的教學成果等，負責向外界展示與《離散數學》課程相關的信息。

(2)留言模塊:用戶可以查看所有的《留言與回復》記錄，也可以在線留言。

(3)下載模塊:相關教學資源的下載，如教學PPT下載、習題下載等。

前臺功能模塊圖如圖3所示。

圖3 前臺功能模塊圖

2.3.2 前臺頁面設計

前臺頁面主要是呈現給用戶瀏覽，是用戶對整個網站的第一印象，用戶在進入本網站時，要能夠清晰地了解此網站的重要信息和資源，并且找到導航和鏈接，可以進入到其它的信息頁面，所以導航要明確清晰，方便用戶快速地熟悉此網站。在本網站的設計中，前臺頁面是用html語言實現整個靜態的頁面，并且用DIV+CSS實現整個頁面的布局，對整個頁面進行系統的規劃，使網站在風格上、色彩上更加吸引用戶，突出整個網站的重點，能夠快速的指引用戶找到導航和鏈接，從而發揮整個網站的作用［5］。本網站采用的是青春洋溢的風格，色彩是象征積極向上的紅色，搭配乳白和淺灰色，使整個網站清新、明亮，導航具有立體效果，不僅在網站中突出明顯，而且立體效果為網站增添了更多的動感和青春氣息。具體前臺頁面設計如圖4所示。

2.3.3 后臺功能設計

后臺只有管理員才能進入，使用正確的用戶名和密碼登錄后才可以進行操作。系統的管理分為文章管理、上傳管理、系統管理和留言管理。后臺功能模塊如圖5所示。

圖4 前臺頁面圖

圖5 后臺功能模塊圖

2.3.4 后臺頁面設計

登錄成功后，跳轉到后臺管理主頁面。后臺管理頁面主要包括文章管理、上傳管理、留言管理等模塊。文章管理主要是進行文字信息的更新、刪除、修改等管理;上傳管理主要是進行各類資源的上傳，方便學生端用戶進行下載;留言管理主要是進行留言的查看、刪除和回復，做到及時地交流和互動。后臺管理主頁面如圖6所示。

圖6 后臺管理主頁面

2.4 網站使用示例

下面以上傳管理模塊為例，介紹網站的前臺和后臺的綜合使用。

在上傳管理中，有四個上傳目錄，包括電子教材、授課教案、參考資料、試題庫。老師可以根據當前資料的類型將其整理出來，分別上傳到相應的目錄下。上傳是將文件上傳到服務器中，存儲的是路徑和名稱，下載時去服務器里面查找。為了解決上傳的麻煩，可以選擇單個文件上傳和多個文件上傳。在后臺進行單個文件上傳如圖7所示。

圖7 后臺單個文件上傳操作

在后臺單個文件上傳成功后，刷新前臺頁面，上傳的文件可以在前臺頁面中顯示出來，并且根據上傳的時間排序，如圖8所示。

圖8 前臺顯示上傳成功的文件

3 結語

通過本課程網站，學生可以清楚地了解本課程在人才培養方案中的地位和作用、課程的學習要求、課程的重點與難點，預習和復習教師課堂講授的內容，檢查自己的學習效果和掌握知識的情況，并向老師提出學習中的疑問，就有關內容在網上與教師和同學相互交流。教師可以通過網站進行答疑和輔導，了解學生學習情況，聽取學生對教學的意見與建議，從而改革教學方法和調整教學內容。學校可以通過課程網站的建設推進教育創新，深化教學改革，促進現代信息技術在教學中的應用，共享教學資源，全面提高教育教學質量與水平。

［1］屈婉玲，耿素云，張立昂.離散數學［M］.北京:高等教育出版社，2008.

［2］朱福喜.Java語言程序設計［M］.北京:科學出版社，2009.

［3］章鄴.基于Struts2框架的圖書館內部管理系統的研究［J］.長春大學學報，2011(12):42-44.

［4］王國輝，呂海濤，李鐘尉.Java數據庫系統開發案例精選［M］.北京:人民郵電出版社，2007.

［5］黃理.用JSP輕松開發Web網站［M］.北京:希望電子出版社，2006.