大学计算机基础教学网站设计及实现.docx
- 文档编号:28366892
- 上传时间:2023-07-10
- 格式:DOCX
- 页数:34
- 大小:743.56KB
大学计算机基础教学网站设计及实现.docx
《大学计算机基础教学网站设计及实现.docx》由会员分享,可在线阅读,更多相关《大学计算机基础教学网站设计及实现.docx(34页珍藏版)》请在冰豆网上搜索。
大学计算机基础教学网站设计及实现
题目基于ASP.NET的“大学计算机基础”
教学网站设计与实现
指导老师****
专业班级*
姓名*****
学号****
年月*日
摘要:
目前,传统的学习方式都是通过出版书籍和杂志等实体类的学习材料。
对人们的学习造成了一定的障碍比如你自己好多的东西根本无法自己去理解,请教老师又不是很方便。
本文针对这些问题提出相应的解决方案,使学“大学计算机基础”教学网站不仅成为人们在结合实体类的学习资料的同时结合网络的资源和手段充分的把想学的知识掌握好。
具体而言,它主要涉及到以下几个方面:
在线报名;在线论坛交流;在线咨询;适应不同用户的不同学习要求,能根据不同用户的需要发布相应的信息资料。
本课题的目标是开发一套关于大学生计算机基础教学的教学网站,实现一般教学网站应该具备的功能,包括课程信息,资料信息,在线交流,课程公告等一系列的功能,通过这些功能模块来帮助学生和教师的沟通和辅助教学。
本系统基于ASP.NET实现“大学计算机基础”教学网站,搭建该课程网络资源共享与学习支持服务平台。
本课题是基于B/S架构的网站系统开发工具采用VS2005集成开发环境进行开发,配合使用微软的SQL2005数据库作为网站的数据库平台。
关键词:
教学网站;ASP.NET;数据库;C#;VS2005
引言
随着互联网事业的蓬勃发展,论坛,这个具有强大实时交互功能,信息交流的平台,使人们不再像电视观众、电台听众、报纸杂志读者一样只是被动地观看、收听、阅读,而是可以积极而及时地参与讨论,在了解他人观点意见的同时也可以发表自己的看法。
按照网站的性质以及服务对象来分,有以下几种类型:
一是校园论坛,校园论坛作为主要的集中地,在论坛领域具有举足轻重的地位。
由于校园论坛的繁荣,吸引了很多的社会人士参与。
二是专业论坛,一般是由各个著名的大公司组建,人们可以利用其交流自己的看法,更为重要的是可以解决使用中的问题。
三是商业论坛,它是由JSP建立的论坛站点,这类论坛站点各种信息比较多,内容相当丰富。
四是小型局域网论坛。
一般是由个人或小型集体建立,为小范围信息交流服务。
五是业余论坛,一般是由个人利用一些免费空间办的论坛,目的是为广大网友提供一个在某些专业上的交流场所。
六是新闻媒体论坛,是由新闻媒体网站建立的,为广大网友提供对新闻信息进行评论、发表意见和观点的场所。
1系统概述
1.1系统研究现状
随着计算机在教育教学中的普遍应用,在线交流学习和在线查看下载学习资料也成为了大学生学习中的重要辅助手段,越来越多的学生把网站交流作为一种学习学习的重要方法,“大学计算机基础”教学网站就是为在线学习者提供更多的教育信息和学习资源,以及让更多的注册用户在在线论坛中进行有效的学习交流。
开发“大学计算机基础”教学网站之前我们参考了目前主流的教学网站作为例子。
然后根据“大学计算机基础”教学网站应该具有的功能和模块对系统进行需求分析,然后建立初步的信息流程和初步的网站系统界面来逐步的开发和完善“大学计算机基础”教学网站的全部功能。
在国外由于计算机信息化管理发展起步比较早,计算机信息化已经渗透到了各行各业,在高等院校计算机信息化的管理水平更高,所以在国外关于课程教学的网站系统已经变得非常成熟和稳定,相比国内系统更具备高效的管理,和扩展接口,可以应用在不同的高等院校的课程教学管理中。
1.2系统的开发方法
本系统拟采用C#语言进行开发,使用VisualStudio2005作为开发平台,并以MicrosoftSQLServer2005作为系统的数据库。
用Dreamweaver网页制作工具完成网页界面的设计,用HTML语言设计网页的外观构架,系统使用是ASP.NET语言开发,在后台代码中实现对提交数据的处理,在系统的后台,用SQLServer2005作为数据库。
本设计主要在WindowsXP系统平台上实验操作。
2系统调研及可行性分析
2.1系统调研
目前,传统的学习方式都是通过出版书籍和杂志等实体类的学习材料。
对人们的学习造成了一定的障碍比如你自己好多的东西根本无法自己去理解,请教老师又不是很方便。
本文针对这些问题提出相应的解决方案,使学资源网站不仅成为人们在结合实体类的学习资料的同时结合网络的资源和手段充分的把想学的知识掌握好。
具体而言,它主要涉及到以下几个方面:
网络学习资料的下载;在线提问解决问题;注册获得更多的网络服务;适应不同用户的不同学习要求,能根据不同用户的需要发布不同的学习资料。
2.2系统的总体目标
本网站系统就是为了解决或改善这些问题,以更好地满足用户的需求,达到网络教学的真正目的。
其研究意义有以下几点:
(1)用户模型的设计使得根据用户不同特点提供个性化服务成为可能。
(2)各种模块充分考虑了用户各种需求,体现以用户中为心的思想和服务宗旨
2.3可行性分析
ASP.NET是Microsoft公司的产品,它是一个可以使用任何.NET语言兼容的应用程序。
ASP.NET不仅是ASP的一个升级版本,它还提供了一个统一的web开发模型。
ASP.NET的语法在很大程度上与ASP兼容,所以在现有ASP应用程序中可以添加ASP.NET代码,以增强ASP应用程序的功能。
以往ASP网页并没有内建FTP文件上传功能,想要提供文件上传的功能,需额外购买文件上传组件,现在ASP.NET内建文件上传的功能,既好用又不必额外付费。
SQLserver2005是Microsoft公司发行的关系型数据库管理与分析系统,它提供了功能全面、操作简单的图形界面。
由于ASP.NET应用的后台程序中有专门针对SQLserver的数据应用类库供用户使用,方便了用户对数据的操作。
随着计算机的普及,其应用也越来越重要,正是在这种情况下各种应用软件也应运而生,而且不断丰富。
在本系统中,操作人员易于贯穿软件思想并掌握使用方法,系统在运行时每一步都有相应的文字提示,有时还会弹出小窗口。
只要根据提示进行相应的操作即可,操作十分简单。
本系统是一套比较完整的应用程序,功能比较齐全,系统可以解决用户注册、查询信息、资料管理,资料下载,新闻信息,新闻公告,在线论坛等实用性问题。
因此,开发此软件在技术上是可行的。
软件的经济可行性是指软件所能带来的经济效益与开发设计所需要的投资相比,是否相适宜,同时还要看此软件能否真正给用户带来足够的经济效益。
我所开发的“大学计算机基础”教学网站正是基于为用户提高工作效率、节省工作时间、方便操作与管理的目的而设计的。
本系统的开发在经济上是完全可行的。
开发此软件不需要大量的经费,而且是个人独立设计,可以节省许多费用,同时也可提高个人的实际动手能力。
自从人类社会进入九十年代后,以及计算机技术的飞速发展,各种应用软件已日益为人们所接受。
管理形式的计算机化是社会发展的必然趋势,各种智能化的软件层出不穷,而面对二十一世纪智能管理的挑战,减少了原来人工操作的费时费力的状况。
并且可以避免人为的经济犯罪,管理层容易做出及时的决策。
本系统用户平台直接面向普通用户,界面简单、明了,采用可视化界面,普通用户只需用鼠标就可以完成相应的数据操作;少量的数据输入是由后台管理员用户完成的。
对于初次使用此系统的用户,不必经过复杂的培训和学习就可以掌握本系统的操作流程。
由此可见,开发此系统在操作上是可行的。
3系统分析
3.1系统需求分析
大学计算机基础教学网站的业务流程比较简单,系统分为前台和后台2个功能模块,在系统的后台管理员添加学习视频,学习资料下载,学习课程等信息,论坛信息管理,课程信息管理。
然后前台会员登录之后就可以观看视频,下载学习资料,查看课程信息,在线答疑等功能。
3.2数据流程图
系统业务流程如图3.1所示。
图3.1系统业务流程
在对系统已经有了初步的了解之后,本章会对系统模块做一个完整的需求分析,定义模块需要实现的功能以及需要达到的性能等。
设计并开发“大学计算机基础”教学网站就要对整个系统的需求和流程进行分析,所以本节我们主要对“大学计算机基础”教学网站的整个流程进行需求分析。
我们看下整个系统的用例图,如图3.2所示。
图3.2系统用例图
4系统总体设计
4.1概要设计
4.1.1功能模块结构图
网站的功能模块图如图4.1所示。
图4.1系统功能模块图
4.1.2功能模块描述
“大学计算机基础”教学网站是为便于学生学习和教师教学,增强教与学的交流。
要求使用SQLServer2008设计数据库,使用C#语言和ASP.NET技术开发网站。
网站主要包括以下功能:
1.用户管理
用户分为教师和学生两类;用户管理的主要功能是新增、更改、删除操作用户,并设置用户的权限。
2.课程内容管理
主要包括课程大纲、实验指导、自主学习内容、研究性学习内容、教学课件等资料的管理(上传、查看、下载等),按不同的用户类型进行操作。
3.留言板
留言板实现学生与教师、学生与学生之间的交流。
4.其他功能
一般课程网站的其他功能,如教学视频播放、ONLINEJUDGE的友情链接等。
4.2数据库设计
E-R图也即实体-联系图(EntityRelationshipDiagram),提供了表示实体型、属性和联系的方法,用来描述现实世界的概念模型。
构成E-R图的基本要素是实体型、属性和联系。
实体型(Entity)用矩形表示,矩形框内写明实体名;属性(Attribute)用椭圆形表示,并用无向边将其与相应的实体连接起来;联系(Relationship)用菱形表示,菱形框内写明联系名,并用无向边分别与有关实体连接起来,同时在无向边旁标上联系的类型(1:
1,1:
n或m:
n)。
管理员的实体图如图4.2所示。
图4.2管理员实体图
新闻信息实体图如图4.3所示。
图4.3新闻公告信息实体图
教学视频信息的实体图如图4.4所示。
图4.4教学视频信息实体图
课件信息实体图如图4.5所示。
图4.5课件信息实体图
学生信息实体图如图4.6所示。
图4.6学生信息实体图
论坛帖子信息实体图如图4.7所示。
图4.7论坛帖子信息实体图
论坛回复信息实体图如图4.8所示。
图4.8论坛回复信息实体图
本系统采用SQL2005数据库系统作为系统的后台数据库,建立的数据库名称为DaXueJiaoXueWeb包括的数据库表主要有9个基本表。
信息类别表如表4.1所示。
表4.1信息类别表(Infotype)
列名
说明
类型(长度)
备注
Id
编号
Int(4)
不允许空,主键
Name
类别名称
Varchar(50)
不允许空
管理员信息表如表4.2所示
表4.2管理员信息表(Admin)
列名
说明
类型(长度)
备注
Id
编号
Int(4)
不允许空,主键
Aname
名称
Varchar(50)
不允许空
Apwd
密码
Varchar(50)
不允许空
用户信息表如表4.3所示。
表4.3用户信息表(Users)
列名
说明
类型(长度)
备注
Id
编号
Int(4)
不允许空,主键
UserName
登陆账号
Varchar(50)
不允许空
XingMing
姓名
Varchar(50)
不允许空
Sex
性别
Bigint(8)
不允许空
Age
年龄
Varchar(20)
不允许空
emal
电子邮件
Varchar(50)
不允许空
UserType
用户类型
Varchar(50)
不允许空
XueXiao
所在学院
Varchar(50)
不允许空
Ds
描述
Varchar(50)
不允许空
Photo
照片
Dattime(8)
不允许空
pwd
密码
Varchar(50)
不允许空
视频信息表如表4.4所示。
表4.4视频信息表(Video)
列名
说明
类型(长度)
备注
Id
编号
Int(4)
不允许空,主键
VideoName
视频名称
Varchar(50)
不允许空
VideoDs
视频描述
text
不允许空
VideoPath
视频地址
Varchar(20)
不允许空
Addtime
添加时间
datetime
不允许空
FileName
文件名称
Varchar(50)
不允许空
课件信息表如表4.5所示。
表4.5课件信息表(FileInfo)
列名
说明
类型(长度)
备注
Id
编号
Int(4)
不允许空,主键
TitleName
资料名称
Varchar(50)
不允许空
FileDs
资料描述
text
不允许空
FilePath
文件地址
Varchar(20)
不允许空
Addtime
添加时间
datetime
不允许空
FileName
文件名称
Varchar(50)
不允许空
论坛主题信息表如表4.6所示。
表4.6论坛主题信息表(Topic)
列名
说明
类型(长度)
备注
Id
编号
Int(4)
不允许空,主键
Topic
问题标题
Varchar(50)
不允许空
AddUser
发布人
Varchar(50)
不允许空
Addtime
发布时间
Varchar(20)
不允许空
Contents
内容
Varchar(50)
不允许空
isReplay
是否回复
Varchar(50)
不允许空
信息表如表4.7所示。
表4.7信息表(News)
列名
说明
类型(长度)
备注
Id
编号
Int(4)
不允许空,主键
name
新闻标题
Varchar(50)
不允许空
content
新闻内容
text
不允许空
typeid
类别编号
Int(4)
不允许空
TypeName
信息类别
Varchar(50)
不允许空
Addtime
添加时间
datetime
不允许空
回复信息表如表4.8所示。
表4.8回复信息表(Replay)
列名
说明
类型(长度)
备注
Id
编号
Int(4)
不允许空,主键
Replay
回复内容
Varchar(50)
不允许空
ReplayUser
回复人
Varchar(50)
不允许空
TopicId
问题编号
Int(4)
不允许空
AddTime
回复时间
Datetime(8)
不允许空
ReplayTitle
回复标题
Varchar(50)
不允许空
4.3详细设计
4.3.1功能模块的设计
首页是网站的第一个页面,也是打开网站的第一个页面,本网站首页显示了很多信息,包括了本网站的所有功能,包括界面的导航信息,用户登陆,用户注册,在线论坛,教学视频,多媒体课件,新闻公告等链接。
4.3.2学生管理模块的设计
学生模块包括学生的注册,学生登录,管理员对学生信息进行管理。
学生只有注册账户后才能在网站平台上进行交流。
有账号的学生可以直接登录。
学生管理是管理员对前台注册的学生信息进行管理的功能模块,管理员可以查看学生信息,可以删除学生信息。
学生注册界面流程图如图4.9所示。
图4.9注册界面流程图
学生登录界面流程图如图4.10所示。
图4.10登陆界面流程图
后台学生管理界面流程图如图4.11所示。
图4.11后台学生管理界面流程图
4.3.3信息管理模块的设计
信息管理模块包括学生前台显示查看信息内容和列表,后台管理员添加信息,修改信息,删除信息,信息类别管理等功能模块。
信息列表功能模块显示了资料的列表信息,包括信息的标题,发布时间,信息类别,信息内容等信息。
添加信息模块,添加信息是后台管理员添加信息的功能,添加的信息包括信息的标题,信息的类别,信息的内容等信息。
管理员还可以对信息进行查看和修改删除等操作。
信息添加界面流程图如图4.12所示。
图4.12信息添加界面流程图
4.3.4教学视频信息管理模块设计
教学视频信息模块网站对教学视频信息进行管理包括管理员添加教学视频信息,修改教学视频信息,删除教学视频信息,前台显示教学视频信息。
后台管理员可以对教学视频信息进行添加。
添加教学视频信息的界面的流程图如图4.13所示。
图4.13添加教学视频信息的界面的流程图
4.3.5账号管理模块详细设计
账号管理模块是对使用网站后台的用户进行管理的功能模块,包括添加账号信息,修改账号信息,删除账号信息等功能模块。
后台管理员可以对账号信息进行管理。
管理账号信息界面的流程图如图4.14所示。
图4.14管理账号信息界面的流程图
4.3.6论坛管理模块设计
坛管理模块包括学生发布论坛主题功能,学生回复论坛主题信息,管理员对论坛版面信息的管理,管理员对用户发布的帖子信息进行管理的功能。
用户发布主题信息,包括主题标题和内容以及所在论坛版面信息。
论坛主题回复操作,用户点击一个主题之后就能查看帖子的详细信息,已经登陆的用户还可以对主题进行回复。
发布帖子界面流程图如图4.15所示。
图4.15发布帖子界面流程图
回复帖子界面的流程图如图4.16所示。
图4.16回复帖子界面的流程图
5系统实现
5.1功能模块的实现
首页是网站的第一个页面,也是打开网站的第一个页面,本网站首页显示了很多信息,包括界面的导航信息,用户登陆,用户注册,在线论坛,教学视频,多媒体课件,新闻公告等链接。
网站首页的运行效果如图5.1所示。
图5.1网站前台
网站首页的关键代码如下:
if(!
IsPostBack)
{
dlNews.DataSource=data.GetDataReader("selecttop5*fromNewsorderbyiddesc");
dlNews.DataBind();
DataList1.DataSource=data.GetDataReader("selecttop5*fromFileInfoorderbyiddesc");
DataList1.DataBind();
}
5.2学生管理模块的实现
学生模块包括学生的注册,学生登录,管理员对学生信息进行管理。
学生注册信息包括学生登录账号,学生密码,学生性别,学生真实姓名,学生电话,学生住址,学生邮编等信息。
学生注册界面如图5.2所示。
图5.2学生注册界面
学生登录界面如图5.3。
图5.3学生登录界面
学生管理是管理员对前台注册的学生信息进行管理的功能模块,管理员可以查看学生信息,可以删除学生信息。
学生管理界面如图5.4所示。
图5.4后台学生管理界面
学生注册的关键代码如下:
protectedvoidButton1_Click(objectsender,EventArgse)
{
data.RunSql("insertintoUsers(emal,UserName,Sex,Age,Ds,pwd,UserType,XueXiao,XingMing,Photo,Tel)values('"+txtemal.Text+"','"+txtname.Text+"','"+DropDownList1.SelectedItem.Text+"','"+Age.Text+"','"+txtds.Text+"','"+TextBox1.Text+"','学生','"+XueXiao.Text+"','"+XingMing.Text+"','"+pic.Text+"','"+Tel.Text+"')");
Alert.AlertAndRedirect("注册成功!
","Default.aspx");
}
5.3信息管理模块的实现
信息管理模块包括了几个大的功能模块,包括学生前台显示查看信息内容和列表,后台管理员添加信息,修改信息,删除信息,信息类别管理等功能模块。
信息列表功能模块显示了资料的列表信息,包括信息的标题,发布时间,信息类别,信息内容等信息。
添加信息模块,添加信息是后台管理员添加信息的功能,添加的信息包括信息的标题,信息的类别,信息的内容等信息。
管理员还可以对信息进行查看和修改删除等操作。
管理员进入后台可以对信息进行添加,添加信息的界面如图5.5所示。
图5.5添加信息界面
管理信息是管理员在后台具有的功能,包括修改信息,删除信息等功能。
管理信息的界面如图5.6所示。
图5.6信息管理界面
添加信息的关键代码如下:
protectedvoidButton1_Click(objectsender,EventArgse)
{
stringsql="insertintoNews(name,content,typeid,TypeName)values('"+title.Text.ToString().Trim()+"','"+FCKeditor1.Value+"','"+DropDownList1.SelectedValue+"','"+DropDownList1.SelectedItem.Text+"')";
data.RunSql(sql);
Alert.AlertAndRedirect("添加成功","addnews.aspx");
}
5.4教学视频信息管理模块的实现
教学视频信息模块网站对教学视频信息进行管理包括管理员添加教学视频信息,修改教学视频信息,删除教学视频信息,前台显示教学视频信息。
后台管理员可以对教学视频信息进行添加,添加教学视频信息的界面如图5.7所示。
图5.7添加修改教学视频信息界面
后台管理员添加了教学视频前台就能显示出来,教学视频信息显示的界面如图5.8所示。
图5.8教学视频信息显示界面
添加教学视频管理的关键代码如下:
protectedvoidButton1_Click1(objectsender,EventArgse)
{
stringfilename=Hidden1.Value;
inti=this.pic.Text.LastIndexOf(".");
stringnewname=this.pic.Text.Substring(i);//获取文件的扩展名
stringsql="insertintoVideo(VideoName,VideoDs,VideoPath,Ename,FileName,Photo)values('"+TextBox1.Text.Trim()+"','"+ArticleContent.Value+"','"+pic.Text+"','"+newname+"','"+
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 大学计算机 基础 教学 网站 设计 实现