资源描述
web课程设计报告班级网站定稿版.docx
《web课程设计报告班级网站定稿版.docx》由会员分享，可在线阅读，更多相关《web课程设计报告班级网站定稿版.docx（14页珍藏版）》请在冰豆网上搜索。
web课程设计报告班级网站定稿版
IBMsystemofficeroom【A0816H-A0912AAAHH-GX8Q8-GNTHHJ8】
web课程设计报告班级网站精编WORD版
WEB应用系统开发课程设计
设计题目：
班级网站管理
专业：
计算机科学与技术
学号：
200820201310
姓名：
XX
摘要
在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。
因此网站在Internet应用上的地位显而易见。
本文介绍了构建班级网站的技术和实现方法，重点讲述了登陆、留言板、班级相册等几个主要功能模块的设计与实现。
模块内容基于本班实际情况，记录班级点滴，有助于增进同学间的相互交流。
网站页面采用工具软件DreamweaverMX，并结合ASP网站开发技术来设计。
网站采用的数据库是MicrosoftAccess。
关键词:
班级网站;ASP;Dreamweaver，MicrosoftAccess
一、需求说明
1.1开发背景
进入21世纪，随着网络时代的不断普及，网络已深入到人们的生活当中.信息化成为一股不可逆转的潮流。
在这潮流中，各校纷纷建起了学校网站，而我们忽视了班级网站的建设和应用。
大学生活不同于高中生活，同学之间往往少了面对面的交流，而在这种情形下，班级网站的存在就更具其意义。
它将帮助我们共享班级的一些信息，获取学校的相关重要新闻动态，帮助我们记录班级的重大活动，为班级成员提供一个更为广阔的交流平台，有助于同学间感情的培养，有利于班级的团结，班风的建设。
1.2开发工具的选用及介绍
我们这次主要运用的技术是ASP（ActiveServerPages）——“动态服务器网页”。
ASP之所以能受到大家的欢迎，主要在于其产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”。
任何开发工具皆可发展ASP，只要使用一般的文书编辑程序，如Windows记事本，就可以编辑；ASP程序执行结果所产生的HTML文件适用于不同的浏览器；语言相容性高，ASP与所有的ActiveXScript语言都相容；隐密安全性高；易于操控数据库，ASP可以轻易地通过ODBC（OpenDatabaseConnectivity）驱动程序连接各种不同的数据库；ASP具有面向对象（Object-Oriented）功能，容易学习。
1.3设计目的
1．本课程设计旨在使学生掌握HTML语言的语法结构，并且能够使用HTML语言编写静态网页，控制网页中的文字，图片，超级链接，表格，表单，框架等，能够使用HTML语言实现移动的文字，制作多媒体页面，能够读懂复杂网页的源代码。
2．熟练使用网页设计工具DreamweaverMX，能够使用DreamweaverMX设计网页的框架，导航条，设置文字，图片，超级链接，滚动文字，弹出窗口的属性，能够使用DreamweaverMX设计出比较复杂的网页，建立小型网站。
3.懂得MicrosoftAccess建立数据库，实现ODBC数据源的创立于连接的基本方法。
学会使用ASP的基本语法、内建对象、内建组件以及ASP访问数据库的方法。
在此基础之上实现一个界面美观，功能实际的班级网站。
1.4各版块功能的需求分析
1、登录系统
该板块主要包括用户登录，新用户注册两种功能，用户登录需要使用到数据库连接技术，数据库中存放了一张用户表，包括了用户的姓名、登录密码，生日、性别等基本信息；新用户注册同样也需要填写这些信息，然后利用数据库连接技术将新用户的信息写入数据库。
2、主页功能
主页主要是一个网站导航的作用，可以由主页可以进入相应的子系统，主页主体部分可以用来展示一些班级有新鲜事，风采等最近更新的内容，同时也可以加入一些友情链接，以及统计网站访问次数，如：
从网站可以进入班级新闻阅读、用户注册等。
3、班级新闻和公告栏
该页面主要适用于记录板上的新鲜事，提供班级新闻阅读，同时也可由该页面进入其他相应的功能，进入相应的页面；公告栏主要用于通知班上的一些事情，也可公布一些教务信息等。
4、班级介绍、音乐赏析、班级风采展示板块
此三个页面可以制作成静态页面，可以将班级基本信息、专业介绍等信息写入班级介绍页面，音乐赏析可以由管理员上传一些音乐提供在线播放的功能，班级风采展示主要是展示一些班级活动照片的展示
5、在线留言系统
该板块主要是为班上的一个交流平台，其功能包括查看历史留言，发表新的留言，该板块同样需要用到数据库链接技术，数据库中保存留言表，存放留言信息（包括留言者姓名、留言内容、留言时间）。
6、后台管理系统
主要用于管理整个班级网站的整个系统，包括对与各版块的页面处理，后台管理包括一个
1.5运行坏境配置
本网页主要基于windowsXP的操作系统，安装IIs，MacromediaDreamweaver、MacromediaFireworks、MacromediaFlash的运行坏境
二、概要设计
2.1功能的定义
本系统是利用Dreamweaver为运行工具，IIS为运行环境，利用HTML、VBSCRIPT语言和JAVASCRIPT语言设计而成。
在浏览器中将做好的班级主页打开，绿色为主的界面，给人清新舒适的感觉，班级简介，班级活动剪影，班级动态，学校新闻加上友情链接，布局合理，内容充实。
2.2整体网站流程图
图1网站结构图
2.3在线留言流程图
2.4登录流程图
重新登录
2.5信息查询流程图
2.5新闻阅读流程图
三、数据库设计
3.1数据库需求分析
1、User数据库数据项和数据结构如下：
（1）user表：
（Name，sex，birthday，address，password）
（2）Guestbook表：
留言者姓名，留言者时间和留言内容
（3）admin表：
管理员登录的用户名和密码
（4）news表：
新闻题目、新闻ID
2、photo数据库的数据项和结构
Guest表包括一个自动编号ID和pic两个字段
3.2数据库表的设计
User表主要是记录用户的信息，包括用户的基本信息和登录时的密码，其各个字段如下表所示
字段名
数据类型
长度
Name
文本
50
sex
文本
10
Birthday
文本
50
Address
文本
50
Password
文本
30
留言表包括了留言者姓名、留言内容，留言时间三个字段，各个字段如下表所示
字段名
数据类型
长度
Name
文本
50
Time
时间/日期
content
文本
255
管理员表包括了两个字段，登录时的用户名和登录密码，其结构如下表所示
字段名
数据类型
长度
Name
文本
50
password
文本
50
新闻内容表包括新闻题目、新闻ID、和新闻内容，其结构如下表所示
字段名
类型
长度
ID
自动编号
Title
文本
50
Photo数据库的guest表的结构
字段名
类型
长度
id
自动编号
pic
备注
四、详细设计
4.1界面
登陆成功后
班级风采
班级新闻
后台管理界面
新闻管理插入新闻
新闻删除界面
4.2数据库连接文件conn的源代码如下所示
<%
DimConn,rs'定义变量
SetConn=Server.CreateObject（"ADODB.Connection"）'建立数据库连接对象
setrs=Server.CreateObject（"ADODB.Recordset"）'建立记录集对象
Conn.open"driver={MicrosoftAccessDriver（*.mdb）};dbq="&SERVER.MapPath（"user.mdb"）
'打开数据库文件news..mdb
%>
4.3在线留言
1、在线留言界面
2、在线留言.asp的关键代码
<%
IfRequest.Form（"task"）="insert"Then
xm=Request.Form（"xm"）
sj=Now（）
IfRequest.Form（"lyq"）=""Then
Response.Write""
Response.Write"
"Response.Write"
"&"留言不能为空！ "&" | "Response.Write"
"
Response.Write""
Response.End
Else
ly=Request.Form（"lyq"）
EndIf
SQLstr="InsertIntoGuestBook（name,content）Values（'"&xm&"','"&ly&"'）"
Conn.ExecuteSQLstr
EndIf
SQLstr="Select*FromGuestBookOrderBytimeDESC"
SetRS=Conn.Execute（SQLstr）
%>
历史留言
<%
DoWhileNotRS.EOF
%>
| <%=RS（"time"）&rs（"name"）&"said: "%> |
<%=rs（"content"）%> |
<%
rs.MoveNext
Loop
rs.Close
Conn.Close
SetConn=Nothing%>
4.4注册用户的关键代码
注册处理的registe_result.asp的关键代码
<%ifrequest.Form（"name"）=""then
%>
用户名不能为空，请重新填<%
else
name=request.form（"name"）
password=Request.Form（"password"）
birthday=request.form（"birthday"）
address=request.form（"address"）
sex=request.form（"sex"）
ifrequest.Form（"password"）<>request.Form（"passwordOK"）Then%>
密码不一致请重新输入
<%Elsesetrs=Conn.Execute（"select*fromuserwherename='"+name+"'"）
ifnotrs.EOFthen%>
该用户已经被注册，请你重新输入新的用户名
<%else
Conn.Execute（"InsertIntouser（name,password,address,birthday,sex）Values（'"&name&"','"&password&"','"&address&"','"&birthday&"','"&sex&"'）"）
rs.Close
Conn.Close%>
注册成功
姓名：
<%response.writename&""%>
性别：
<%response.writesex&""%>
生日：
<%response.writebirthday&""%>
地址：
<%response.writeaddress&""%>
现在就去登录吧
<%endif
Endif
endif%>
4.5查询信息板块
1、查询界面
2、查询信息.asp关键源码
<%ifrequest.Form（"name"）=""then
setrs=nothing
Setrs=Conn.execute（"select*fromuser"）
dowhilenotrs.eof
Response.Write""
Response.Write"
"Response.Write"
"&"姓名： "&rs（"name"）&" | "Response.Write"
"&"性别： "&rs（"sex"）&" | "Response.Write"
"&"生日： "&rs（"birthday"）&" | "Response.Write"
"&"家庭住址： "&rs（"address"）&" | "Response.Write"
"
Response.Write""%>
<%
rs.Movenextloop
elsename=request.Form（"name"）
setrs=nothing
Setrs=Conn.execute（"select*fromuserwherenamelike'%"&name&"%'"）
ifnotrs.eofThen
Response.Write""
Response.Write"
"Response.Write"
"&"姓名： "&rs（"name"）&" | "Response.Write"
"&"性别： "&rs（"sex"）&" | "Response.Write"
"&"生日： "&rs（"birthday"）&" | "Response.Write"
"&"家庭住址： "&rs（"address"）&" | "Response.Write"
"
Response.Write""%>
<%else
Response.Write""
Response.Write"
| " response.Write"没有找到你要查询的信息"&"
" Response.Write" |
"
Response.Write""
endif
endif
rs.Close
setrs=nothing
Conn.Close
setConn=nothing%>
4.6新闻版块
1、新闻列表主要代码
<%setrs=Conn.execute（"select*fromnewsorderbyidDESC"）
dowhilenotrs.eof%>
id=<%=rs（"id"）%>">
<%response.writers（"name"）%>
|
<%
rs.movenext
loop%>
2、新闻管理代码
插入新闻
<%ifrequest.Form（"title"）<>""then
name=request.Form（"title"）
content=request.Form（"content"）
Conn.execute（"insertintonews（name）values（'"&name&"'）"）
setrs=Conn.execute（"select*fromnewswherenamelike'%"&name&"%'"）
number=CStr（rs（"id"））
setobj=server.createobject（"scripting.filesystemobject"）
id="../新闻/"+number
id=id+".txt"
ph=Server.MapPath（id）
obj.createtextfileph,true
setfc=obj.OpenTextFile（ph,2,true）
fc.WriteLine（content）
fc.Close
response.write"插入成功"%>
返回主页面
<%elseresponse.write"不能为空"%>
返回重新插入<%endif
Conn.close
setrs=nothing%>
删除新闻
<%nb=CLng（request.Form（"number"））
setrs=Conn.execute（"select*fromnewswhereidlike'%"&nb&"%'"）
ifnotrs.eofthen
number=CStr（rs（"id"））
setobj=server.createobject（"scripting.filesystemobject"）
id="../新闻/"+number
id=id+".txt"
ph=Server.MapPath（id）
obj.deletefileph
setrs=Conn.execute（"deletefromnewswhereidlike'%"&nb&"%'"）
response.write"删除成功"
elseresponse.Write"没有找到相应的新闻id号"
endif%>
返回
4.7班级相册
<%exec="select*fromguest"
setM=server.createobject（"adodb.recordset"）
M.openexec,conn,1,1
ifnotM.eofthen
mypage=request（"whichpage"）
ifmypage=""then
mypage=1else
mypage=cint（mypage）endif
mypagesize=request（"pagesize"）
ifmypagesize=""then
mypagesize=6endif
M.movefirst
M.pagesize=mypagesize
maxcount=cint（M.pagecount）
M.absolutepage=mypage
how=1
y=M.pagecount
d=M.recordcount
else
Response.Write"
"
endif
%><%a=a+1
dowhilenotM.eofandhow<=M.pagesize%>
src=<%=M（"pic"）%>"border=0class="l"width="80"height="60"style="cursor: pointer"onClick="zoom（this,'img.asp? src=<%=M（"pic"）%>'）"/>
|
<%response.writeleft（M（"pic"）,10）%><%iflen（M（"pic"））>10then%>...<%endif%> |
|
| <%ifamod3=0then
response.Write"
|
"
endif
M.movenexthow=how+1a=a+1loop%>
总结
两周的课程设计结束了，这两周我学到了很多的东西，更加深入的了解了asp编程技术，对网站技术有了更深一层的认识。
通过对该班级网站系统的设计与实现，使我们将所学的知识灵活的运用起来，增强了对数据库应用方面的理解，积累了不少经验。
。
学会了如何设计数据库，如何利用面向对象语言对数据库进行编程，如何实现数据库与开发相应程序的连接问题。
为以后数据库开发打下了坚实的基础，同时也积累了很多处理网站编程的问题，更加深层次的理解和掌握了数据库技术和asp编程技术，在该系统设计过程中，对数据库设计理念及思想上有更高的认识。
六、参考文献
[1]李世杰ActiveServerPages（ASP）3.0网页设计手册北京:
清华大学出版社1999
[2]前沿电脑图像工作室巧学巧用Dreamweaver、Fi
升级会员 