在线社区网站的设计与实现毕业论文.docx

在线社区网站的设计与实现毕业论文.docx

《在线社区网站的设计与实现毕业论文.docx》由会员分享，可在线阅读，更多相关《在线社区网站的设计与实现毕业论文.docx（25页珍藏版）》请在冰豆网上搜索。

在线社区网站的设计与实现毕业论文

在线社区网站的设计与实现-毕业论文

————————————————————————————————作者：

————————————————————————————————日期：

目

第1章绪论

教学网站的建设是信息化教育迫切的需要.随着信息化时代的日益临近,计算机网络已经成为当今社会各个领域不可或缺的组成部分！

学生可以通过浏览网站中的知识讲解模块，复习课堂教学的内容或是针对自己的兴趣和学习的进度自主地选择学习内容遇到疑难问题,通过课程论坛和其他同学或老师进行讨论，从而得到问题的解答；学生还可以通过网络课程中练习测试进行自我测试，巩固已经学过的知识，发现薄弱环节.而对于教师来说，可以根据学生们提出的问题，及时发现教学中存在的不足，并做相应的调整与改进；教师辅导答疑时,不再受时间空间的限制，只要查看网络课程中的课程论坛，就可以了解学生的疑难问题，然后进行解答。

构建网络课程，利用网站的可扩展性好,易于更新的优点，制定规则、修改教学策略、提供教学资源、组织评价、更新题库等。

在一定程度上弥补和克服了传统的教师授课教学方式的不足。

作为一种新的教学模式,网络辅助教学能充分发挥信息技术在高校教学中的优势，体现以学生为主体、教师为主导的现代教育思想，随着计算机技术和网络技术的不断发展，网络辅助教学得到越来越广泛的应用，如何有效的开展网络辅助教学活动逐渐成为高校教学信息化建设关注的重要课题，网络辅助教学平台的建设成为解决这一课题的基础和关键。

随着巨额资金的投入,一批批校园网络如雨后春笋初具规模。

网络教育的第一个直接效果是促进信息化教育。

如何充分发挥校园中的网络的功能，促进教育教学的大发展是摆在教育工作者面前一个急需解决的课题！

于是教学网站,学科网站的研究便孕育而生!

综上所述,信息化教育迫切需要构建高效的教学网站！

1。

1网上辅助教学产生的背景与意义

信息技术是当今人类最伟大的科研成果之一，信息技术的发展使得其应用已广泛深入到社会生活的各领域，对教育的发展也带来了巨大影响。

利用信息技术促进教育教学方式的变革、促进创新人才的培养，成了教育科学领域研究的重要课题，专题学习网站正是在这种背景下出现的。

学生可以通过浏览网站中的知识讲解模块，复习课堂教学的内容或是针对自己的兴趣和学习的进度自主地选择学习内容遇到疑难问题,通过课程论坛和其他同学或老师进行讨论，从而得到问题的解答；学生还可以通过网络课程中练习测试进行自我测试，巩固已经学过的知识，发现薄弱环节.而对于教师来说,可以根据学生们提出的问题,及时发现教学中存在的不足，并做相应的调整与改进；教师辅导答疑时，不再受时间空间的限制，只要查看网络课程中的课程论坛，就可以了解学生的疑难问题，然后进行解答。

构建网络课程,利用网站的可扩展性好,易于更新的优点,制定规则、修改教学策略、提供教学资源、组织评价、更新题库等。

在一定程度上弥补和克服了传统的教师授课教学方式的不足。

作为一种新的教学模式，网络辅助教学能充分发挥信息技术在高校教学中的优势，体现以学生为主体、教师为主导的现代教育思想,随着计算机技术和网络技术的不断发展,网络辅助教学得到越来越广泛的应用，如何有效的开展网络辅助教学活动逐渐成为高校教学信息化建设关注的重要课题，网络辅助教学平台的建设成为解决这一课题的基础和关键。

1。

2后台管理系统在辅助教学网站的作用

后台管理系统实现对整个网站的后台数据库进行维护的功能，其中包括对学生用户和网络管理员的增加、删除和管理，对新闻发布和练习测试中各大题库内容的增加、删除和修改,对课程论坛的历史留言和不良留言的删除等工作。

主要采用WEB页和ASP技术相结合的方法来实现网络课程的远程数据维护。

网站管理员通过密码登录管理员页面后，直接以填写和提交网页表单的形式来增加和编辑有关的数据信息,系统自动对相应数据库进行增加或编辑,并直接反映在前台的页面发布上，即简单快捷,又安全可靠。

1。

3开发工具与运行环境

本系统已经在计算机上进行开发并获得通过了,同时方便系统开发，减少开发过程的难度，我们基于以下的环境:

（1）以WindowsXP为操作系统.

（2）以Dreamwever+ASP为开发工具.

（3）本系统是基于B/S模式的管理系统。

WindowsXP是目前主流操作系统，Dreamwever是Macromedia公司出品的一套专业化的网页创造工具，它采用“所见即所得”的可视化编辑方式，通过特有的行为、摸板、时间轴等技术，使用户能够快速高效地创建各种具有专业水平的网页，而不需要编写任何代码。

如果需要在代码界面进行工作，只需要进入HTML代码窗口或原代码检视器中，即可同步看到Dreamwever生成器的源代码。

在这个代码窗口中,可以编辑任何内容，也可以方便地返回可视化编辑器.

1.4网站开发技术

B/S（Browser/Server）结构即浏览器和服务器结构。

它是随着Internet技术的兴起，对C/S结构的一种变化或者改进的结构。

在这种结构下，用户工作界面是通过WWW浏览器来实现，极少部分事务逻辑在前端（Browser）实现，但是主要事务逻辑在服务器端（Server）实现，形成所谓三层3—tier结构。

这样就大大简化了客户端电脑载荷,减轻了系统维护与升级的成本和工作量，降低了用户的总体成本（TCO）。

以目前的技术看，局域网建立B/S结构的网络应用,并通过Internet/Intranet模式下数据库应用，相对易于把握、成本也是较低的。

它是一次性到位的开发,能实现不同的人员，从不同的地点，以不同的接入方式（比如LAN，WAN,Internet/Intranet等）访问和操作共同的数据库；它能有效地保护数据平台和管理访问权限,服务器数据库也很安全。

目前我院内网（Intranet）、外网（Internet）和北京东方清大公司“案件、办公管理软件”就是B/S结构管理软件,干警在局域网各工作站通过WWW浏览器就能实现工作业务。

特别是在JAVA这样的跨平台语言出现之后，B/S架构管理软件更是方便、快捷、高效。

文档为个人收集整理，来源于网络个人收集整理，勿做商业用途

第2章系统规划与设计

2.1系统分析

2。

1。

1需求分析

人类己经进入了网络时代,网络技术的发展为远程教育提供了一片崭新的天地，一种新的远程教育形式-—-—网上教学也随之出现,它是一种以网络为基础的远程教学系统，通过计算机网络扩展至社会的每一个角落，以至于每个人都可以不受时间、空间和地点的限制而自由学习，以较低的付出得到高质量的教育，而且这种教育形式克服了传统远程教育缺乏交流和交互的缺点。

它提供丰富的知识库与信息库，能够激发学习者的学习兴趣，从而达到让学习者主动构建知识的目的，实现自己获取知识、自我更新甚至创新知识的理想目标。

网上教学己经成为培养人才、促进科研和教育事业发展的重要途径。

随着网络的不断发展和普及、网上教学必将在教育科研的各个方面发挥越来越重要的作用。

2。

1。

2实现目标

网站系统主要实现如下目标：

（1）适用于Internet国际互联网络、Intranet内部网络环境下基于网站的网络教学.

（2）提供丰富的知识库与信息库.

（3）可直播或点播教学内容。

（4）学生和教师用计算机和网络完成教学授课全过程，达到课堂现场教学同样的效果.

（5）实现在线讨论，作业提交等.

2.2系统设计

2。

2。

1系统结构图

系统设计是对网站的整体规划，主要包括界面风格设计、导航设计、数据库设计等,这是网站开发的基础。

导航栏设计：

这是网站开发中非常重要的一个环节。

导航的设计要明确、简单、完整,只有这样，学习者在浏览网站时，才能不迷航，才能轻松地在网站内寻找、浏览自己想要的资源，才能方便地应用网站进行研究性学习和协作交流。

本系统结构如图2.1所示。

图2。

1网上教学系统前台结构图

2.2.2后台管理系统的功能图

后台管理系统为教师提供教学内容添加、删除、更新等操作，管理学生信息及批改作业，发布公告信息，方便教师对网站的管理与维护.本系统后台架构如图2。

2所示。

图2。

2网上教学系统后台结构图

2.3数据库的逻辑结构设计

后台数据库设计的数据表主要包括以下内容.

表2。

1管理员信息表

表2。

2公告信息表

表2.3学生信息表

表2。

4作业信息表

第3章网上辅助教学系统的构建技术

3.1　ASP技术

ASP（ActiveServerPages）是微软公司开发的一套服务器端脚本环境。

可以使用ASP结合HTML网页、ASP指令和ActiveX组件建立动态、交互且高效的Web服务器应用程序。

3。

1。

1ASP的概念

ASP是Microsoft公司推出的一个概念.所谓ASP是指在Windows系统中运行的WebServer所能利用的Server端的Script环境，通常以DLL（asp.dll）的形式表示。

1）Active：

ASP使用MicrosoftActiveX技术,ASP本身封装了一些基本组件和常用组件，很多公司也开发了许多实用组件。

只有在服务器上安装这些组件，通过这些组件，就可以快速、简易地建立Web应用

2）Server：

ASP运行在服务器端,所以不必担心浏览器是否支持ASP所有的编程语言

3）Pages：

ASP返回标准的HTML页面，可以正常地在常用的浏览器中显示。

3。

1。

2ASP的工作原理

如果浏览器向Web服务请求的是.HTM文件,那么Web服务会直接把文件的内容传给浏览器.当用户申请一个＊。

asp网页时，Web服务器响应该HTTP请求，调用ASP引擎，解释被申请文件；当遇到任何与ActiveXScripting兼容的脚本（如VBScript和Jscript）时，ASP引擎会调用相应的脚本引擎进行处理;若脚本指令中含有访问数据库的请求，就通过ODBC与后台数据库相连，由数据库访问组件执行访问数据库操作；ASP脚本是在服务器端解释执行的，它依据访库的结果集自动生成符合HTML语言的网页,去响应用户的请求.所有相关的发布工作由Web服务器负责。

如图3。

1所示.

图3。

1ASP运行图

3.1.3ASP的运行环境

1）WINDOWSNTserver4。

0运行IIS3.0（InternetInformationServer）以上。

2）WINDOWSNTworkstation4.0运行PeerWebServer3.0以上。

3）WINDOWS95/98运行PWS（PersonalWebServer）。

其中以NTserver上的IIS功能最强,提供了对ASP的全面支持，是创建高速、稳定的ASP主页的最佳选择。

3.1.4用ASP实现Web与数据库的连接

ASP是服务器端的脚本执行环境，可用来产生和执行动态的高性能的WEB服务器程序.当用户使用浏览器请求ASP主页时，WEB服务器响应,调用ASP引擎来执行ASP文件，并解释其中的脚本语言（JScript或VBScript），通过ODBC连接数据库，由数据库访问组件Access完成数据库操作，最后ASP生成包含有数据查询结果的HTML主页返回用户端显示。

由于ASP在服务器端运行，运行结果以HTML主页形式返回用户浏览器，因而ASP源程序不会泄密，增加了系统的安全保密性。

此外，ASP是面向对象的脚本环境，用户可自行增加ActiveX组件来扩充其功能，拓展应用范围。

3。

2Access技术

在数据库应用系统开发之前，对开发数据库的基本概念应当了解，对数据库的结构、开发数据库应用程序的步骤、开发体系及方法都应当有相当清晰的了解和认识.数据库应用系统开发的目标是建立一个满足用户长期需求的产品。

开发的主要过程为:

理解用户的需求，然后,把它们转变为有效的数据库设计。

把设计转变为实际的数据库,并且这些数据库带有功能完备、高效能的应用。

数据库技术在计算机软件邻域研究中一直是非常重要的主题，产生于60年代,30多年来数据库技术得到了迅速发展，并已形成较为完整的理论体系和一大批实用系统。

并且，近年来，随着WorldWideWeb（WWW）的猛增及Internet技术的迅速发展，使得数据库技术之时成为最热门技术之一。

根据系统功能需求，数据采用Access2003它完全可以适合工作需求，并且它所支持的数据类型十分丰富，维护简便,费用比较低，人员素质要求不是很高，容易长级。

Access2003是officexp办公集成软件中的小型关系数据库信息处理系统，和其他关系数据库相比，最大的优点是简单易学以及操作方便以及易于和其他办公软件交换数据，从而得到了广泛的应用。

3。

2。

1Access的功能

一个Access数据库文件中可以包含数据表、查询、窗体、报表、数据访问页、宏和模块等多种数据库对象。

但这些数据库对象都存储在同一个以mdb为扩展名的数据库文件中。

在任何时刻，Access只需要打开并运行一个数据库文件，便于管理，也使用户操作数据库及编写程序更为方便。

（1）具有web网页发布功能

Access及以上版本都有数据访问页功能，通过创建数据访问页,可将数据库管理系统移植到浏览器中，从而实现将数据发布到internet或intranet上，通过浏览器管理和操作数据库。

（2）可应用于客户/服务器方式

在Access中，可以创建数据库项目,以便将Access作为SQLServer数据库的前台开发工具，访问、操作并管理后台SQLServer数据库，从而创建出客户/服务器方式的数据库系统。

3.3IIS的安装与配置

IIS（InternetInformationServer）是微软出品的架设WEB、FTP、SMTP服务器的一套整合软件，捆绑在Windows2000/NT中。

（1）在［控制面板]中双击[添加或删除程序］图标,在打开的［添加或删除程

序]对话框单击［添加/删除Windows组件]按钮，此时出现如图3。

2所示.

图3。

2Windows组件向导对话框

（2）在[Windows组件向导］对话框的组件列表中，选中[Internet信息服务（IIS）］复选框，单击［详细信息]按钮，在[Internet信息服务（IIS）]对话框中选中想要添加的服务,如图3.3所示。

图3.3Internet信息服务（IIS）对话框

（3）点击[确定]按钮，返回[Windows组件向导］对话框，点击[下一步]按钮,按照系统提示完成安装。

（4）在［控制面板］｜[管理工具]|［Internet信息服务]图标,打开［Internet信息服务]窗口,在左侧列表中依次展开到［默认网站],随后用鼠标右键点击[默认网站]，在下拉菜单中选择[属性],打开［默认网站属性]对话框，进入到［主目录]界面进行设置，如图3.4所示。

图3。

4默认网站属性主目录设置

（5）切换到[文档]界面，输入测试站点的首页文件名，输入时在[默认文档］项右侧单击［添加］按钮，在弹出的添加窗口中输入网站首页名称，如Index。

asp.单击[确定］按钮，完成IIS设置。

（6）创建虚拟目录.打开[控制面板］|[管理工具]｜［Internet信息服务］|[本地计算机］｜［网站］|[默认网站］，右击[默认网站]|[新建］|[虚拟目录］，打开［虚拟目录安装向导]对话框，点击[下一步］，按照提示填写“虚拟目录别名”、“网站内容目录”、“访问权限”选择（读取、运行脚本、执行、写入、浏览），［完成].

第4章后台管理系统功能模块的设计和实现

后台管理系统的所有asp网页和相关资料全部存放在admin文件夹下.首先介绍一些公共功能模块asp网页的实现.

（1）conn。

asp的代码如下：

dimconn

dimconnstr

connstr="DBQ="+server。

mappath（”。

。

/data/cnwy.mdb"）+";DefaultDir=;DRIVER={MicrosoftAccessDriver（＊.mdb）｝;”

setconn=server.createobject（”ADODB.CONNECTION"）

conn.openconnstr

功能：

创建数据库的链接。

因为大多数应用都需要后台数据库的支持。

（2）error。

asp的代码如下：

id=request.querystring（"id"）

selectcaseid

case1

xinxi="密码错误~!

请重新输入～!

"

url=”admin/index.asp”

case2

xinxi=”您的管理员帐号和密码不能为空~！

请返回登陆口重新登陆～！

"

url="admin/index.asp”

case3

xinxi=”无此管理员的找信息～!

请返回登陆口重新登陆～！

"

url="admin/index。

asp"

case4

xinxi=”您未登陆或连接超时~！

请返回重新登陆～!

"

url=”admin/index.asp”

case5

xinxi="您的学号和密码不能为空～！

请返回登陆口重新登陆~！

"

url=”index.asp"

case6

xinxi=”此学生的资料不存在~！

”

url="index.asp"

case7

xinxi=”密码不能为空～！

"

url="index.asp”

case8

xinxi=”密码错误～！

请重新输入～！

"

url="index。

asp"

case9

xinxi="您未登陆或连接超时~！

请返回重新登陆～！

”

url=”index。

asp"

caseelse

xinxi="对不起没有此信息记录~!

”

url=”index。

asp"

endselect

功能：

当输入或者操作错误时跳转到这个网页,执行错误信息.主要是缩简功能、方便操作.

4。

1后台登陆

4。

1.1后台登陆的设计界面

图4。

1后台登陆界面

4。

1.2后台登陆功能的实现

单击［确定],执行check.asp网页。

实现的代码如下:

dimrs

UserName=request。

form（"UserName”）

password=md5（request.form（”password”））

ifusername=”"then

response.redirect"。

./error.asp?

id=2"

else

setrs=server.createobject（”adodb.recordset"）

sql=”select＊fromadminwhereusername='"＆username&"'"

rs.opensql，conn,1，3

ifrs.eofthen

response.redirect"../error。

asp?

id=3"

elseifusername=rs（”userName”）andpassword=rs（”Password"）then

rs（”IP"）=Request.ServerVariables（"REMOTE_ADDR”）

rs（”time”）=Now（）

rs.update

session（”login"）=”login"

response.redirect”admin。

asp"

elseifpassword=””then

response。

redirect"../error.asp？

id=2"

else

response.redirect"。

./error。

asp?

id=1”

rs.close

setrs=nothing

endif

endif

功能：

利用数据库操作验证管理员用户名和密码，正确则跳转到admin.asp网页,否则显示错误信息.

4.2后台管理系统主页

后台主页是整个后台管理系统的主题，用框架实现,分为left和right。

Left部分为导航栏部分，用表格制作；right部分为显示，用来执行相关操作。

后台主页界面如图4.2所示。

图4.2后台主页界面

4。

3公告管理模块的实现

4。

3.1公告增加

（1）公告增加其设计的网页是gonggao。

asp，完成的界面设计效果如图4.3所示。

图4.3公告增加界面

（2）“公告题目”、“公告内容”、“发布人”都不能为空.单击[增加］，网页自动调用gonggao_add。

asp完成公告的增加。

其代码如下:

dimrs，sql

dimtitle，neirong,user

title=request。

form（”title”）

neirong=request。

form（"neirong"）

user=request。

form（”user"）

setrs=server。

createobject（"adodb.recordset”）

sql="select*fromgonggao”

rs.opensql，conn,2，3

rs。

addnew

rs（"title”）=title

rs（”neirong”）=neirong

rs（”user”）=user

rs（”hit"）=1

rs。

update

rs.close

setrs=nothing

setconn=nothing

4.3。

2公告管理

（1）公告管理管理设计的页面是gonggao_gl。

asp,完成的界面设计效果如图4.4所示。

图4.4公告管理界面

（2）公告显示。

每页显示公告总数为10个,设置上下页翻转。

其功能实现代码如下：

setrs=server.createobject（"adodb。

recordset”）

sql=”select＊fromgonggaoorderbyidDESC"

rs.opensql,conn，1,1

pagesize=10

page=clng（request。

querystring（"page”））

ifpage<1then

page=1

elseifpage>rs。

pagecountthen

page=pagecount

endif

ifnotrs。

eofthen

rs.movefirst

rs.absolutepage=page

fori=1topagesize

id=rs（"id”）

title=rs（”title"）

设置上下页显示功能代码：

〈ahref=”gonggao_gl.asp？

page=〈％=page—1％>"〉上一页

〈ahref="gonggao_gl。

asp?

page=〈%=page+1%〉”〉下一页

asp?

page=<％=rs.pagecount%〉"〉最后一页

（3）如果没有公告,则：

RS。

MOVENEXT

ifrs.eofthen

exitfor

endif

next

else

response.write”对不起~!

暂时没有数据~！

"

endif

（4）公告删除设计的网页是gonggao_del。

asp,其代码如下:

id=request。

querystring（"id”）

sql=”delete＊fromgonggaowhereid="＆id

conn.execute（sql）

conn。

close

setconn=nothing

（5）公告修改设计的网页是gonggao_save。

a