杜欽生，姜寶華，王 雪

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

0 引言

近年來，我國高等教育規(guī)模不斷擴大，需要最大限度地整合和利用現(xiàn)有優(yōu)質(zhì)教學(xué)資源。對于高等學(xué)校來說，利用計算機互聯(lián)網(wǎng)進行網(wǎng)上辦公、網(wǎng)上日常事務(wù)管理、網(wǎng)上財務(wù)管理、網(wǎng)上教學(xué)管理等，是適應(yīng)現(xiàn)代化教學(xué)的基本要求，是推動高校管理的科學(xué)化和規(guī)范化的必要條件?！峨x散數(shù)學(xué)》課程網(wǎng)站建設(shè)正是希望通過共享優(yōu)秀教學(xué)成果，發(fā)揮示范和輻射作用，促進高校課程和教學(xué)改革。［1］

1 網(wǎng)站功能簡介

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

此系統(tǒng)可廣泛運行于國際互聯(lián)網(wǎng)即Internet上，也適用于內(nèi)部的局域網(wǎng)，其運行環(huán)境如下:

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

(2)服務(wù)器端:Windows2000/xp操作系統(tǒng)，服務(wù)器Apache Tomcat 6.0，數(shù)據(jù)庫MySQL 5.0。

2 網(wǎng)站的設(shè)計與實現(xiàn)

2.1 開發(fā)技術(shù)及開發(fā)環(huán)境

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

2.2 數(shù)據(jù)庫的設(shè)計

2.2.1 表的設(shè)計

數(shù)據(jù)庫設(shè)計模塊主要進行數(shù)據(jù)庫系統(tǒng)的E-R圖設(shè)計和數(shù)據(jù)庫表的設(shè)計。以用來存儲關(guān)于離散數(shù)學(xué)網(wǎng)絡(luò)教學(xué)資源基本信息的網(wǎng)絡(luò)教學(xué)資源表為例，主要包括編號、名稱、標(biāo)題、路徑、日期等屬性，具體的E-R圖如圖1所示:

具體的網(wǎng)絡(luò)教學(xué)資源表(wljxzy)的表結(jié)構(gòu)如表1所示。表1中“允許空”字段0代表不允許空，1代表允許空。

表1 網(wǎng)絡(luò)教學(xué)資源表(wljxzy)

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

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

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

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

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

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

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

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

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

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

(10)課程建設(shè)規(guī)劃表(kcjsgh):用來存儲關(guān)于《離散數(shù)學(xué)》網(wǎng)絡(luò)教學(xué)資源的基本信息，包括id(編號)、title(標(biāo)題)、content(內(nèi)容)和等date(日期)字段。

2.2.2 數(shù)據(jù)庫的連接

建立數(shù)據(jù)庫連接的步驟如下:

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

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

圖2 Database Driver的數(shù)據(jù)庫配置

2.3 網(wǎng)站的功能設(shè)計

本網(wǎng)站設(shè)計分為前臺模塊和后臺模塊。

2.3.1 前臺功能設(shè)計

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

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

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

(3)下載模塊:相關(guān)教學(xué)資源的下載，如教學(xué)PPT下載、習(xí)題下載等。

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

圖3 前臺功能模塊圖

2.3.2 前臺頁面設(shè)計

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

2.3.3 后臺功能設(shè)計

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

圖4 前臺頁面圖

圖5 后臺功能模塊圖

2.3.4 后臺頁面設(shè)計

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

圖6 后臺管理主頁面

2.4 網(wǎng)站使用示例

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

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

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

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

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

3 結(jié)語

通過本課程網(wǎng)站，學(xué)生可以清楚地了解本課程在人才培養(yǎng)方案中的地位和作用、課程的學(xué)習(xí)要求、課程的重點與難點，預(yù)習(xí)和復(fù)習(xí)教師課堂講授的內(nèi)容，檢查自己的學(xué)習(xí)效果和掌握知識的情況，并向老師提出學(xué)習(xí)中的疑問，就有關(guān)內(nèi)容在網(wǎng)上與教師和同學(xué)相互交流。教師可以通過網(wǎng)站進行答疑和輔導(dǎo)，了解學(xué)生學(xué)習(xí)情況，聽取學(xué)生對教學(xué)的意見與建議，從而改革教學(xué)方法和調(diào)整教學(xué)內(nèi)容。學(xué)?？梢酝ㄟ^課程網(wǎng)站的建設(shè)推進教育創(chuàng)新，深化教學(xué)改革，促進現(xiàn)代信息技術(shù)在教學(xué)中的應(yīng)用，共享教學(xué)資源，全面提高教育教學(xué)質(zhì)量與水平。

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

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

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

［4］王國輝，呂海濤，李鐘尉.Java數(shù)據(jù)庫系統(tǒng)開發(fā)案例精選［M］.北京:人民郵電出版社，2007.

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