1、web课程设计报告班级网站WEB应用系统开发课程设计设计题目：班级网站管理专业：计算机科学与技术学号：姓名：XX摘 要在In ternet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。 因此网站在In ternet应用上的地位显而易见。本文介绍了构建班级网站的技术和实现方法，重点讲述了登陆、留言板、班 级相册等几个主要功能模块的设计与实现。模块内容基于本班实际情况，记录班级点滴， 有助于增进同学间的相互交流。网站页面采用工具软件Dreamweaver MX并结合ASP网站 开发技术来设计。网站采用的数据库是 Microso
2、ft Access。关键词:班级网站;ASP; Dreamweaver Microsoft Access一、需求说明1.1开发背景进入21世纪，随着网络时代的不断普及，网络已深入到人们的生活当中信息化成为一 股不可逆转的潮流。在这潮流中，各校纷纷建起了学校网站，而我们忽视了班级网站的建 设和应用。大学生活不同于高中生活，同学之间往往少了面对面的交流，而在这种情形下, 班级网站的存在就更具其意义。它将帮助我们共享班级的一些信息，获取学校的相关重要 新闻动态，帮助我们记录班级的重大活动，为班级成员提供一个更为广阔的交流平台，有 助于同学间感情的培养，有利于班级的团结，班风的建设。1.2开发工具的选
3、用及介绍我们这次主要运用的技术是 ASP( Active Server Page) “动态服务器网页”。ASP之所以能受到大家的欢迎，主要在于其产生的执行结果都是标准的 HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器(如 IE或.Netscape都可以正确地获得ASP的“执行”结果，并且将这 ASP执行的结果直接在浏览器中“浏览”。任何开发工具皆可发展 ASP，只要使用一般的文书编辑程序，如 Windows记事本，就 可以编辑；ASP程序执行结果所产生的HTML文件适用于不同的浏览器；语言相容性高， ASP与所有的ActiveX Script语言都相容；隐密安全性高；易于操控
4、数据库， ASP可以轻易地通过ODBC(Open DatabaseConnectivity驱动程序连接各种不同的数据库；ASP具有面向 对象(Object-Oriented)功能，容易学习。1.3设计目的1 本课程设计旨在使学生掌握 HTML语言的语法结构，并且能够使用 HTML语言编 写静态网页，控制网页中的文字，图片，超级链接， 表格，表单，框架等，能够使用HTML 语言实现移动的文字，制作多媒体页面，能够读懂复杂网页的源代码。2.熟练使用网页设计工具 Dreamweaver MX能够使用Dreamweaver MX设计网页的框 架，导航条，设置文字，图片，超级链接，滚动文字，弹出窗口的属
5、性，能够使用Dreamweaver MX设计出比较复杂的网页，建立小型网站。3.懂得Microsoft Access建立数据库，实现ODBC数据源的创立于连接的基本方法。 学会使用ASP的基本语法、内建对象、内建组件以及 ASP访问数据库的方法。在此基础之 上实现一个界面美观，功能实际的班级网站。1.4各版块功能的需求分析1、 登录系统该板块主要包括用户登录，新用户注册两种功能，用户登录需要使用到数据库连接技 术，数据库中存放了一张用户表，包括了用户的姓名、登录密码，生日、性别等基本信息； 新用户注册同样也需要填写这些信息，然后利用数据库连接技术将新用户的信息写入数据 库。2、 主页功能主页主
6、要是一个网站导航的作用，可以由主页可以进入相应的子系统，主页主体部分 可以用来展示一些班级有新鲜事， 风采等最近更新的内容，同时也可以加入一些友情链接，以及统计网站访问次数，如：从网站可以进入班级新闻阅读、用户注册等。3、 班级新闻和公告栏该页面主要适用于记录板上的新鲜事，提供班级新闻阅读，同时也可由该页面进入其 他相应的功能，进入相应的页面；公告栏主要用于通知班上的一些事情，也可公布一些教 务信息等。4、班级介绍、音乐赏析、班级风采展示板块此三个页面可以制作成静态页面，可以将班级基本信息、专业介绍等信息写入班级介 绍页面，音乐赏析可以由管理员上传一些音乐提供在线播放的功能，班级风采展示主要是
7、 展示一些班级活动照片的展示5、 在线留言系统该板块主要是为班上的一个交流平台，其功能包括查看历史留言，发表新的留言，该 板块同样需要用到数据库链接技术，数据库中保存留言表，存放留言信息（包括留言者姓 名、留言内容、留言时间）。6、 后台管理系统主要用于管理整个班级网站的整个系统，包括对与各版块的页面处理，后台管理包括 一个1.5运行坏境配置本网页主要基于 windows XP的操作系统，安装Ils， Macromedia Dreamweaver、 Macromedia Fireworks、Macromedia Flash的运行坏境二、概要设计2.1功能的定义本系统是利用Dreamweaver
8、为运行工具，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） Guestbo
9、ok表：留言者姓名，留言者时间和留言内容（3） admin表：管理员登录的用户名和密码（4） n ews表：新闻题目、新闻ID2、photo数据库的数据项和结构Guest表包括一个自动编号ID和pic两个字段3.2数据库表的设计User表主要是记录用户的信息，包括用户的基本信息和登录时的密码，其各个字段如下表所示字段名数据类型长度Name文本50sex文本10Birthday文本50Address文本50Password文本30留言表包括了留言者姓名、留言内容，留言时间三个字段，各个字段如下表所示字段名数据类型长度Name文本50Time时间/日期content文本255管理员表包括了两个字段
10、，登录时的用户名和登录密码，其结构如下表所示字段名数据类型长度Name文本50password文本50新闻内容表包括新闻题目、新闻ID、和新闻内容，其结构如下表所示字段名类型长度ID自动编号Title文本50Photo数据库的guest表的结构字段名类型长度id自动编号pic备注四、详细设计4.1界面登陆成功后班级风采班级新闻后台管理界面新闻管理插入新闻新闻删除界面4.2数据库连接文件conn的源代码如下所示4.3在线留言1、 在线留言界面2、 在线留言.asp的关键代码%If Request.Form(task) = in sert The nxm = Request.Form(xm)sj
11、= Now()If Request.Form(lyq) = The nResp on se.Write Resp on se.Write Resp on se.Write & 留言不能为空！ &Respo nse.Write Respo nse.Write Resp on se.E ndElsely = Request.Form(lyq)jEnd IfSQLstr = In sert Into GuestBook( name,co ntent) Values( & xm & , & ly & )Conn .Execute SQLstrEnd IfSQLstr = Select * From G
12、uestBook Order By time DESCO|qev VP1V1 呈馬百田V“扫人丄s“=ssep “印26=116爬A!P 4.4注册用户的关键代码注册处理的registe_result.as的关键代码用户名不能为空，请新填request.Form(passwordOK) Then%密码不一致请重新输入该用户已经被注册，请你重新入新的用户名注册成功姓名：% response.write name & %性别：% response.write sex & %现在就去 登录 吧4.5查询信息板块1、 查询界面2、 查询信息.asp关键源码% if request.Form(” nam
13、e)= the nset rs=nothingSet rs=C onn. execute(select * from user)do while not rs.eofResp on se.Write Resp on se.Write Response.Write & 生日：&rs(birthday)&Resp on se.Write & 家庭住址：&rs(address )&Resp on se.Write Respo nse.Write %rs.Movenext loopelse n ame=request.Form( name)set rs=no thi ngSet rs=C onn. e
14、xecute(select * from user where n ame like %& n ame & %”) if not rs.eof ThenResp on se.Write Resp on se.Write Response.Write & 姓名：& rs(name)&Respo nse.Write & 家庭住址：&rs(address )&Resp on se.Write Respo nse.Write %elseResp on se.Write Resp on se.Write response.Write没有找到你要查询的信息& Resp on se.Write Respo
15、nse.Write $end ifend ifrs.Closeset rs=nothingConn .Closeset Conn=nothin g%4.6新闻版块1、 新闻列表主要代码 2、 新闻管理代码插入新闻% if request.Form(title) the nn ame=request.Form(title)conten t=request.Form(co nten t)Conn .execute(i nsert into n ews( name) values(”& n ame &)set rs=Conn.execute(select * from news where name
16、 like %& name & %) number=CStr(rs(id)set obj=server.createobject(scripti ng.filesystemobject)id=./ 新闻/+numberid=id+.txtph=Server.MapPath(id)obj.createtextfile ph,trueset fc=obj.Ope nTextFile(ph,2,true)fc.WriteLi ne(con te nt)fc.Closeresponse.write 插入成功%回主页面 返回重新插入删除新闻返回4.7班级相册vtable width=80 border=
17、0 align=center cellpadding=2 cellspacing=2 %exec=select * from guestset M=server.createobject(adodb.recordset)M.ope n exec,c onn ,1,1if not M.eof thenmypage=request(whichpage)if mypage= the nmypage=1 elsemypage=c in t(mypage) end ifmypagesize=request(pagesize)alig n=ce nterxiMGbgcolor=#FFFFFFmypages
18、ize=6 end ifM.movefirstM.pagesize=mypagesizemaxco un t=c in t(M.pageco unt)M.absolutepage=mypagehow=1y=M.pageco untd=M.recordco untelseResp on se.Write end if% % a=a+1do while not M.eof and how vtdxtable border=0 align=center cellpadding=1 cellspacing=3 class=l border=0 class=l width=80 height=60 st
19、yle=cursor:poi nteron Click=zoom(this,img.asp?src=v%=M(pic)%) / td alig n=cen tervalig n= middle10 the n%.v/tr v/tablev/td %if a mod 3=0 the nresp on se.Writeend ifM.movenext how=how+1 a=a+1 loop % 总结两周的课程设计结束了，这两周我学到了很多的东西，更加深入的了解了 asp编程技术，对网站技术有了更深一层的认识。通过对该班级网站系统的设计与实现，使我们将所 学的知识灵活的运用起来，增强了对数据库应用
20、方面的理解，积累了不少经验。 。学会了如何设计数据库，如何利用面向对象语言对数据库进行编程，如何实现数据库与开发相应程 序的连接问题。为以后数据库开发打下了坚实的基础，同时也积累了很多处理网站编程的问题，更加深层次的理解和掌握了数据库技术和 asp编程技术，在该系统设计过程中，对数据库设计理念及思想上有更高的认识。六、参考文献1李世杰Active Server Pages(ASP)3网页设计手册 北京:清华大学出版社19992前沿电脑图像工作室 巧学巧用 Dream weave、Fireworks、Flash制作网页 北京: 人民邮电出版社3ASP入门与实例演练薄 小志编着 中国青年出版社4侯文彬 网页设计教程 北京:清华大学出版社20065徐国平等网页设计与制作教程 北京：高等教育出版社，20026王国荣着，张宝刚等改编.ASP网页制作教程 北京：人民邮电出版社，2002
