校园网站的设计与实现.doc

《校园网站的设计与实现.doc》由会员分享，可在线阅读，更多相关《校园网站的设计与实现.doc（39页珍藏版）》请在三一办公上搜索。

1、 毕业论文（设计）题目：校园网站的设计与实现校区(函授站)： 北京培黎职业学院专 业： 计算机应用班 级： 10级自考 学 号： 1003z1114 学生姓名： 黄伟导师姓名： 常敏慧 起止时间：2012.01.20至 2013.05.10北京信息科技大学继续教育学院北京信息科技大学继续教育学院毕业论文（设计）任务书学生姓名 黄伟 指导教师 常敏慧 职称副教授校区(函授站) 北京培黎职业学院 专业 计算机应用题目 校园网站的设计与实现任务与要求任务： 一、校园网站建设的需求分析及设计思想 二、校园网站设计的开发工具的选用及介绍 三、网站的总体分析与设计 四、网站的详细设计步骤 需求:网站设计中

2、用到的开发工具可以选用photoshop、flash、dreamweaver、vbscript脚本语言以及access等开始日期 2013.01.20 完成日期 2013.05.10北京信息科技大学继续教育学院毕业论文（设计）工作计划 年 月 日学生姓名 黄伟 指导教师 常敏慧 职称 副教授校区(函授站) 北京培黎职业学院 专业 计算机应用题目 校园网站的设计与实现工作进程起止时间 工作内容2013.01.20-2013.02.10 确定论文方向2013.02.10-2013.02.15 准备相关的参考文献资料2013.02.15-2013.03.23 毕业设计系统实现2013.03.23-2

3、013.04.05 毕业设计系统检查2013.04.05-2013.04.20 毕业设计论文撰写2013.04.20-2013.05.10 毕业设计论文修正及检查主要参考书目（资料）1 孙卫佳网络系统集成技术与实训北京：电子工业出版社，2005 2 沈 辉，曹国良，袁家政，付立新计算机网络工程与实训 北京：清华大学出版社， 2001 3 李继林，刘庆杰计算机网络工程与实践 北京：清华大学出版社，2005学生姓名： 黄伟 学号：1003z1114毕业设计题目：校园网站的设计与实现指导教师评语：指导教师签名：年 月 日毕业设计（论文）评阅教师评语： 评阅教师签名： 年 月 日毕 业 设 计 （论

4、文） 评 分 表 年 月姓名黄伟年级、专业、班10级计算机应用自考班毕业论文题目校园网站的设计与实现项 目满分评分指导教师全面完成任务情况（包括成果质量）20指导教师签字：月 日科学作风、工作态度10独立工作能力10理论基础、创造性10合 计50评阅教师问题层次清楚，系统性强、文字精炼通顺10评阅教师签字：月 日设计符合任务书的要求15理论正确，基本理论掌握好15设计有使用或重要参考价值10合 计50毕业设计（论文）成绩100系（教研室）负责人签字：摘 要在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。In

5、ternet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的办学，提高学校知名度，特构建长沙市工商职业中专学校网站。作为学校，需要经常更新内容。本设计采用的是ASP技术，其基本原理是在Microsoft Windows NT Server上集成IIS，由ASP脚本启动ADO控件，通过ODBC驱动程序，实现数据库与Web服务器的连接，通过后台管理程序更新数据库，并将数据库的内容通过前台显

6、示出来，从而解决在Internet或内网通过数据库发布信息的难题，大大减少了网站的文件数量和维护更新的工作量。关键字：ASP、校园网站、设计与实现目录摘 要7前 言9第1章设计思想与开发工具101.1设计思想101.2开发工具的选用及介绍101.3ASP的六大内部对象11第2章校园网站设计分析122.1相关术语及解释122.2校园网站的作用132.3校园网站的设计与规划14第3章详细设计163.1数据库的设计163.2连接数据库173.3页面设计183.4留言板203.5关键代码设计213.6网站管理系统28第4章编码、测试与维护324.1测试与维护324.2维护35结 束 语36致 谢37参

7、考 文献38 前 言在大学三年里。虽然学到了许多专业知识，但是没有机会把它们很好的融会贯通，借此机会，使我巩固了课堂理论和专业应用技能目前网站的制作技术与要求，都已经告别了因特网初期网站制作的“幼稚”期，随着各类网站的迅速增加与浏览者需求的提高，无不要求网站从立意，策划，页面设计到后台程序的全面提高。无论是校园网站还是企业网站都必须被要求从浏览者角度出发，最大限度的满足用户的要求，这也是以后各类网站发展竞争的真正实质所在。本次设计由于设计时间较紧，且相关模块比较多，加之设计经验的不足，在网站的整体设计及各模块功能可能设计的不完全，有待于进一步的完善和改进。第1章 设计思想与开发工具1.1 设计

8、思想通过网站，全面宣传，展示学校风采、优点与特色，发布学校的重大活动安排与招生政策，增强家长与学校之间的联系，在Internet上实现完成部分校务，提高办事效率。1.2 开发工具的选用及介绍1、ASP的优势：Active Server Pages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或 JavaScript是在客户端

9、（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（lient）在浏览器中可以显示程序执行的结果，可是，客户端（lient）若使用Netscape浏览器就无法显示VBScript的执行结果。2、的特点：任何开发工具皆可发展，只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express、 rontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写，可能会发生一些意想不到的离奇状态，通吃各家浏览。由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件

10、适用于不同的浏览器。语言相容性高，ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script、Active X服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。隐密安全性高如果我们在浏览器中直接查看网页的原始代码，就只能看到文件，原始的程序代码是看不到的！这是因杰程序先于网站服务（eb Server）端执行后，将结果转换成标准文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的程序并不会轻易地被看见进而被盗用。3、易于操控数据库ASP可以轻易地通过OD

11、BC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可将“文本文件”或是”Excel” 文件当成数据库用。4、面向对象学习容易ASP具备有面向对象（Object-Oriented）功能，学习容易，ASP提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。1.3 ASP的六大内部

12、对象1、对象名称 功能描述RequestResponseServerSessionApplicationObjectContext 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合Microsoft Transaction 服务器进行分布式事务处理第2章 校园网站设计分析2.1 相关术语及解释1、InternetInternet(英特网)诞生于上世纪60年代，发展非常慢，到90年代才开始迅速发展。现在英特网已经是世界上最大的网络的，联在英特网上的电脑有数亿

13、台。上面的资料、信息数不胜数，所以有人把英特网叫成是信息的海洋、知识的海洋。2、站点所谓站点，就是将网页文件和素材文件，有条理地放置站点文件夹里，这些文件与文件夹就构成了网站的实质内容。站点文件夹里除了网页文件还有素材文件，所谓素材就是网页中所用到的图像、声音、视频等，这些内容是以单独文件的形式存在。3、超链接我们在浏览网页时，当鼠标指针指向某段文本或是某个图像，鼠标指针变成小手状，单击鼠标可以打开其他的网页或是跳转到其他的网站，这就是超链接。采用超链接技术可以将不同的网站、网站中的不同网页、网页中的不同位置彼此串在一起，实现相互间的跳转，方便信息的浏览和查找。人们通过超链接可以很方便很迅速地

14、访问分布于全球计算机上的海量资源，实现在互联网中的漫游。超链接能使Web服务存在广泛和持久的生命力，超链接可以说是Web的灵魂。4、URLURL（Uniform Resource Locator的缩写），统一资源定位器。互联网中某种信息资源以某种方式存储在网络中的某处，必须用一个惟一的URL来进行标识，这样才能方便查找。对于Web来说，可以简单并通俗把URL理解为网址。每个Web网页都有自己的网址，在浏览器地址栏里输入网页的URL，就可以访问这个网页。例如，5、IP地址为了使互联网上的电脑主机在通信时能够相互识别，每台主机都分配一个能表示其位置的IP（Internet Protocol）地址，

15、这如同公用电话网中电话的号码一样。IP地址是由专门的互联网机构来分配。IP地址具有惟一性，是由32位二进制数组成，分为四组，每组8位，每组之间用小数点分隔，在实际之中常转换成十进制数表示。2.2 校园网站的作用互曾几何时我们重视的是传统媒体上的“广播有声、报纸有名、电视有影”。而今在网络中可是鼠标一点“地球人都知道”。较之传统媒体的区域性、时效性而言网络具有广泛性、长期性的特点。我们应该以校园网站为平台树立起具有时代特色的虚拟形象。对于学校网站的具体作用，归纳如下：1、桥梁作用网络一个最重要的特点就是其互动性，对于朋友们提的所有意见和建议，无论好坏，都会认真对待、仔细研究，有一些能够马上回复的

16、问题，都予以及时回复。2、引导作用通过引导，非理性的言论就会越来越少，许多正面、富有建设性的言论将会不断涌现，从而达到我们预期的目的。3、育人作用有及时报道活动、凸现重点文章、组织各种活动、开展咨询服务、及时渲染氛围.4、窗口作用网站的另一个重要作用就是宣传学校. 通过充分体现学校的办学特色和师资优势，并突出学校内部与其他校园以及社会群体的信息交流，加强学校与社会、师生与家长的互动沟通，将网站创建成为展示师生风采的舞台，从而实现贯彻教育理念和塑造信息化时代校园品牌的完整统一.2.3 校园网站的设计与规划1、明确架设网站的目的通过网站，全面宣传，展示学校的风采、优秀与特点，发表学校的活动安排与招

17、生政策信息内容，使学生与家长增加对学校的了解。增强学生、家长及学校之间的联系。在这里学生及家长可以提出意见及想法，互相理解教学之间的意见想法更好有效的办好教学，和学生需要那样的教学方式能够更好的吸纳与接纳，这些都能成为学校的参考，以便更加提高学校的教学质量。2、校园网站概貌因为是校园网站，所以建立一个高效率、成本的网络以满足教学工作日益增长的需求是设计这个网站的目标，也能更好提高学校的知名度，为家长和同学们提供一个友谊的桥梁，增加家长与同学们对学校的一些事物的了解。3、功能划分网站设计有新闻更新，浏览者可以在首页浏览自己喜欢的新闻，并且可以在留言板和学校交流，在后台管理页面中，通过身份认证，管

18、理员，可以对网站信息进行管理。4、功能描述(一) 新闻嵌入百度新闻每日更新代码，使用在本站首页显示今日国内国际新闻，供浏览者浏览。(二) 留言板是一个学校与大家谈心交流的地方，在留言板中，可以和学校进行交流。就我们校园内的话题展开讨论。和大家进行沟通。(三) 后台管理页面是管理和添加到新内容的地方，为了方便实现信息的经常更新，设计了这个管理页面，经过身份认证后可以进入网站对其中的信息进行管理。 (四) 页面组织和数据库设计在明确了校园网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，

19、目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。因此我将网站分为五个栏目，分别是关于学校、本网推荐、站内公告、热门文章、留言等。第3章 详细设计3.1 数据库的设计1、数据库搭建使用Access2000 实现关系型数据库(一) 用户密码登记表Admin存储了系统用户和普通用户的信息，包括：姓名，口令，验证码，名称。它的设计视图如图1：图3-1(二) 留言基本档案表Book存储了用户的档案包括：ID,留

20、言者名字、留言者QQ、留言者E-mail,留言内容，留言者主页，留言时间，回复留言，留言头像，留言表情，留言者IP，留言者地址，留言主题,其中ID为该表的主关键字。它的设计视图如图3-2：图3-2(三)网站基本信息表 WebBasicInfo，如图3-3图3-3以上数据表为Access类型的库文件，将它定名为：“data.mdb”。3.2 连接数据库在上面，我们已经为我们的程序创建了一个数据库，在这里，我们来用ASP把程序和数据库连接起来，以后就可以连接到数据库、在ASP中显示数据库中的数据以及更复杂的插入、修改和删除。 一起看以下代码，这就是ASP程序中常用的连接数据库的代码： 一切OK了!

21、结束ASP程序3.3 页面设计一、界面设计（一）投票1、功能可以迅速有效的查看投票的结果。2、组成构造投票显示页面 rote.asp：用来显示所有投票。站长基本信息显示页面 include.asp：数据库连接页面 conn.asp3、投票页面浏览效果图：(二)google地图1、功能可以供浏览者及时打开地图查看地址。2、组成结构地图显示页面 xml.asp：显示google地图页面。站长基本信息显示页面 include.asp数据库连接页面 conn.asp3、地图页面浏览效果图：(三)、后台登陆1、功能显示登陆页面，可以供管理者登陆。2、后台登陆页面浏览效果图：3.4 留言板1、功能利用SQ

22、L语法过滤特定的用户留言意见，让站长可以针对某位特定用户所发表的意见作出独立的回答，同时，用户在发表个人意见时，若认为意见内容涉及敏感的话题或是意见内容涉及私人隐私，都可用“悄悄话”的方式发言，这些“悄悄话”将不会被显示出来让大家看到，当然，站长拥有管理的能力，只要以密码登录管理模式，就可以进行各个用户的单独意见回复，而且还能看到用户所留下的“悄悄话2、组成构造意见留言结果网页gbook.asp：用来显示用户发言与站长回复内容，同时还具备查看留言和发表留言两个功能。站长基本信息显示页面 include.asp数据库连接页面 conn.asp3、留言页面浏览效果图,如图13。图134、发表留言浏

23、览效果图，如图14。图143.5 关键代码设计 (一) 页面相同基本信息代码页面 include.asp %set oRs=server.createobject(adodb.recordset)sSql=Select Top 1 * From WebBasicInfooRs.Open sSql,Conn,1,1If Not oRs.Eof ThenW_ID=oRs(W_ID)W_WebsiteAppe=oRs(W_WebsiteAppe)W_SuppExpl=oRs(W_SuppExpl)W_WebSiteName=oRs(W_WebSiteName)W_WebSiteUrl=oRs(W_W

24、ebSiteUrl)W_StatMastName=oRs(W_StatMastName)W_StatMastEmail=oRs(W_StatMastEmail)W_StatMastQQ=oRs(W_StatMastQQ)W_WebSiteKeyword=oRs(W_WebSiteKeyword)W_WebSiteIntr=oRs(W_WebSiteIntr)W_WebSiteCopyInfo=oRs(W_WebSiteCopyInfo)End IfoRs.CloseIf W_WebsiteAppe=False ThenResponse.Write Response.Write W_SuppEx

25、plResponse.Write Response.EndEnd IfDim WebTitle,WebNameWebName=W_WebSiteName&-&W_WebSiteUrlWebTitle=%（二）google地图代码%end subsub savegoogle(strPath)XMLContent = & vbNewLineXMLContent = XMLContent & urlset xmlns= & vbNewLineset rs1=server.createobject(ADODB.Recordset)sql1=select Top &Request(links)& ID

26、from Yao_Article where yn = 0 order by DateAndTime descrs1.open sql1,conn,1,3do while not (rs1.eof or err)XMLContent = XMLContent & & vbNewLineTimex = Request(Timex)Timex = Right(0 & Timex ,2) & :00aTime = Year(now() & - & Right(0 & Month(now(),2) & - & Right(0 & Day(now(),2) & T & Right(0 & Hour(no

27、w(),2) & : & Right(0 & Minute(now(),2) & : & Right(0 & Second(now(),2) & + & TimexXMLContent = XMLContent & http:/&Siteurl&SitePath&If Html=2 thenXMLContent = XMLContent & Html/?&rs1(ID)&.htmlElseXMLContent = XMLContent & List.asp?ID=&rs1(ID)&End ifXMLContent = XMLContent & & vbNewLine & & aTime & &

28、 vbNewLineXMLContent = XMLContent & daily & vbNewLineXMLContent = XMLContent & 0.&RndNumber(1,9)& & vbNewLineXMLContent = XMLContent & & vbNewLiners1.movenextlooprs1.closeset rs1=nothingXMLContent = XMLContent & strPath = Server.MapPath(strPath) & Sitemap.xmlCreateXMLFile XMLContent,strPathCall Info

29、(生成站点地图成功！点此浏览)end subFunction CreateXMLFile(sXML,FilePath)Dim objXMLIf InStr(FilePath, :) = 0 Then FilePath = Server.MapPath(FilePath)Set objXML = Server.CreateObject(MSXML2.DOMDocument.3.0) If objXML.LoadXml(sXML) ThenobjXML.Save(FilePath)End IfSet objXML = NothingEnd Function %（三）登陆者用户名密码验证代码%dim

30、 adminname,adminpwd,adminipif request(action)=adminlogin thenadminname=CheckStr(trim(Request.form(adminname)adminpwd=CheckStr(trim(Request.form(adminpwd)adminpwd=Mid(md5(adminpwd,32),4,18)mycode = trim(request.form(code)if adminname= or adminpwd= thenCall Alert(请输入用户名和密码！,-1)end ifif mycodeSession(g

31、etcode) thenCall Alert(请输入正确的验证码！,-1)end ifset rs=server.createobject(ADODB.Recordset)sql=select * from &admintable& where Admin_Name=&adminname& and Admin_Pass=&adminpwd&rs.open sql,conn,1,3If Not rs.Eof Then Session(YaoContent)= Response.Cookies(LaoYAdmin)(UserID)=rs(ID) Response.Cookies(LaoYAdmin

32、)(UserPass)=rs(Admin_Pass) Response.Cookies(LaoYAdmin)(UserName)=rs(Admin_Name) Response.Cookies(LaoYAdmin).Expires=Date+1 rs(Admin_Time)= Now rs(Admin_IP)= GetIP rs.update response.Redirect Index.aspelse Call Alert(您输入的用户名或密码不正确！,-1)end ifrs.closeset rs=nothingend if%（四）发表留言提交内容判断模块代码%if request(ac

33、tion)= then response.redirectgbook.asp?action=showif request(action)=post thendim booknamedim bookwheredim bookpicdim bookfacedim bookcontentdim booktimedim bookipdim FoundErr,ErrMsgbookname=request(name)bookwhere=request(where)bookpic=request(pic)bookface=request(face)bookshow=request(show)bookcont

34、ent=request(content)bookip=request.ServerVariables(REMOTE_ADDR)if bookname= then Response.Write Response.Write alert(留言昵称不能为空！); Response.Write history.go(-1); Response.Write Response.Endend ifif bookcontent= then Response.Write Response.Write alert(留言内容不能为空！); Response.Write history.go(-1); Respons

35、e.Write Response.Endend ifstrArr=split(W_BookWorryNeed,|) set rs=Server.CreateObject(ADODB.Recordset)sql=select * from bookrs.open sql,conn,1,3rs.addnewrs(name)=htmlencode(bookname)rs(where)=htmlencode(bookwhere)rs(pic)=bookpicrs(face)=images/face/&bookface&.gifrs(show)=bookshowrs(content)=htmlencod

36、e(bookcontent)rs(ip)=bookiprs(time)=now()rs.updaters.close Response.Write Response.Write alert(恭喜您！您已经成功提交了信息！); Response.Write window.location.href=gbook.asp?i=show Response.Write Response.endend if%3.6 网站管理系统（一）完成站长对网站信息管理及更新的系统，包括以下几部分：1、管理登陆页面Login.asp2、风格管理页面Admin_Css.asp3、文章管理页面Admin_Article.a

37、sp4、链接管理页面Admin_Linkn.asp5、留言管理页面GuestBook.asp一、管理登陆管理系统的登陆页面，主要用于管理登陆和判断用户是否已注册。1、 其中判断是否是非法登陆的代码为：%admin_pass=md5(admin_pass)set rs=server.createobject(adodb.recordset)sql=select * from admin where admin_name=&admin_name& and admin_pass=&admin_pass&rs.open sql,conn,1,3 if rs.eof thenresponse.write

38、alert(用户或密码错误！非管理员勿入！);response.writelocation.href=index.asp else session(admin_name)=request(admin_name) session(loc)=1 response.redirect admin.aspend if rs.closeset rs=nothingconn.closeset conn=nothingend ifend if%2、 其中验证码验证代码： % dim verifycode,verifycode2verifycode=trim(Request.Form(verifycode)ve

39、rifycode2=trim(Request.Form(verifycode2)if verifycodeverifycode2 thenresponse.writealert(您输入的验证码不正确！);response.writelocation.href=index.aspfounderr=trueelsesession(verifycode)=%（三）主要功能程序段1、打开数据库 2数据库查询操作大类查讯setrs=server.CreateObject(adodb.recordset)只读方式打开rs.openselectanclass,anclassidfromanclass,conn,1,1 dowhilenotrs.eofresponse.writeAhref=javascriptturnX(r&rs(anclassidtarget=_blank)&)&trim(rs(anclass)&Ars.movenextlooprs.close小类查询dimrs2setrs2=server.CreateObject(adodb.recordset)rs2.openselectnclass,nclassidfromnclasswhereanclassid=&rs(anclassid)&orderbyn