课程网站建设设计毕业设计论文.docx

CSS即级联样式表，用来进行网页风格设计的,它简化并扩展了HTML中的各种标记,使得各个标记的属性更具有一般性和通用性,大大提高了HTML开发的效率.在制作网页时采用CSS技术，能对页面的字体、布局、背景、颜色等效果实现更加精确的控制，只需简单修改相应代码，同一页面的不同部分就可以改变[9]。

CSS使得网页的设计与维护更加高效，这主要表现在以下三个方面[10]。

（1）集中管理样式信息

（2）设定共享样式

（3）将样式分类使用

JS即javascript，是一种原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言。

同时也是一种广泛应用于客户端的脚本开发语言，给HTML网页添加动态功能，比如响应用户的各种操作[11]。

第2章需求分析与可行性分析

2.1需求分析

随着网络的发展，传统教学方式的弊端开始显露，包括资源的不均衡和教学质量低等弊端。

国家也开始进行高校教育教学改革。

为了提高教学资源的利用率和提升教学质量，课程网站建设的需求开始显现。

《计算机基础》课程网站建设系统可以满足老师和学生之间的多角度、多渠道沟通。

2.1.1前台界面功能

结合课程网站建设的实际情况，再从学生的需求角度出发，得出前台界面需要实现的主要功能有：

1.课程的介绍；

2.教学资源的介绍；

3.教学视频的展示；

4.新用户注册、登录；

5.管理员的登录；

6.交流区发帖回帖；

2.1.2后台界面功能

结合课程网站建设的实际情况，再从管理员的需求角度出发，得出后台界面需要实现的主要功能有：

1.课程介绍内容修改；

2.教学资源内容更新；

3.教学视频的上传；

4.交流区的发帖、回帖、删帖；

2.2技术可行性

系统采用JSP设计，以MyEclipse作为前台设计开发工具[12]，以MySQL作为后台数据库开发平台，以SQLyog作为数据库可视化工具，以Tomcat作为服务器[13]。

通过Java语言的面向对象和JSP的简单应用，搭配精简强大的MySQL，可以让系统准确快速和安全地运行。

通过tomcat打包并发布到服务器上，用户就可以通过计算机访问到该系统[14]。

第3章系统设计

3.1系统结构图

根据需求分析，确定了系统的结构主要由前台界面、后台界面和数据库构成。

课程网站建设的系统结构图如图3-1所示。

3.2系统功能设计

3.2.1前台设计

1.首页

用户进入前台看到的界面即首页。

首页有一个导航栏，通过点击不同的功能图标转到相应功能的界面进行操作。

首页有一些功能模块的快速链接，让用户更加方便找到自己所需的信息。

为了界面美观、内容充实，前台添加一个学院简介和公告。

2.课程介绍

课程介绍界面主要有以下四项内容，分别为：

课程描述、教学特色、实践教学、培养目标。

管理员可以通过后台对课程介绍中的内容进行添加，修改，删除等。

只要重新刷新界面，便可以看到更改过后的内容。

学生可以通过需要进行查看，对课程做一些了解。

3.教学视频

管理员通过后台上传教学视频。

学生可以在前台点击列表中的视频在线观看，注意选择一些含有播放视频插件的浏览器。

4.教学资源

教学资源包括五个内容，分别为：

试验申请书、教学大纲、教学日历、教学资源、实验解析。

这部分主要是方便学生通过教学日历更加了解教学的进度，学生可以自行下载一些实验相关资源，从而规划自己的学习进度。

5.软件下载

管理员通过后台上传一些关于计算机方面的软件，可以供学生下载。

6.交流区

交流区，即论坛。

它包含网站首页、交流区首页、注册、登录四个模块。

要想在交流区查看贴子或者发帖，必须要有会员账号。

会员账号可以自行注册。

交流区是老师和学生沟通的桥梁，在系统中也很重要。

老师可以通过论坛的形式发布问题与学生进行学习的交流，学生也可以提出学习的困惑和对教学方法等的建议。

这样更有利于教学进度的加快以及教学质量的提升。

3.2.2后台设计

后台的功能主要与前台的功能所对应，是对前台功能的一些管理，例如：

添加、修改、删除等。

后台包括课程介绍、教学视频、教学资源、软件下载、简介与公告、会员管理。

管理员可以通过后台的操作管理整个系统。

3.3数据库设计

3.3.1实体分析

由于《计算机基础》课程网站建设系统是一个系统框架，再根据需求分析和可行性分析，可以确定系统包含的实体及其属性如下[15]。

1.文章（article）

属性：

序号、标题、内容、作者、更新时间、分类编号；

2.分类（category）

属性：

序号、名字、描述、父节点序号、叶子节点、菜单级；

3.页尾（foot）

属性：

序号、内容；

4.关于校园（gyxy）

属性：

序号、图片、内容；

5.论坛回复（reply）

属性：

回复序号、主题序号、回复内容、用户序号、回复时间；

6.软件上传（soft）

属性：

序号、软件名、软件描述、更改时间、文件名；

7.实验解析（syjx）

属性：

序号、标题、描述、更改时间；

8.论坛主题（topic）

属性：

主题序号、主题标题、主题内容、用户序号、主题发表时间、锁定、浏览数；

9.用户（user）

属性：

用户序号、用户类型、用户名、密码、邮箱、年龄、性别、日期、头像、分数；

10.视频（video）

属性：

序号、视频名称、视频描述、更改时间、文件名；

11.校园公告（xygg）

属性：

序号、内容。

3.3.2数据库表结构

数据库中的数据表紧密连接，共有十一张表，分别为：

article（文章）、category（分类）、foot（页尾）、gyxy（关于校园）、reply（论坛回复）、soft（软件上传）、syjx（实验解析）、topic（论坛主题）、user（用户）、video（视频）、xygg（校园公告）。

它们构成了整个数据库的骨架，表3-1到表3-11是系统中所用到的表，其功能和表格设置如下。

Article（文章）表主要存放各功能模块中文章的序号、标题、内容、作者、更新时间和分类编号。

表3-1article文章

字段名称

数据类型及大小

说明

id

int（11）

序号（主键）

name

varchar（255）

名字（允许空）

descr

varchar（255）

描述（允许空）

pid

int（11）

父节点序号（允许空）

isleaf

int（11）

叶子节点（允许空）

grade

int（11）

菜单级（允许空）

Category（分类）表主要存放各功能模块下的小模块，包括序号、名字、描述、父节点序号、叶子节点和菜单级。

表3-2category分类

字段名称

数据类型及大小

说明

id

int（11）

序号（主键）

image

varchar（255）

图片（允许空）

cont

text

内容（允许空）

Gyxy（关于校园）表存放学校简介，包括序号、图片和内容。

表3-3gyxy关于校园

字段名称

数据类型及大小

说明

replyId

int（11）

回复序号（主键）

topicId

int（20）

主题序号（不为空）

replyContent

text

回复内容（不为空）

userId

int（11）

用户序号（不为空）

replyTime

timestamp

回复时间（不为空）

Reply（回复）表存放交流区的回帖信息，包括回复序号、主题序号、回复内容、用户序号和回复时间。

表3-4reply回复

字段名称

数据类型及大小

说明

replyId

int（11）

回复序号（主键）

topicId

int（20）

主题序号（不为空）

replyContent

text

回复内容（不为空）

userId

int（11）

用户序号（不为空）

replyTime

timestamp

回复时间（不为空）

Soft（软件）表存放管理员上传的软件信息，包括序号、软件名、软件描述、更改时间和文件名。

表3-5soft软件

字段名称

数据类型及大小

说明

id

int（11）

序号（主键）

softname

varchar（40）

软件名（允许空）

softdescr

text

软件描述（允许空）

rdate

datetime

更改时间（允许空）

filename

varchar（200）

文件名（允许空）

Syjx（实验解析）表存放管理员上传的一些实验的介绍，包括序号、标题、描述和更改时间。

表3-6syjx实验解析

字段名称

数据类型及大小

说明

id

int（11）

序号（主键）

title

varchar（40）

标题（允许空）

descr

text

描述（允许空）

rdate

datetime

更改时间（允许空）

Topic（主题）表存放交流区贴子的主题，包括主题序号、主题标题、主题内容、用户序号、主题发表时间、锁定和浏览数。

表3-7topic主题

字段名称

数据类型及大小

说明

topicId

int（11）

主题序号（主键）

topicTitle

varchar（100）

主题标题（不为空）

topicContent

text

主题内容（不为空）

userId

int（11）

用户序号（不为空）

topicTime

timestamp

主题发表时间（不为空）

locked

bit

（1）

锁定（不为空）

view

int（100）

浏览数（不为空）

Xygg（校园公告）表存放学校的公告信息，包括序号和内容。

表3-8xygg校园公告

字段名称

数据类型及大小

说明

id

int（11）

序号（主键）

cont

text

内容（允许空）

Video（视频）表存放管理员上传的视频信息，包括序号、视频名称、视频描述、更改时间和文件名。

表3-9viedo视频

字段名称

数据类型及大小

说明

id

int（11）

序号（主键）

videoname

varchar（40）

视频名称（允许空）

videodescr

text

视频描述（允许空）

radte

datatime

更改时间（允许空）

filename

Varchar（200）

文件名（允许空）

User（用户）表存放普通用户和管理员的信息，包括用户序号、用户类型、用户名、密码、邮箱、年龄、性别、日期、头像和分数。

表3-10user用户

字段名称

数据类型及大小

说明

userId

int（11）

用户序号（主键）

userType

char

（1）

用户类型（不为空）

username

varchar（40）

用户名（允许空）

password

varchar（16）

密码（允许空）

email

varchar（40）

邮箱（允许空）

age

int（11）

年龄（不为空）

sex

tinyint（3）

性别（不为空）

regdate

datetime

日期（不为空）

picture

varchar（50）

头像（允许空）

score

int（11）

分数（不为空）

Foot（页尾）表存放一些学校信息，包括序号和内容。

表3-11foot页尾

字段名称

数据类型及大小

说明

id

int（11）

序号（主键）

txt

varchar（400）

内容（允许空）

第4章详细设计与实现

4.1数据库设计与实现

1.建立article表的SQL语句如下：

CREATETABLE`article`（

`id`int（11）NOTNULLAUTO_INCREMENT,

`title`varchar（255）DEFAULTNULL,

`cont`text,

`writer`varchar（255）DEFAULTNULL,

`adate`datetimeDEFAULTNULL,

`categoryid`int（11）DEFAULTNULL,

PRIMARYKEY（`id`）,

KEY`article`（`categoryid`）

）ENGINE=MyISAMAUTO_INCREMENT=25DEFAULTCHARSET=gbk

2.建立category表的SQL语句如下：

CREATETABLE`category`（

`id`int（11）NOTNULLAUTO_INCREMENT,

`name`varchar（255）DEFAULTNULL,

`descr`varchar（255）DEFAULTNULL,

`pid`int（11）DEFAULTNULL,

`isleaf`int（11）DEFAULTNULL,

`grade`int（11）DEFAULTNULL,

PRIMARYKEY（`id`）

）ENGINE=MyISAMAUTO_INCREMENT=75DEFAULTCHARSET=gbk

3.建立foot表的SQL语句如下：

CREATETABLE`foot`（

`id`int（11）NOTNULLAUTO_INCREMENT,

`txt`varchar（400）DEFAULTNULL,

PRIMARYKEY（`id`）

）ENGINE=MyISAMAUTO_INCREMENT=2DEFAULTCHARSET=gbk

4.建立gyxy表的SQL语句如下：

CREATETABLE`gyxy`（

`id`int（11）NOTNULLAUTO_INCREMENT,

`image`varchar（255）DEFAULTNULL,

`cont`text,

PRIMARYKEY（`id`）

）ENGINE=MyISAMAUTO_INCREMENT=3DEFAULTCHARSET=gbk

5.建立reply表的SQL语句如下：

CREATETABLE`reply`（

`replyId`int（11）NOTNULLAUTO_INCREMENT,

`topicId`int（20）NOTNULLDEFAULT'0',

`replyContent`textNOTNULL,

`userId`int（11）NOTNULLDEFAULT'0',

`replyTime`timestampNOTNULLDEFAULT'0000-00-0000:

00:

00',

PRIMARYKEY（`replyId`）

）ENGINE=MyISAMAUTO_INCREMENT=22DEFAULTCHARSET=utf8

6.建立soft表的SQL语句如下：

CREATETABLE`soft`（

`id`int（11）NOTNULLAUTO_INCREMENT,

`softname`varchar（40）DEFAULTNULL,

`softdescr`text,

`rdate`datetimeDEFAULTNULL,

`filename`varchar（200）DEFAULTNULL,

PRIMARYKEY（`id`）

）ENGINE=MyISAMAUTO_INCREMENT=38DEFAULTCHARSET=gbk

7.建立syjx表的SQL语句如下：

CREATETABLE`syjx`（

`id`int（11）NOTNULLAUTO_INCREMENT,

`title`varchar（40）DEFAULTNULL,

`descr`text,

`rdate`datetimeDEFAULTNULL,

PRIMARYKEY（`id`）

）ENGINE=MyISAMAUTO_INCREMENT=5DEFAULTCHARSET=gbk

8.建立topic表的SQL语句如下：

CREATETABLE`topic`（

`topicId`int（11）NOTNULLAUTO_INCREMENT,

`topicTitle`varchar（100）NOTNULLDEFAULT'',

`TopicContent`textNOTNULL,

`userId`int（11）NOTNULLDEFAULT'0',

`topicTime`timestampNOTNULLDEFAULT'0000-00-0000:

00:

00',

`locked`bit

（1）NOTNULLDEFAULTb'1',

`view`int（100）NOTNULLDEFAULT'0',

PRIMARYKEY（`topicId`）

）ENGINE=MyISAMAUTO_INCREMENT=11DEFAULTCHARSET=utf8

9.建立xygg表的SQL语句如下：

CREATETABLE`xygg`（

`id`int（11）NOTNULLAUTO_INCREMENT,

`cont`text,

PRIMARYKEY（`id`）

）ENGINE=MyISAMAUTO_INCREMENT=6DEFAULTCHARSET=gbk

10.建立user表的SQL语句如下：

CREATETABLE`user`（

`userId`int（11）NOTNULLAUTO_INCREMENT,

`userType`char

（1）NOTNULLDEFAULT'0',

`username`varchar（40）DEFAULTNULL,

`password`varchar（16）DEFAULTNULL,

`email`varchar（40）DEFAULTNULL,

`age`int（11）NOTNULLDEFAULT'0',

`sex`tinyint（3）NOTNULLDEFAULT'0',

`regdate`datetimeNOTNULLDEFAULT'0000-00-0000:

00:

00',

`picture`varchar（50）DEFAULTNULL,

`score`int（11）NOTNULLDEFAULT'0',

PRIMARYKEY（`userId`）

）ENGINE=MyISAMAUTO_INCREMENT=5DEFAULTCHARSET=gbk

11.建立video表的SQL语句如下：

CREATETABLE`video`（

`id`int（11）NOTNULLAUTO_INCREMENT,

`videoname`varchar（40）DEFAULTNULL,

`videodescr`text,

`rdate`datetimeDEFAULTNULL,

`filename`varchar（200）DEFAULTNULL,

PRIMARYKEY（`id`）

）ENGINE=MyISAMAUTO_INCREME