个人网站的设计毕业论文.doc

个人网站的设计毕业论文目 录第1章 前言11.1 问题的提出11.2 问题的解决1第2章 准备知识ASP技术22.1 ASP的简介22.2 ASP的特点22.2.1 简易性22.2.2 语言相容性高22.2.3 隐密安全性高32.2.4 易于操控数据库32.2.5 ASP的六大内部对象32.3 静态网页和动态网页的工作原理32.3.1 静态网页的工作原理32.3.2 动态网页的工作原理3第3章 ASP的运行环境53.1 如何运行ASP程序53.2 安装IIS5第4章 数据库的选择74.1 数据库Access的简要介绍74.2 SQL Server数据库介绍7第5章 网站的详细设计85.1 数据库的设计85.1.1 数据库的搭建85.1.2 连接数据库85.2 页面设计95.2.1 界面设计95.3 关键代码设计135.3.1 用户登陆关键代码135.3.2数据库连接代码页面 conn.asp145.3.3 login.asp连接文件代码145.3.4页面相同基本信息代码页面 include.asp175.3.5图片显示功能模块代码185.3.6发表留言提交内容模块代码225.4 网站管理系统235.4.1完成站长对网站信息管理及更新的系统，包括以下几部分：235.4.2管理登陆24第6章 网站测试与维护276.1 IIS(Internet 信息服务)测试276.2 Dream weaver测试站点和用IIS测试本地站点276.3 维护27结束语28致谢29参考文献30石家庄外国语职业学院毕业论文第1章 前言1.1 问题的提出对于基于Web平台的个人网站系统，存在着一个前台应用和后台管理的问题。而无论前台还是后台，都要对数据库进行调用和操作。因此如何创建网络数据库，以及客户端如何调用服务器端的数据库成为实现个人网站的一个关键性问题。1.2 问题的解决在这里，我采用B/S模式来实现客户端对服务器端的调用，所谓B/S模式即浏览器/服务器模式，是一种从传统的二层C/S模式发展起来的新的网络结构模式。在B/S模式中，客户端运行浏览器软件。浏览器以超文本形式向Web服务器提出访问数据库的要求，Web服务器接受客户端请求后，将这个请求转化为SQL语法，并交给数据库服务器，数据库服务器得到请求后，验证其合法性，并进行数据处理，然后将处理后的结果返回给Web服务器，Web 服务器再一次将得到的所有结果进行转化，变成HTML文档形式，转发给客户端浏览器以友好的Web页面形式显示出来。而对于网络数据库的创建，则是利用ASP技术来解决。ASP（Active Server Pages动态网页）是微软公司推出的一种用以取代CGI（Common Gateway Interface通用网关接口）的技术。目前，Internet上的许多基于Windows平台的Web站点已开始应用ASP来替换CGI。 简单地讲，ASP是一个位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式Web服务器应用程序，如交互式动态网页，包括使用HTML表单收集和处理信息，上传与下载等等。第2章 准备知识ASP技术2.1 ASP的简介ASP（Active server pages）是一种类似HTML(Hypertext Markup Language超文本标识语言)、Script与CGI(Common GAteway Interface 通用网关接口)的结合体，但是其运行效率却比CGI更高、程序编制也比HTML更方便且更有灵活性，程序安全及保密性也比Script好。HTML(Hypertext Markup Language)是一种超文本标识语言，文件通过这种格式可以在互连网上载送浏览，用户只要使用网页浏览器工具就可以浏览这些文件，目前比较常用的工具包括Microsoft Internet Explorer,Netscape Communicator等，由于HTML文件都是由标签(tag)所组成，因此它比较适合制作静态网页，再者，由于先天上的限制HTML是无法直接存取数据库的，所以存取数据库的工作大多是依靠CGI来处理。ASP不但可以包含HTML标签，也可以直接存取数据库及使用无限扩充的ActiveX控件，因此在程序编制上要比HTML方便而且更富有灵活性。ASP以HTML为基础，主体还是HTML代码，只是在需要ASP动态产生的地方加入ASP代码。ASP的最终显示结果也是HTML代码，可准确控制ASP的输出结果。Script(脚本)是由一组可以在WEB服务器或客户端浏览器运行的命令组合而成，目前在网页编制上比较流行的脚本语言包括 VBScript,JavaScript。这些脚本大都是在客户端运行，因此，客户端可以很清楚的取得脚本的内容。所以，就安全性而言，这些客户端的脚本语言的确有危险。ASP虽然具有脚本语言的方便性，但由于他是在WEB服务器端运行，运行后再将运行结果以HTML格式传送至客户端的浏览器。因此ASP与一般的脚本语言相比，要安全的多。2.2 ASP的特点2.2.1 简易性只要使用一般的文书编辑程序任何开发工具皆可发展ASP，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express、FrontPage等也都可以编辑。2.2.2 语言相容性高ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java ScriptActive X服务器组件来设计外，还可经由“plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。2.2.3 隐密安全性高如果我们在浏览器中直接查看网页的原始代码，就只能看到HTML文件，原始的ASP程序代码是看不到的！这是因为ASP程序先于网站服务（Web Server）端执行后，将结果转换成标准HTML文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。2.2.4 易于操控数据库ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Access、Foxpro、dBase、Oracle等等，另外，ASP亦可将“文本文件”或是”Excel” 文件当成数据库用。2.2.5 ASP的六大内部对象Request、Response、ServerSession、Application、Object、Context 从客户端取得信息将信息送给Web服务器上，储存在一个Session内的用户信息，该信息仅可被该用户访问ASP-Application中让不同的客户端共享信息可以用来配合，Microsoft Transaction 服务器进行分布式事务处理，所以我选择了ASP结合Dreamweaver架构个人站点。2.3 静态网页和动态网页的工作原理2.3.1 静态网页的工作原理所谓静态网页，就是说该网页文件里没有程序代码，只有HTML标记，这种网页的扩展名一般是.htm或.html。静态网页一经制成，内容就不会在变化，不管何时何人访问，显示的都是同样的内容，如果要修改内容，就必须修改源文件，然后重新上传到服务器上。静态网页的工作原理如下。当在浏览器里输入一个网址回车后，或者在打开的网页中单击一个超链接后，就向服务器端提出一个浏览网页的请求。服务器端接到请求后，就会找到所要浏览的静态网页文件，然后发送给客户端。2.3.2 动态网页的工作原理所谓动态网页，就是说该网页文件不仅含有HTML标记，而且含有程序代码，这种网页的扩展名一般根据不同的程序设计语言而不同，如ASP文件的扩展名为.asp。动态网页能够根据不同的时间、不同的来访者而显示不同的内容。如常见的BBS、留言板、聊天室一般是用动态网页实现的。动态网页的工作原理与静态网页的比较类似，但是在服务器端有很大的不同。服务器端接到客户端发出的请求后，首先会找到所要浏览的动态网页文件，然后解释执行其中的程序代码，将含有程序代码的动态网页转化为标准的静态网页，然后将静态网页发送给客户端。第3章 ASP的运行环境3.1 如何运行ASP程序要正确运行ASP程序，服务器端要安装以下软件：1、 Windows98或Windows2000 Professional或Windows2000 Server或Windows2000 Advance Server或Windows XP Professional或更高版本，其中Windows2000系列需要安装Wervice Pack2.0；2、 IIS 5.0（Internet信息服务管理器5.0）或更高版本。如果Windows98，需要安装PWS4.0（个人Web鼓舞管理器4.0）。客户端只要是普通的浏览器即可，如Internet Exploer 5.0或更高版本。考虑到大部分人的实际情况，通常都是现在自己的计算机上编写调试好ASP程序后，然后再移植到专门的服务器上去的。那么再编写调试的时候，自己的计算机就既是服务器端，又是客户端，所以必须同时安装服务器端和客户端必需的软件。3.2 安装IIS如果是Windows 2000 Server或者Windows 2000 Advance Server或者Windows 2000 Server版本，一般一经自动安装了IIS。如果是Windows XP Professional版本，则需要自己安装IIS管理器，安装方法如下。一次选择【开始】【控制面板】【添加删除程序】命令，在【添加删除程序】对话框中选择【添加删除Windows组建】按钮，就会弹出“Windows组件向导：对话框。在其中选择”Internet信息服务（IIS）：，然后单击【下一步】按钮，随后根据提示插入Windows安装光盘，一步步安装即可。图1 iis安装界面 安装完毕后，在IE浏览器中输入http:/localhost，如果能显示IIS欢迎字样，就表示安装成功。安装成功后，依次选择【开始】【控制面板】【管理工具】【Internet 信息服务】命令，就会出现“Internet信息服务”窗口。在左侧依次选择“网站”和“默认网站”，右边显示的是文件夹“C：Inetputwwwroot”中的内容。该文件夹是默认的WWW主目录，是IIS安装过程中自动生成的，一般情况下，我们制作的网页文件都可以存放在该文件夹的子文件夹中。第4章 数据库的选择4.1 数据库Access的简要介绍Microsoft Access是一种桌面数据库，在处理少量数据和单机访问的数据库时是很好的，效率也很高。它的同时访问客户端不能多于4个。Microsoft Access数据库有一定的极限，如果数据达到100M左右，很容易造成服务器IIS假死，或者消耗掉服务器的内存导致服务器崩溃。Access数据库是集成在microsoft公司开发的产品更新换代office系统中的集成软件。Access是一个数据库管理系统，它之所以被集成到Office中而不是Visual Studio中，是因为它与其它的数据库管理系统（如Visual FoxPro）相比更加简单易学，一个普通的计算机用户即可掌握并使用它。而且最重要的一点是，Access的功能足够强大，足以应付一般的数据管理及处理需要。4.2 SQL Server数据库介绍Microsoft SQL Server是基于服务器端的中型的数据库，可以适合大容量数据的应用，在功能上管理上也要比Microsoft Access要强得多。在处理海量数据的效率，后台开发的灵活性，可扩展性等方面强大。因为现在数据库都使用标准的SQL语言对数据库进行管理，所以如果是标准SQL语言，两者基本上都可以通用的。Microsoft SQL Server还有更多的扩展，可以用存储过程，数据库大小无极限限制。ODBC（Open Database Connectivity开放式数据库互联）是微软推出的一种工业标准，一种开放的独立于厂商的API应用程序接口，可以跨平台访问各种个人计算机、小型机以及主机系统。ODBC作为一个工业标准，绝大多数数据库厂商、大多数应用软件和工具软件厂商都为自己的产品提供了ODBC接口或提供了ODBC支持，这其中就包括常用的SQL SERVER、Access、ORACAL、INFORMIX等。ASP访问数据库的几种方式：在ASP脚本中可以通过三种方式访问数据库：1. IDC（Internet Database Connector）方式;2. ADO（ActiveX Data Objects）方式;3. RDS（Remote Data Service）方式;这三种访问方式对数据库的访问是由Internet Information Server来完成的。Web浏览器用HTTP协议向Internet信息服务器（IIS）递交请求。Internet信息服务器执行访问数据库的操作，并以一个HTML格式的文档作为回答。第5章 网站的详细设计5.1 数据库的设计5.1.1 数据库的搭建使用Access2000 实现关系型数据库，用户管理登记表Admin存储了系统用户和普通用户的信息，包括：姓名，昵称，验证码等。留言本档案表Book存储了用户的档案包括：留言者名字、留言者QQ、留言内容，留言时间，回复留言，留言头像，留言者地址。还有歌曲基本信息表 、音乐分类表 、日记基本信息表、日记分类表 、相册分类表等。以上数据表均为Access类型的库文件。5.1.2 连接数据库用ASP把程序和数据库连接起来，以后就可以连接到数据库、在ASP中显示数据库中的数据以及更复杂的插入、修改和删除。以下代码，这就是ASP程序中常用的连接数据库的代码：完成这些之后结束ASP程序图2 编辑数据库界面 图3 主数据库界面 5.2 页面设计5.2.1 界面设计相册相册是一个个人相片和精彩图片展示的地方，在相册中，可以了解到我的个人性格特点和我喜欢的图片。1、 功能利用ASP对象语句显示图片，让访问者可以看见所有图片的缩略图，同时每个图片都有快照功能，可以浏览图片的全图。2、 组成结构相册结果显示页面程序文件 photoshow.asp，用来显示所有图片，同时还具备图片的分类功能和图片单个浏览功能。站长基本信息显示页面程序文件 include.asp，数据库连接页面 程序文件conn.asp图4 相册界面 日志日志是一个记录个人日志和精品收藏文章的地方，供给大家一起分享。1、 功能利用ASP对象语句分类显示日志和文章记录，让大家轻松的浏览到最新的日志和文章。2、组成结构日志和文章显示页面 程序文件articleshow.asp，可以显示所有日志和文章，同时还具备显示不同子类日志和文章站长基本信息显示页面程序文件 include .asp，数据库连接页面程序文件 conn.asp图5 日记编辑界面 图6 文章编辑界面 影音收藏影音收藏是一个音乐收藏和视频收藏欣赏的地方。1、 功能利用ASP对象语句来显示歌曲曲目、演唱人和在线播放功能。2、 组成结构歌曲显示播放页面 程序文件play.asp，可以完成曲目的显示和播放功能的页面。站长基本信息显示页面程序文件 include.asp，数据库连接页面程序文件 conn.asp图7 音乐添加界面 图8 影辑编辑界面 留言板留言板是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论，和大家进行很好的沟通。1、 功能利用SQL语法过滤特定的用户留言意见，让站长可以针对某位特定用户所发表的意见作出独立的回答，同时，用户在发表个人意见时，若认为意见内容涉及敏感的话题或是意见内容涉及私人隐私，都可用“悄悄话”的方式发言，这些“悄悄话”将不会被显示出来 让大家看到，当然，站长拥有管理的能力，只要以密码登录管理模式，就可以进行各个用户的单独意见回复，而且还能看到用户所留下的“悄悄话。2、 组成结构意见留言结果网页程序文件gbook.asp，用来显示用户发言与站长回复内容，同时还具备查看留言和发表留言两个功能。站长基本信息显示页面程序文件 include.asp，数据库连接页面程序文件 conn.asp图9 留言管理界面 5.3 关键代码设计5.3.1 用户登陆关键代码if (Convert.ToInt32(DBManager.executeGetReturn(strSql) 0) /用户名存在，进行密码验证 strSql = select count(*) from userlogin where username = + loginname + and userpassword = + loginpassword + ; if (Convert.ToInt32(DBManager.executeGetReturn(strSql) 0) /if (Convert.ToInt32(DBManager.executeGetReturn(strSql) 0) /用户密码正确，运行登录 /加入Session strSql = select usertype from userlogin where username = + loginname + and userpassword = + loginpassword + ; string usertype=DBManager.executeGetReturn(strSql); SessionuserName=this.username.Text;/我们将用户名保存入Session中。 Sessionusertype = usertype; Response.Redirect(这里输入你要跳转到的页面譬如“index.aspx”); else /用户名正确，但密码不正确 showlabel.Text = 对不起，你输入的密码不正确; password.Text = ; password.Focus(); else / 用户名不正确, showlabel.Text = 对不起，你所输入的用户名不正确。; username.Text = ; password.Text = ; 图10 登陆界面 5.3.2数据库连接代码页面 conn.asp 5.3.3 login.asp连接文件代码 %checkuser=request(checkuser) if checkuser=登录 then 如果点击了登录按钮那么检索用户 set rs=conn.execute(select fno from user where fno=&request(fno)& and fpass=&request(fpass)&) if rs.bof and rs.eof then response.write(alert(对不起，您输入的用户明或密码有误);history.back(-1);) else session(fno)=request(fno) 比如用户输入的登录名和密码正确，则记录其已经登陆，我用了session方法，当然你也可以使用cookies方法来标记登陆的用户 response.write(alert(您好，&session(fno)&，欢迎您登陆!);location.href=这里写登陆用户要跳到的叶面;) end if end if checkuser= % 登录名: 登陆密码： 好了，到这里数据库的连接、输入登陆者信息、登陆信息的验证以及登陆后叶面的跳转都做好了Top selpage= trim(Request(garden) if selpage= then call abc() else call cde() end if sub abc() 用户名： 密  码： end sub sub cde() dim name,paswd,Messagetext,tmpvar name=trim(Request(username) paswd=trim(Request(userpswd) tmpvar= if name= or paswd= then Messagetext=请输入用户名和密码登录！ Message_Box(Messagetext) end if set conn = Server.CreateObject(ADODB.connection) DBPath=Server.MapPath(agr.mdb) conn.OpenDriver=Microsoft Access Driver (*.mdb);DBQ=&DBPath SQLcmd=Select * From user Where fno=&name& and fpass=&paswd& Set rs = conn.Execute(SQLcmd) if rs.bof() and rs.eof() then Messagetext=用户没注册活密码不对！ Message_Box(Messagetext) else tmpvar=rs(fno) end if if tmpvar= then Messagetext=未知错误！ Message_Box(Messagetext) end if session(ynlogin)= true Messagetext=用户&tmpvar&已经成功登录！ Message_Box(Messagetext) end sub function Message_Box(text) Response.write Response.write alert(&text&); Response.write history.go(-1); Response.write Response.end end function 图11 后台首页界面 图12 login界面 5.3.4页面相同基本信息代码页面 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_WebSiteUrl)W_StatMastName=oRs(W_StatMastName)W_StatMastEmail=oars(W_StatMastEmail)W_StatMastQQ=orbs(W_StatMastQQ)W_WebSiteKeyword=oRs(W_WebSiteKeyword)W_WebSiteIntr=oRs(W_WebSiteIntr)W_WebSiteCopyInfo=oRs(W_WebSiteCopyInfo)isBook=oRs(W_DownCataShowClose)End IfoRs.CloseIf W_WebsiteAppe=False ThenResponse.Write Response.Write W_SuppExplResponse.Write Response.EndEnd IfDim WebTitle,WebNameWebName=W_WebSiteName&-&W_WebSiteUrlWebTitle=%5.3.5图片显示功能模块代码 %id=RequestQueryNum(id)If id0 ThenSet rs=conn.execute(Select * From photo Where id=& id &)If rs.bof And rs.eof ThenResponse.Write param error!Response.EndEnd IfIf Not rs.eof ThenstrTitle=rs(title)cid=rs(categoryid)strImg=400) this.height=400;/strContent=rs(content)End IfSet rs=conn.Execute(Select top 1 id from photo Where id & id & and categoryid=& cid & order by id desc)If rs.bof And rs.eof ThenlinkNext=ElselinkNext=End IfSet rs=conn.Execute(Select top 1 id from photo Where id & id & and categoryid=& cid & order by id asc)If rs.bof And rs.eof ThenlinkPre=ElselinkPre=End IfEnd If%作品展示meta name=keywords content=body background: url(images/bg.jpg);top.window.moveTo(0,0);if (document.all) top.window.resizeTo(screen.availWidth,screen.availHeight);else if (document.layers|document.getElementById) if (top.window.outerHeightscreen.availHeight|top.window.outerWidthscreen.availWidth)top.window.outerHeight = screen.availHeight;top.window.outerWidth = screen.availWidth;  writeflashhtml(_swf=images/29.swf, _width=800, _height=600 ,_wmode=transparent); 说明：   a href=photoClass.asp?cid= 图13 图片浏览界