《离散数学》课程网站的设计与实现

杜钦生，姜宝华，王 雪

(长春大学 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.