Web课程设计报告

WEB应用系统开发课程设计设计题目： 班级网站管理 专 业： 计算机科学与技术 学 号： XXXX 姓 名： XX 摘 要在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站在Internet应用上的地位显而易见。本文介绍了构建班级网站的技术和实现方法，重点讲述了登陆、留言板、班级相册等几个主要功能模块的设计与实现。模块内容基于本班实际情况，记录班级点滴，有助于增进同学间的相互交流。网站页面采用工具软件Dreamweaver MX，并结合ASP网站开发技术来设计。网站采用的数据库是Microsoft Access 。 关键词:班级网站;ASP; Dreamweaver，Microsoft Access一、 需求说明1.1开发背景进入21世纪，随着网络时代的不断普及，网络已深入到人们的生活当中.信息化成为一股不可逆转的潮流。在这潮流中，各校纷纷建起了学校网站，而我们忽视了班级网站的建设和应用。大学生活不同于高中生活，同学之间往往少了面对面的交流，而在这种情形下，班级网站的存在就更具其意义。它将帮助我们共享班级的一些信息，获取学校的相关重要新闻动态，帮助我们记录班级的重大活动，为班级成员提供一个更为广阔的交流平台，有助于同学间感情的培养，有利于班级的团结，班风的建设。1.2开发工具的选用及介绍我们这次主要运用的技术是ASP（Active Server Pages）“动态服务器网页”。ASP之所以能受到大家的欢迎，主要在于其产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”。任何开发工具皆可发展ASP，只要使用一般的文书编辑程序，如Windows记事本，就可以编辑；ASP程序执行结果所产生的HTML文件适用于不同的浏览器；语言相容性高，ASP与所有的ActiveX Script语言都相容；隐密安全性高；易于操控数据库，ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库；ASP具有面向对象（Object-Oriented）功能，容易学习。1.3设计目的1本课程设计旨在使学生掌握HTML语言的语法结构，并且能够使用HTML语言编写静态网页，控制网页中的文字，图片，超级链接，表格，表单，框架等，能够使用HTML语言实现移动的文字，制作多媒体页面，能够读懂复杂网页的源代码。2熟练使用网页设计工具Dreamweaver MX，能够使用Dreamweaver MX设计网页的框架，导航条，设置文字，图片，超级链接，滚动文字，弹出窗口的属性，能够使用Dreamweaver MX设计出比较复杂的网页，建立小型网站。3. 懂得Microsoft Access 建立数据库，实现ODBC数据源的创立于连接的基本方法。学会使用ASP的基本语法、内建对象、内建组件以及ASP访问数据库的方法。在此基础之上实现一个界面美观，功能实际的班级网站。1.4 各版块功能的需求分析1、 登录系统该板块主要包括用户登录，新用户注册两种功能，用户登录需要使用到数据库连接技术，数据库中存放了一张用户表，包括了用户的姓名、登录密码，生日、性别等基本信息；新用户注册同样也需要填写这些信息，然后利用数据库连接技术将新用户的信息写入数据库。2、 主页功能主页主要是一个网站导航的作用，可以由主页可以进入相应的子系统，主页主体部分可以用来展示一些班级有新鲜事，风采等最近更新的内容，同时也可以加入一些友情链接，以及统计网站访问次数，如：从网站可以进入班级新闻阅读、用户注册等。3、 班级新闻和公告栏该页面主要适用于记录板上的新鲜事，提供班级新闻阅读，同时也可由该页面进入其他相应的功能，进入相应的页面；公告栏主要用于通知班上的一些事情，也可公布一些教务信息等。4、 班级介绍、音乐赏析、班级风采展示板块此三个页面可以制作成静态页面，可以将班级基本信息、专业介绍等信息写入班级介绍页面，音乐赏析可以由管理员上传一些音乐提供在线播放的功能，班级风采展示主要是展示一些班级活动照片的展示5、 在线留言系统该板块主要是为班上的一个交流平台，其功能包括查看历史留言，发表新的留言，该板块同样需要用到数据库链接技术，数据库中保存留言表，存放留言信息（包括留言者姓名、留言内容、留言时间）。6、 后台管理系统主要用于管理整个班级网站的整个系统，包括对与各版块的页面处理，后台管理包括一个1.5运行坏境配置 本网页主要基于windows XP的操作系统，安装IIs，Macromedia Dreamweaver 、Macromedia Fireworks 、Macromedia Flash 的运行坏境二 、概要设计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表：新闻题目、新闻ID2、photo 数据库的数据项和结构 Guest表包括一个自动编号ID和pic两个字段3.2数据库表的设计 User表主要是记录用户的信息，包括用户的基本信息和登录时的密码，其各个字段如下表所示字段名数据类型长度Name文本50sex文本10Birthday文本50Address文本50Password文本30留言表包括了留言者姓名、留言内容，留言时间三个字段，各个字段如下表所示字段名数据类型长度Name文本50Time时间/日期content文本255 管理员表包括了两个字段，登录时的用户名和登录密码，其结构如下表所示字段名数据类型长度Name文本50password文本50新闻内容表包括新闻题目、新闻ID、和新闻内容，其结构如下表所示字段名类型长度ID自动编号Title文本50Photo数据库的guest表的结构字段名类型长度id自动编号pic备注四、详细设计4.1界面登陆成功后班级风采班级新闻后台管理界面新闻管理插入新闻新闻删除界面4.2数据库连接文件conn的源代码如下所示4.3在线留言1、在线留言界面2、在线留言.asp的关键代码%If Request.Form(task) = insert Thenxm = Request.Form(xm)sj = Now()If Request.Form(lyq) = Then Response.Write Response.Write Response.Write & 留言不能为空！ & Response.Write Response.Write Response.EndElsely = Request.Form(lyq)End IfSQLstr = Insert Into GuestBook(name,content) Values( & xm & , & ly & )Conn.Execute SQLstrEnd IfSQLstr = Select * From GuestBook Order By time DESCSet RS = Conn.Execute(SQLstr)%历史留言4.4注册用户的关键代码注册处理的registe_result.asp的关键代码用户名不能为空，请重新填%else name=request.form(name)password=Request.Form(password)birthday=request.form(birthday)address=request.form(address)sex=request.form(sex)if request.Form(password)request.Form(passwordOK) Then%密码不一致请重新输入该用户已经被注册，请你重新输入新的用户名 注册成功 姓名：% response.write name & % 性别：% response.write sex & % 生日：% response.write birthday& % 地址：% response.write address & % 现在就去登录吧4.5查询信息板块1、查询界面2、查询信息.asp关键源码% if request.Form(name)= then set rs=nothing Set rs=Conn.execute(select * from user) do while not rs.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.Movenext loop else name=request.Form(name) set rs=nothing Set rs=Conn.execute(select * from user where name like % & name & %) if not rs.eof Then 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 end ifend if rs.Close set rs=nothing Conn.Close set Conn=nothing%4.6新闻版块1、新闻列表主要代码 a href=新闻新闻阅读.asp?id= 2、新闻管理代码 插入新闻% if request.Form(title) then name=request.Form(title) content=request.Form(content) Conn.execute(insert into news(name) values(& name &) set rs=Conn.execute(select * from news where name like % & name & %) number=CStr(rs(id) set obj=server.createobject(scripting.filesystemobject) id=./新闻/+number id=id+.txt ph=Server.MapPath(id) obj.createtextfile ph,true set fc=obj.OpenTextFile(ph,2,true) fc.WriteLine(content) fc.Close response.write 插入成功% 返回主页面 返回重新插入删除新闻 返回 4.7 班级相册 % exec=select * from guestset M=server.createobject(adodb.recordset)M.open exec,conn,1,1 if not M.eof then mypage=request(whichpage) if mypage= then mypage=1 else mypage=cint(mypage) end if mypagesize=request(pagesize) if mypagesize= then mypagesize=6 end if M.movefirst M.pagesize=mypagesize maxcount=cint(M.pagecount) M.absolutepage=mypage how=1 y=M.pagecount d=M.recordcount else Response.Write end if% % a=a+1 do while not M.eof and how IMG src=img.asp?src= border=0 class=l width=80 height=60 style=cursor:pointer onClick=zoom(this,img.asp?src=) / 10 then%. % if a mod 3=0 then response.Write end if M.movenext how=how+1 a=a+1 loop % 总结 两周的课程设计结束了，这两周我学到了很多的东西，更加深入的了解了asp编程技术，对网站技术有了更深一层的认识。通过对该班级网站系统的设计与实现，使我们将所学的知识灵活的运用起来，增强了对数据库应用方面的理解，积累了不少经验。学会了如何设计数据库，如何利用面向对象语言对数据库进行编程，如何实现数据库与开发相应程序的连接问题。为以后数据库开发打下了坚实的基础，同时也积累了很多处理网站编程的问题，更加深层次的理解和掌握了数据库技术和asp编程技术，在该系统设计过程中，对数据库设计理念及思想上有更高的认识。六、参考文献1李世杰 Active Server Pages(ASP)3.0 网页设计手册 北京:清华大学出版社 19992前沿电脑图像工作室 巧学巧用Dream weaver、Fireworks、Flash制作网页 北京:人民邮电出版社3ASP入门与实例演练薄 小志编著 中国青年出版社4侯文彬 网页设计教程 北京:清华大学出版社 20065徐国平等网页设计与制作教程 北京：高等教育出版社，20026王国荣著，张宝刚等改编.ASP网页制作教程 北京：人民邮电出版社，2002