1、WEB 应用系统开发课程设计设计题目： 班级网站管理 专 业： 计算机科学与技术 学 号： 200820201310 姓 名 ： XX 摘 要在 Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站在 Internet应用上的地位显而易见。本文介绍了构建班级网站的技术和实现方法，重点讲述了登陆、留言板、班级相册等几个主要功能模块的设计与实现。模块内容基于本班实际情况，记录班级点滴，有助于增进同学间的相互交流。网站页面采用工具软件 Dreamweaver MX，并结合 ASP网站开发技术来设计。网站采用的数
2、据库是 Microsoft Access 。关键词:班级网站;ASP; Dreamweaver，Microsoft Access一、 需求说明1.1 开发背景进入 21世纪，随着网络时代的不断普及，网络已深入到人们的生活当中.信息化成为一股不可逆转的潮流。在这潮流中，各校纷纷建起了学校网站，而我们忽视了班级网站的建设和应用。大学生活不同于高中生活，同学之间往往少了面对面的交流，而在这种情形下，班级网站的存在就更具其意义。它将帮助我们共享班级的一些信息，获取学校的相关重要新闻动态，帮助我们记录班级的重大活动，为班级成员提供一个更为广阔的交流平台，有助于同学间感情的培养，有利于班级的团结，班风的建
3、设。1.2 开发工具的选用及介绍我们这次主要运用的技术是 ASP（Active Server Pages）“动态服务器网页” 。ASP 之所以能受到大家的欢迎，主要在于其产生的执行结果都是标准的 HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或 Netscape）都可以正确地获得 ASP的“执行 ”结果，并且将这 ASP执行的结果直接在浏览器中“浏览” 。任何开发工具皆可发展 ASP，只要使用一般的文书编辑程序，如 Windows记事本，就可以编辑；ASP 程序执行结果所产生的 HTML文件适用于不同的浏览器；语言相容性高，ASP 与所有的 ActiveX Scri
4、pt语言都相容；隐密安全性高；易于操控数据库，ASP 可以轻易地通过 ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库；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、 登录系统该板块主要包括用户登录，新用户注册两种功能，用户登录需要使用到数据库连接技术，数据库中存放了一张用户表，包括了用户的姓名、登录密码，生日、性别等基本信息；新用户注册同样也需要填写这些信息，然后利用数据库连接技术将
6、新用户的信息写入数据库。2、 主页功能主页主要是一个网站导航的作用，可以由主页可以进入相应的子系统，主页主体部分可以用来展示一些班级有新鲜事，风采等最近更新的内容，同时也可以加入一些友情链接，以及统计网站访问次数，如：从网站可以进入班级新闻阅读、用户注册等。3、 班级新闻和公告栏该页面主要适用于记录板上的新鲜事，提供班级新闻阅读，同时也可由该页面进入其他相应的功能，进入相应的页面；公告栏主要用于通知班上的一些事情，也可公布一些教务信息等。4、 班级介绍、音乐赏析、班级风采展示板块此三个页面可以制作成静态页面，可以将班级基本信息、专业介绍等信息写入班级介绍页面，音乐赏析可以由管理员上传一些音乐提
7、供在线播放的功能，班级风采展示主要是展示一些班级活动照片的展示5、 在线留言系统该板块主要是为班上的一个交流平台，其功能包括查看历史留言，发表新的留言，该板块同样需要用到数据库链接技术，数据库中保存留言表，存放留言信息（包括留言者姓名、留言内容、留言时间） 。6、 后台管理系统主要用于管理整个班级网站的整个系统，包括对与各版块的页面处理，后台管理包括一个1.5 运行坏境配置本网页主要基于 windows XP 的操作系统，安装 IIs，Macromedia Dreamweaver 、Macromedia Fireworks 、Macromedia Flash 的运行坏境二 、概要设计2.1 功
8、能的定义本系统是利用 Dreamweaver 为运行工具， IIS 为运行环境，利用 HTML、VBSCRIPT 语言和 JAVASCRIPT语言设计而成。在浏览器中将做好的班级主页打开，绿色为主的界面，给人清新舒适的感觉，班级简介，班级活动剪影，班级动态，学校新闻加上友情链接，布局合理，内容充实。 2.2 整体网站流程图班级首页班级首页班级新闻在线留言登录功能导航签写留言新闻阅读用户登录相片展示管理网站公布信息班级风采后台管理公告栏数据库访问图 1 网站结构图2.3 在线留言流程图在线留言写留言 历史留言访问数据库返回结果2.4 登录流程图登录界面 主页访问数据库登录失败登陆成功2.5 信息
9、查询流程图信息查询界面 访问数据库显示结果重新登录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 表主要是记录用户的信息，包括用
10、户的基本信息和登录时的密码，其各个字段如下表所示字段名 数据类型 长度Name 文本 50sex 文本 10Birthday 文本 50Address 文本 50Password 文本 30留言表包括了留言者姓名、留言内容，留言时间三个字段，各个字段如下表所示字段名 数据类型 长度Name 文本 50Time 时间/日期content 文本 255管理员表包括了两个字段，登录时的用户名和登录密码，其结构如下表所示字段名 数据类型 长度Name 文本 50password 文本 50新闻内容表包括新闻题目、新闻 ID、和新闻内容，其结构如下表所示字段名 类型 长度ID 自动编号Title 文本
11、50Photo 数据库的 guest 表的结构字段名 类型 长度id 自动编号pic 备注四、详细设计4.1 界面登陆成功后班级风采班级新闻后台管理界面新闻管理插入新闻新闻删除界面4.2 数据库连接文件 conn 的源代码如下所示4.3 在线留言1、在线留言界面2、在线留言.asp 的关键代码“Response.Write “Response.Write “ & “留言不能为空！“ &“Response.Write “Response.Write “Response.EndElsely = Request.Form(“lyq“)End IfSQLstr = “Insert Into Guest
12、Book(name,content) Values(“ & xm & “ ,“ & ly & “ )“Conn.Execute SQLstrEnd IfSQLstr = “Select * From GuestBook Order By time DESC“Set RS = Conn.Execute(SQLstr)%历史留言4.4 注册用户的关键代码注册处理的 registe_result.asp 的关键代码用户名不能为空，请重新填request.Form(“passwordOK“) Then%密码不一致请重新输入该用户已经被注册，请你重新输入新的用户名 注册成功姓名：“%性别：“%生日：“%
13、地址：“%现在就去登录 吧4.5 查询信息板块1、查询界面2、查询信息.asp 关键源码“Response.Write “Response.Write “& “姓名：“ & rs(“name“)&“Response.Write “& “性别：“ & rs(“sex“)&“Response.Write “& “生日：“ &rs(“birthday“)&“Response.Write “& “家庭住址：“&rs(“address“)&“Response.Write “Response.Write “%“Response.Write “Response.Write “& “姓名：“ & rs(“na
14、me“)&“Response.Write “& “性别：“ & rs(“sex“)&“Response.Write “& “生日：“ &rs(“birthday“)&“Response.Write “& “家庭住址：“&rs(“address“)&“Response.Write “Response.Write “%“Response.Write “ response.Write “没有找到你要查询的信息 “ & “ Response.Write “Response.Write “ end ifend ifrs.Closeset rs=nothingConn.Closeset Conn=noth
15、ing%4.6 新闻版块1、新闻列表主要代码 “2、新闻管理代码插入新闻“ thenname=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.filesystemobj
16、ect“) id=“/新闻/“+numberid=id+“.txt“ph=Server.MapPath(id)obj.createtextfile ph,trueset fc=obj.OpenTextFile(ph,2,true)fc.WriteLine(content)fc.Closeresponse.write “插入成功“%返回主页面返回重新插入删除新闻返回4.7 班级相册“ end if% “ border=0 class=“l“ width=“80“ height=“60“ style=“cursor:pointer“ onClick=“zoom(this,img.asp?src=)
17、“ / 10 then%. “ 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
