个人网站设计(毕业设计论文)

个人网站设(毕业设计论)

随着经济社会的发展，计算机已被应用到社会生活的各个领域。与此同时，互联网作为信息技术的通信桥梁连接着全球的计算机网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在上表现出其及其重要的地位并发挥着其及其重要的作用无论是在国内还是国外都得以迅速的发展和壮大并被人们重视和关注互联网已经彻底的改变了世界互联网的世界里蕴藏着无限的可能，在这种情况下，各行各业及其个人、单位、工厂、企事业等等在网上构筑属于自己的网络信息平台护自己的网络资源并在互联网上开辟自己的市场和消费群体及构造自己的数字化世界和加强全球范围内不同地域的人们联系交流等等活动也就显的日益重要是各种各样的网站便如雨后春笋般地出现鱼龙混杂且良莠不齐Internet的日益兴起和以网页为载体的网络信息的广泛传播和应用使得网站的建设及网页制作得到发展的空间大至大型企业的产品推销、售后服务、解决方案，小至个人Web页面开发，形形色色，五彩缤纷，网站建设和网页制作也成为计算机网络领域最热门的话题。论文论述了系统的开发背景和设计目标对系统开发所采用的技术进行相应的简单介绍在系统分析中对系统的模型进行简单分析明确系统的操作流程并对系统进行可行性分析确定在目前的条件下开发留言板信息管理系统是可行的在需求分析结果的基础上对系统的功能模块进行划分接着对系统中的数据库进行模型设计包括数据流图实体联系图及数据表结构本文以个人网站建设为例，系统介绍网站的需求、系统分析及设计方案，最终并给ASP技术实现网站的过程。关键词：

留言板；互联网；日志I

个人网站设(毕业设计论)ABSTRACTWithsocialcomputerhasbeenappliedfieldsofsocialAtasabridgebetweeninformationglobalcomputerinformationthethemainformofalsomajorcarrierofInternettheimportanttoplayitsimportantWhetherhomeabroad,topeople'sattentionconcern.Thecompletelythemight,case,tradesoffactories,ontheirnetworkinformationplatform,theirnetworkresourcesopenuptheirmarketsconsumerstructuretheirdigitalworldandtheexchangeofareassopeoplecontactwerealsoimportant.Soavarietyofhavesprungmixed.increasingofinformationdisseminationmakingWebpagesproducedbytheconstructiondevelopmentofrangingfromservice,pagediverse,developmentwebofcomputerhashottestinfield.Inpaper,personalforexample,thedescribesthesiterequirements,systemsanalysisfinalprocessofASPtechnologycolorful,developmentofnetworksbecomethehottesttopicthefield.Thediscussestheofdevelopmentoftheoftarget,andtheteckniquewhichusedtodevelopofsystem,thesimpletheofsystem,sureprocessoftheproceedtheanalysethesystem,ensurethatunderthedevelopingMessageBoardinformationsystemisAtfoundationofrequirementwiththeanalyseproceedingtheprovidingthefunctionofthedesigningthedatabasetheflowdiagram,dataInbuildingpersonalanexample,thethesystemsanalysisandgivesfinalprocessofASPtechnologysite.Keywords:；；logII

个人网站设(毕业设计论)目

录摘

要IABSTRACTII第一章文献综述11.1课研究现状分析.1.2个网站的研究工作1.3已取得的研究成果1.4选题的目的及意义21.5课研究的主要内容第二章设计部分42.1设计的愿望2.2设计的背景2.3达的预期成果2.4使用工具的简要介绍2.5任概述.2.7数库结构设计13第三章结果与讨论173.1个简介版块173.2我论坛版块173.3个专题版块213.4我相册版块233.5网说明版块233.6给留言版块243.7发邮件版块263.8链百度版块273.9女花园版块283.10讨论第四章总结30参考文献31致

谢32III

武汉工程大学本科毕业（设计）论文第章

文综互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。他们钻研并且努力进入到这一个新的空间，新的领域。以个人为中心，淡化了传统中心地位使得我们的世界向多元化加速发展人人都有话语权人人都是中心。互联网是一个互动性极强的平台，它自由、宽容、平等、共享，并使来自民间的声音参与到了构建主流话语的行动中来。计算机技术的发展，特别是网络技术的飞速发展，给文档的保存和管理提供极大的方[1]

。本论文中，将软件工程的基本原理和方法应用到整个网站系统，并对其进行需求分析，提出了解决问题的具体方法。在具体制作中，用技术来实现统，术与数据库技术结合，用户在浏览器端可以随意查询自己需要的标本，这样提高了网页的互动性，使整个系统能更好的为用户服务。Internet飞速发展使得网站不再仅仅为企业或公司等大型结构所拥有互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，一个家庭甚至个人都可以拥有属于自己的网站，而在这其中，个人网站已经日渐普及，而且发展到今天，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。1.1课题研现状分析伴随着社会的发展和科学的进步，上网成为越来越多人们的选择。随着互联网的飞速发展，有关网络的技术也层出不[2]

。如今互联网上的个人网站如雨后春笋般蓬勃发展，绚丽多彩的主页比比皆是。每个人都有发挥个人才能，挥洒自己个性的网上伊甸园。在hao123神话以后网站大全类网站又再一次达到顶峰然而这个模式拷贝成功的网站却寥寥无几。而对于技术薄弱的个人网站来说，似乎网址类网站应该是一个很好的切入点。但是由于搜索的异军突起，网址类网站似乎变得可有可无。网页实际是一个文件存放在世界某个角落的某一台计算机中而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序网页文件会被传送到你的计算机后再通过浏览器解释网页的内容再展示到你的眼前文字与图片是构成一个网页的两个最基本的元素可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还1

武汉工程大学本科毕业（设计）论文包括动画、音乐、程序等等页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏缆器则对这些标记进行解释并生成页面。1.2个人网的研究工作1．理论研究基础个人网站是由个别提供的一套集博客、文章、相册、日程、通讯录、链接、调查、留言板等诸多功能于一体的网络平台。个人网站的自由、开放精神使之更容易操作更具个性需求，而不需要高深的技术3]。它可以帮助个人进行全面的信息化，以多种形式达到对信息获取、组织、思考、表达、共享和交流的目的。以个人为中心，建立一个完全属于自己的可定制的个性化网络平台来自文章的评论留言板都可以很好的进行交流倾听别人的声音。2．技术层面的支持随着互联网的进一步发展与成熟，网络的带宽进一步加阔，网络应用也越来越广泛。网页制作更是日新月异层出不穷涌现了很多琳琅满目的网站使得整个互联网多姿多彩。在进行动态网页制作的时候通常都是使用来完成由于ASP使用方便操作简单，很多网页设计者一直使ASP。ASP集成在HTML和脚本语言中，其工作界面简单，因此，ASP相对于其他网页制作软件来说，易学易用，是网页制作初学者的入门软件。同时配合数据库的操作，使个人网站具有更好的网络平台和交互性。1.3已经取的研究成果中国互联网在近几年发展迅猛一方面产生了一批依赖技术领先的互联网公司取得了成功；另一方面，互联网技术逐渐走向普及，使得行业进入门槛正在降[4]

。目前中国网站总数已经近百万在这里面出现了大量的个人网站并且个人网站存在着巨大的业价值如果能以强大的号召力把互补的个人网站联合起来不知道可以成立多少个门户网站。我们有理由相信，个人网站还极具潜力。1.4题的目及意义随着Internet的迅速普及，我们已经不再满足于仅仅浏览网页，而是希望更深入地2

武汉工程大学本科毕业（设计）论文参预到网络中去，Internet的开放性使个人建立自己的网站成为可能，拥有自己的网站也越来越成为一种时尚创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。我们更需要交流相信交流能够促进我们不断的进步并融合别人的长处让我们多一些渠道倾听来自不同立场的声音设想我们的网络当每个人都拥有个人网页不管是否在线我们都可以跨越时间间进行交流因为这个网页中拥有我所有的一切活，见解，知识，思想；理想的状态是个人门户就是每个人的影子为每个人打点网络的一切，很多志同道合的朋友会在这里和你相识相知。1.5课题研的主要内容互联网是社会发展的必然趋势人已经意识到网络的强大生命力和它在未来将处于的重要地位[们钻研并且努力进入到这一个新的空间新的领域中包括你和我。在我们的工作日常生活中能够拥有一个自己的网站一个已经成为不少人的希望和骄傲这个课题的研究为是个人网站以我只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。3

武汉工程大学本科毕业（设计）论文第章设部“个人网站要发展要么是从我的需求出发要么是从我周围人的需求出发”国内著名个人网站站长手机之家站长高春辉说页设计是一门新兴的设计类和网络的交叉学科，近几年随着网络的发展而逐渐收到人们的重视，它本身以网络为载体把各种信息以最快捷便的方式传达给大众网站项目的确立是建立在各种各样的需求上面的，这是个人网站所以这种需求往往来自于个人的实际需求其中每个人的实际需求占了绝大部分[6]

。因此如何更好地的了解、分析、明确需求，并且能够准确、清晰以文档的形式表达出来，保证开发过程按照个人需求为目的正确项目开发方向进行。2.1计的愿在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道它在人们政治经济生活等各个方面发挥着重要的作用因此网站建设在应用上的地位显而易见已成为个人府事业单位信息化建设中的重要组成部分，从而倍受人们的重视[7]。越来越多的人希望能真正参预到互联网上出现了越来越多的个人网站的设计以及推广的工作和任务。就我个人而言所以在毕业设计的时候选择这个课题是因为我也想拥有自己的个人网站在互联网上拥有自己的一席之地从而真正的参与到网络中去做网络新时代的主人同时也希望自己喜欢和收藏的一些东西能够和网络一起分享互联网上的你一起分享。我所制作的个人网站大体可分为以下几个功能：1．搜索引擎：根据浏览者的要求，使用主页上的搜索引擎链接到百度，在整个上进行搜索，完成信息的优化与提取。2．论坛：主要功能是网友和网站之间的交流平台也是网友给版主提出意见的主要渠道论坛中用户可以发表意见这些意见可以让所有人看到也可以只让版主看到版主和其他人可以针对留言的内容进行回复只留给版主的留言只有版主能够回复且版主可以登录后台对留言进行管理，是否发表或删除。4

武汉工程大学本科毕业（设计）论文3．发送电子邮件：网友可以通过“联系我”利用outlook向版主或其他人发送电子邮件。4．精品收藏：在其中展示我喜爱的东西包括电影歌曲和一些优美的文章。奇文共欣赏疑义相与析我只想起到抛砖引玉的作用让大家从中认识我和了解我让一些美好的东西我们大家共同来欣赏我增加了管理权限管理员的身份可以对加入的新内容进行管理，即允许加入和对其进行删除。5．留言板：是一个我与大家谈心交流的地方留言板中们可以畅所欲言大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。2.2计的背2.2.1计介绍这次我所设计的课题正是互联网与个人生活之间的紧密联系的体现，个人的宣传网站，包括个人简介、论坛、个人照片、个人专题等。在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。2.2.2户特征用户人群：具有基本的计算机操作能力，熟知网络并能够在遨游。2.2.3行环境软件平台需要服务器上的操作系统为microsoftwindowsxp。因为ASP的开发平台首选是WindowsNT2000Server)的IIS，然后是WindowsNTWorkstation(Windows2000Profession)或Windows95/98的Web，同样现在的浏览器是微软一家独大，使用的浏览器是微软的explorer，网站的数据库使用了同样是microsoft的officeaccess数据库，因为一个数据不是很庞大的个人网站没有必要使用oracle等大型数据库系统时数据库结构比较的简单用起来比较简单好用。5

武汉工程大学本科毕业（设计）论文2.2.4术语说明：开放式数据库互连[8]Portal：个人网页Processing:数据处理processing:事务处理2000：数据库ASP：活动服务器网页：超文本标志语言2.3达到的期成果在明确了我的个人网站的风格和定位后网站的材料组织以及网站的页面设计和数据库设计。网站最后完成发不到网上后，能够充分吸引浏览者的目光，利用搜索引擎，浏览者可以在网站内搜索自己喜欢的资料并且可以在留言板和大家交流在后台管理页面中通过身份认证管理员可以对网站信息进行管理站内的其它页面均是我自己的精心收藏，与大家一起分享。2.4用工具简要介绍2.4.1IIS的简要介绍IIS是Internet缩写，它是微软公司主推的服务器，最新的版本是Windows2000里面包含的IIS5.0，IIS与WindowNTServer完全集成在起，因而用户能够利用WindowsServer和NTFS（NTFileSystem，NT的文件系统）内置的安全特性，建立强大、灵活而安全的InternetIntranet站点。IIS的一个重特性是支持ASP

[9]

IIS3.0版本以后引入了ASP可以很容易的张贴动态内容和开发基于Web的应用程序。IIS的安装步骤：(1)点击始】->【设置】->【控制面板】【添加/删除程序打开“添加/删除程序”对话框。(2)点击左边菜单栏中“添加删除Windows组件”项，打开Windows组件向导”对话框（这个过程可能要花几十秒钟对话框“组件”列表中，选中Internet息服6

武汉工程大学本科毕业（设计）论文务（IIS。(3)将“Windows”安装盘放入光驱中，然后点击“下一步个步骤可能会花几分钟。(4)点击“完成”按钮，完成IIS的安装。2.4.2数据库Access的简介绍数据库是集成在Microsoft公司开发的产品更新换Office统中的集成软件[10]

。Access是一个数据库管理系统，它之所以被集成到中而不是Studio中，是因为它与其它的数据库管理系统（如VisualFoxPro相比更加简单易学，一个普通的计算机用户即可掌握并使用它。而且最重要的一点是，的功能足够强大，足以应付一般的数据管理及处理需要。ODBC（OpenDatabaseConnectivity开放式数据库互联）是微软推出的一种工业标准一种开放的独立于厂商的应用程序接口可以跨平台访问各种个人计算机小型机以及主机系统[11]

。ODBC作为一个工业标准，绝大多数数据库厂商、大多数应用软件和工具软件厂商都为自己的产品提供了ODBC接口或提供了支持中就包括常用的SQLSERVER、ORACAL、INFORMIX等，当然也包括了。ASP访问数据库的几种方式：在ASP脚本中可以通过三种方式访问数据库：IDC（InternetDatabaseConnector）方式；ADO（ActiveXDataObjects）方式；RDS（RemoteDataService）方式；这三种访问方式对数据库的访问是由InternetInformationServer完成的。Web浏览器用HTTP协议向Internet信息服务器（IIS）递交请求Internet息服务器执行访问数据库的操作，并以一个HTML格式的文档作为回答

。在本程序中我使用的是第二种方式，即ADO方式。2.4.3的组件绍我们服务器运Web应用程序进行的最常见和最实用的任务就是访问服务器端的数据库内建的组件使得我们能够轻而易举地通过ActiexXDataObjects(ADO)访问存储在服务器端的数据库或其他表格化数据结构中的信息。7

武汉工程大学本科毕业（设计）论文ADO是对当前微软所支持的数据库进行操作的最有效和最简单直接的方法它是一种功能强大的数据访问编程模式，从而使得大部分数据源可编程的属性得以直接扩展到ActiveServer页面上[可以使用ADO去编写紧凑简明的脚本便连接到OpenDataseConnetivity(ODBC)兼容的数据库和OLEDB兼容的数据源这样ASP程序员就可以访问任何与ODBC兼容的数据库，包括MSSQLSERVERAvccess,Ovracle等。如果您是一个对数据库连接有一定了解的脚本编写人员发现命令语句并不复杂而且容易掌握，同样地，如果您是一个经验丰富的数据库编程人员，将会正确认识ADO的先进的与语言无关性和查询处理功能数据库编程的朋友会发现与RDO有某中类似的地方。但是据说ADO的访问的速度更快内存需要更小。2.4.4创建Access数据库绍用MicrosoftAccess来创建数据库，最简单的是通过它提供的的一个“向导在启动这个软件以后，建立数据库文件的操作。下面是我利用“向导”来创建一份数据库文件的具体操作步骤：选择Access数据库向导、数据页和项目”单选按扭，然后单击“确定”按钮，若选择MicrosoftAccess对话框中的“Access数据库”单选项按钮，就会建立一个空的数据库了数据库里面的信息需要手工来添加若选“打开已有文件”单选按钮则可以从下方的列表中选择打开已经存在的数据库。在弹出的“新建”对话框中，我们可以选择一个模板来快速建立数据库，我们就先选择个“定单管理”看看，然后单击“确定”按扭。

“文件新建数据库对话框的功能是指定数据文件名以及保存它的文件夹。我们就以它的初始文件名“定单入口1”吧，单击“创建”安扭后，新建的数据库文件就将被指定保存到MicrosoftAccess默认的文件夹下了，或我们给它指定一个新的也行，这样一来，一份新的数据库就建立好了，屏幕上也将显示“数据库向导”对话框。“下一步”按钮。以上“数据库向导”对话框分为左右两部分，左边的窗口是用来选择“数据库中的表边的窗口是用来选“表中的字段择好所需要的数据库中的表和表中的字段之后，就单击下一步按钮。以数据库向导话框是用来确定屏幕的显示样式们就采用标准样式吧，8

武汉工程大学本科毕业（设计）论文单击下一步按钮。以上“数据库向导”对话框是用来确定打印报表的样式的，我们可以选择如“组织”样式，然后单击下一步按钮。以“数据库向导话框的作用是确定数据库的标题和是否在所有报表上加一幅图片我们就先设定数据库的标题“定单入口不在所有报表上加图片，然后单击下一步按钮。单击以“据库向导对话框“完成按钮就完成了创建数据库的工作了。象这个数据库在使用之前还会弹出“我的公司信息”对话框，当然的模板是不相同的象这个就是要求输入公司的名称和地址信息如下图所示关闭这个对话框，系统将自动保存信息。关闭“我的公司信息”对话框后，会弹出“主切换面板”对话框。位于“主切换面板”对话框后面的是“定单入1”窗体，通过这两个窗体即可对新创建的数据库进行各种操作了。无论什么时候使用“数据库向导”新建数据库，Access都将自动新建一个切换面板，这个面板对浏览数据库都是很有帮助的换面板”中有一些按钮，单击它们可以打开相应的窗体和报表，或打开其他窗体和报表的切换面板、退出MicrosoftAccess或自定义切换面。2.4.5对ASP的简要介绍ActiveServerPages（ASP是服务器端脚本编写环境使用它可以创建和运行动态、交互的Web服务器应用程序。使用ASP可以组合HTML页VBScript脚本命令和JavaScript脚本命令等，以创建交互的Web页和基于Web的功能强大的应用程序[由于脚本程序是在服务器上而不是在客户端运行，传送到浏览器上的Web页是在Web服务器上生成的所以不必担心浏览器能否处理脚本Web务器已经完成了所有脚本的处理并将标准的HTML页面传输到浏览器由于只有脚本的结果返回到浏览器所以服务器端脚本不易被别人复制。用户看不到创建他们正在浏览的页的脚本命令。ASP的运行环境：ASP只能用于下列WebServer•IIS•MicrosoftPersonalWebServerASP的编程语言：ASP可以使用VBScript和JavaScript进行程序编写。9

武汉工程大学本科毕业（设计）论文ASP文件ASP的文件后缀名为.ASP，以区别于同样可以包ScriptHTML文件。一个.ASP文件是一个文本文件，可以包括下列元素的任意组合：•文本（text）•HTML标志（tags）•Script命令ASP：不需要任何HTML的tag,保存在文件中，起个好听的名字，文件名的后缀定要改为.ASP然后上传到服务器上

一个有执行权的目录下（例如wwwroot接下来的问题是，怎么执行这个程序。2.4.6ASP访问数据库原理是服务器端的脚本执行环境用来产生和执行动态的高性能的WEB服务器程序。当用户使用浏览器请求ASP主页时，WEB务器响应，调用ASP引擎来执行ASP文件，并解释其中的脚本语言（javascript或vbscript过ODBC连接数据库，由数据库访问组件（activedataobjects）完成数据库操作，最后成包含有数据查询结果的HTML主页返回用户端显示[2.5任务概随着计算机的普及和网络技术的迅速发展也越来越依赖于计算机和网络此，网络安全应该也必须引起注意。网络安全是一门涉及计算机、网络、通讯、密码、信息安全、应用数学、数论、信息论等多种学科的综合性学科，涉及面极广，而且不断更新和发展。国家对信息产业的扶持国内的网络状况逐渐好转，更多的服务器的开通，更快的宽带网得逐渐普及，各种各样的攻击行为在网上也越来越频繁化和简单化。微软在推出ASP时提到的ASP的一个好处是：ActiveServerPages的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。然而由于NT、IIS及ASP系统本身存在的一些漏洞却可能使ASP源码暴露无遗，解决方法就是及时更新补丁。该个人网站系统是基于Internet/Intranet及Web技术以Browser/Server为结构模式以数据库为后台核心应用以服务为目的信息平台对资源进行科学的加工整序和管理维护为用户提供个人信息保障和直接参预到互联网上而设计的系统括界面设计,代码设,这一阶段偏于网页制作工具和技巧的应用编写总系统总体功能分析10

武汉工程大学本科毕业（设计）论文及架构图。个人简介：介绍版主的一些基本信息，希望各位访客能够认识版主。我的论坛：此版块又分为主页发表意见回复意见、显示论坛内容版主后台管理以及版主的回复界面其中发表意见界面是所有访客都可以在论坛里面发表自己的意见这些意见以是发表给所有的访客也可以是只发表给版主如果只发表给版主只有版主可以看到和回复回复意见是所有访客针对自己感兴趣的话题进行回复这些发表的意见和回复以在显示论坛内容的界面都显示出来供大家讨论些只有版主才能看到的信息在版主的管理界面这个界面需要登录设有用户名和密码在这里版主可以对所有评论进行发表或删除的管理。登录管理员

管理评论用户

发表图论坛功能图个人专题：这里收录了我平时搜集的一些文章和音乐，各位访客可以根据自己的喜好进行阅览。我的相册：在这个板块可以看到我的照片级照片和搜集的校园照片果大家喜欢可以收藏。更改照片的时候只要更新数据库就可以了。网站说明：里面是我对整个网站的介绍，不太清楚网站构架的访客可以先到这里。给我留言：11

武汉工程大学本科毕业（设计）论文这是每位访客针对我的网站情况给我留言这些留言会直接保存到数据库里面并且能够轻松的读取。显示留言用户

发表图2.2留板功能图发送邮件：各位访客可以通过outlook向版主或者其他人发送电子邮件。链接百度：如果访客想在互联网上查找东西，可以直接点击这里。女生花园：收集了一些女生喜欢的东西，如果你是女生，可以进来看看。12

武汉工程大学本科毕业（设计）论文个人简介

文学欣赏个人专题

我的照片链接百度

快乐音乐我的相册

我的班级网站说明

可爱衣服女生花园

美丽校园可爱饰品网友给我留言我的论坛发送邮件图网站的各个模块2.7数据库构设计2.7.1论坛管理登录表2.1管理员登录字段名称

数据类型

字段大小

允许空

说明id

自动编号文本文本

长整型

否否否

无无无1．表的说明此表是用来论坛管理员登录的，共分为三个字段，其中字段设为主键，数据类型是自动编号，user和pwd字段分别用来存放管理员的登录名和密码，数据类型文本。2．限制条件在论坛管理员登录时，只有正确输入此表中的用户名和密码才能够登录到管理界面，才有权对论坛里面的内容进行删除，否则只能在界面出发表评论。13

武汉工程大学本科毕业（设计）论文2.7.2坛发言表论坛发言表字段名称idtimesexurlcolorsysoppicmsagetxtip

数据类型自动编号日期/时间文本文本备注文本备注文本文本文本文本文本备注文本日期/时间

字段大小长整型

允许空是是是是是是是是是是是是是是

说明自动编号留言时间姓名性別个人网站留言颜色电子邮件给版主表情图示MSN留言內容留言位置回应时间1．表的说明此表是用来记录访客基本信息以及发表评论内容的共有十五个字段这里只给出了七个字段，其中id字段设为主键，数据类型是自动编号，字段数据类型是日期/时间其余为文本或者备注个在论坛里发表评论的访客的基本信息和评论内容都可以保存在此表中，便于显示调用。2．限制条件没有在论坛中正确填入自己的基本信息，就会导致登录失败，表中不会保存此内容。2.7.3坛回复表1．表的说明此表用来存放访客针对论坛里面的内容所做的回复内容，各字段的内容同论坛发言表每个在论坛里回复评论的访客的基本信息和评论内容都可以保存在此表中于显示调用。2．限制条件没有在论坛中正确填入自己的基本信息导致回复失败中也不会保存此内容。14

武汉工程大学本科毕业（设计）论文表论坛回复表字段名称idtimesexurlcolorpicmsagetxtipad

数据类型数字自动编号日期/时间文本文本备注文本备注文本文本文本文本备注文本文本

字段大小长整型长整型

允许空是是是是是是是是是是是是

说明无自动编号留言时间姓名性別个人网站留言颜色电子邮件给版主MSN留言內容留言位置无2.7.4坛显示评1．表的说明此表用来存放显示评论及回复的内容，共有十三个字段，其中字段设为主键，数据类型为自动编号，其余为数字、文本或备注。存放发布评论时的一些基本设置。2．限制条件根据你发表评论时提交不同的设置会有相应的内容存储到数据库中便于显示不同的设置要求，如留言颜色和表情图示可以根据你不同的选择显示不同的颜色和图片。表论坛显示评论表字段名称idshowcookiesHTMLallurlbgproperties

数据类型自动编号自动编号日期/时间文本文本数字备注文本备注文本文本

字段大小长整型长整型

允许空是是是是是是是是否

说明自动编号自动编号留言时间姓名性別计数器个人网站留言颜色电子邮件给版主15

武汉工程大学本科毕业（设计）论文2.7.5图片存放表2.5图存放路径表字段名称

数据类型

字段大小

允许

说明空编号

自动编号

长整型

自动编号图片编号

数字

长整型

图片编号图片路径

文本

否

图片路径1．表的说明此表用来存放我的照片版块的照片共有三个字段没有主键的设置数据类型分别为自动编号，数字、文本。2．限制条件增加或删除照片的时候只能在库里进行照片路径的管理。2.7.6留言板1．表的说明此表用来存放给我留言版块的留言人留言标题以及留言内容共有四个字段其中id字段设置为主键，数据类型为自动编号，其余三个字段的数据类型均为文本。留言者提交留言内容以后就会存储到此表中再通过连接数据库调用此表显示每个留言内容2．限制条件没有后台限制，想留言的任何访客都可以在此留言板中留言，并且能够显示出来。表留言表字段名称

数据类

字段大小

允许空

说明型id

自动编

长整型

自动编号

号

文本

否

留言姓名title

文本

否

留言标题body

备注

否

留言内容16

武汉工程大学本科毕业（设计）论文第章结与论3.1个人简版块本模块是个人简介部分，每个个人网站都会有作者介绍。在这个模块访客会了解到作者的一些基本信息，这里以我女朋友为主题制作的个人网站，大致界面内容如图3.1所示。图3.1个简介此版块采用了静态网页设计最大的亮点就是利用了一个图片特效产生的效果图片以溶解的方式渐渐出现，图片代码如下所示：<imgsrc="images/pic/00.jpg"border="0"id="image1"style="visibility:hidden;FILTER:revealTrans(Duration=4.0,Trnsition=23);"width="176"height="130">代码的作用是设置图片路径、图片边框的大小、图片的最初的隐藏效果、图片的渐显效果以及图片显示的大小。3.2我的论版块在个人网站建设中，BBS论坛也是其中最主要的一个子系统。论坛的主要功能就是讨论问题论坛采用了模式提供了发表评论回复评论和管理员对评论进行管理等功能。17

武汉工程大学本科毕业（设计）论文3.2.1显示评论能论坛首页以及显示评论界面如图3.2所示最上面显示的是此页面的基本信息由中间的超链接可进入发表评论界面、管理界面。此界面的功能是显示评论内容，根据不同的提交数据可以显示不同的图片和字体颜色并且可以通过上面的图标可通过发送电子邮件每个评论都有回复链接由此可进入回复界面。此界面可以分为多个页面个页面可以显示八个评论的内容每超过八个评论程序会自动增加页面，以显示评论。实现页面加一的代码如下：<%IfPage<>rs.PageCountThen%><ahref="index.ASP?page=<%=Page+1%>"><%endif%>图

显示评论如果没有人发表评论，页面会自动显示“目前没有任何评论内容连接数据库的代码如下：<%Setconn=Server.CreateObject("ADODB.Connection")DBPath=Server.MapPath("board.mdb")conn.Open"driver={MicrosoftDriver(*.mdb)};pwd=test;dbq="&DBPathSETps=Server.CreateObject("ADODB.Recordset")ps.Open"Select*Fromadminwhereuser='"&session("user")&"'and18

武汉工程大学本科毕业（设计）论文pwd='"&session("pwd")&"'",conn,1,3%>代码的作用分别是：创建ODBC数据源；打开连接board.mdb据库的路径；创建access驱动，打bbs表创建对象操作数据库中的记录用创建的对象访问表中的用户名和密码记录。3.2.2发表评论回复评论功进入发表评论界面后，此界面如图3.3所示：在此界面操作简单页面简洁完全控件式的页面布局。访客无需注册和登录，只需填写个人信息表情图片和留言颜色处可以根据自己的喜好和发言内容进行选择，在“给版主”处，访客可以选择，如果留言只是留给版主的，只有版主才能看到，对论坛的其他人是隐藏的。个人网站、MSN、ICQ可不用填写，姓名、性别和电子邮件必须以正确的格式填写，否则会出现出错提示。对于用户的评论立即在主页的对应位置显示出来，达到即时见效的功能。图发表评论以下代码用于用户访问系统记录用户身份：ifthennothingorsetcookies=""if%>代码的意思是如果cookies值不为空读取cookies中已经记录的用户资料，如果为空就重新记录。点击“提交”以后内容会自动保存到中以后此用户再登陆就会记录用户的信息。19

武汉工程大学本科毕业（设计）论文3.2.3管理员登功能进入管理员界面后，可以看到如图所示的界面：因为设有登录权限所以只有管理员才能进入管理界面员账号和管理员密码都记录在数据库中系统便会根据这些登录资料辨别出管理员的身份权限判断管理员是否合法成功登录的合法管理员有权限察看资料这些资料包括其他用户的个人资料包括用户昵称，用户性别，用户邮箱，用户网址等等。以下脚本代码连接数据库判断登录账号和密码是否正确如果输入的密码错误会进行出错处理。<scriptlanguage="JavaScript"><!--functionadd(chk){if(chk.user.value==""){alert("请输入管理员帐号);returnfalse;}if(chk.pwd.value==""){alert("请输入管理员密码);returnfalse;}}//--></script>以下代码是管理员退出管理界面，进入普通用户界面。<%Session.Abandonresponse.redirect"index2.ASP"%>图管理员登录3.2.4管理功能管理员进入管理界面后，可见到以下界面：20

武汉工程大学本科毕业（设计）论文图3.5管理界面以下脚本代码对系统进行设置：<scriptlanguage="JavaScript"><!--functionadd(chk){if(chk.view.value==""){alert("请输入显示个数);returnfalse;}if(chk.all.value==""){alert("请输入人气指数);returnfalse;}}//--></script>管理员有权限对整个论坛系统进行系统设置，论坛的显示方式，每页显示的评论个数，背景颜色，背景图片，首页网址，是否显示对方的地址等。可以对发表给管理员的评论进行处理，发表或删除。也可对其他访客发表的评论进行回复或删除。3.3个人专版块在这个版块我设计和两部分内容包括文学欣赏和快乐音乐欣赏里收集了一些精美文章，快乐音乐里收集了一些好听的mp3歌曲。3.3.1文学欣赏此版块的界面如图所示：21

武汉工程大学本科毕业（设计）论文图文学欣赏界面3.3.2快乐音乐进入此版块，界面如图所示：通过在数据库中存放音乐路径达到在网页上播放的效果在音乐的首页上放置了歌曲的名字，网友无需登录，即可收听自己喜欢的歌曲。<%i=2%><embedsrc=<%=request.cookies("S"&i)%>loop=falseautostart=falsename=bgss2width="200"height="120">以上代码用来读取数据库中的音乐路径此控件专门播放的音乐进入播放界面后，就会出现此控件，点击播放就直接调用数据库中的音乐进行播放图3.7音界面22

武汉工程大学本科毕业（设计）论文3.4我的相版块个人网站中又一亮点就是个人相册的设置在我的相册里放置了我自己的照片班级照片和校园照片。相册里面的这三个版块具有相同的版面设计，如下图所示：图3.8相界面这些照片的路径存放在数据库中在页面中直接连接显示击每个小图即可察看大图。连接数据库显示图片代码如下：<%i=1%>//连接的第一张图片<imgsrc=<%=request.cookies("S"&i)%>width="170"height="160"></a>此代码用于连接数据库中图片表的图片路径设置的值连接不同的图片获得数据库中图片的cookies值。3.5网站说版块此版块是我根据自己的网站结构对整个网站以及每个版块所做的网站结构和功能的说明，以及网站和作者版权说明。如下图所示：23

武汉工程大学本科毕业（设计）论文图网站说明界面如果网友不清楚网站的构架，可以查看此版块。3.6给我留版块留言板是目前最为流行的网络应用之一留言板为留言者提供发言的机会，让他们能够及时、准确地交换自己的观点。3.6.1留言板主面完整的留言板具有发表留言和察看别人留言的功能，如图所示的留言板主界面index1.ASP，可由此进入留言界面和察看留言界面。图3.10留言主界面在主界面中存有全部留言的作者和主题，点击你想察看的主题就会进入察看留言界面，点击“发表帖子”进入留言界面。24

武汉工程大学本科毕业（设计）论文3.6.2留言界面进入留言界面后，将会看到如下图所示的界面：图发表留言界面用户名标题和内容填完以后点击提交按钮系统就会提醒你提交成功察看帖子如果填写不完整系统就会提示你错误信息。内容提交后，就会自动保存在数据库中，其中连接数据库代码如下：<%name=Replace(Request.Form("name"),"'","''")title=Replace(Request.Form("title"),"'","''")body=Replace(Request.Form("body"),"'","''")%>保存内容到数据库代码如下：<%setsavebbs=conn.execute("insertintobbs(name,title,body)values('"&name&"','"&title&"','"&body&"')")%>刷新数据库表中的内容，产生新的记录集。3.6.3察看留言面进入察看留言界面后，可以看到每个留言者的留言内容，如图所示：进入每个帖子的浏览页，主要是通过连接数据库获取该帖子的号，其代码如下：<%id=request.querystring("id")%><%setshow=conn.execute("select*frombbswhereid="&id&"")%>分别显示作者、主题和内容的代码如下：<%=show("name")%><%=show("title")%><%=show("body")%>25

武汉工程大学本科毕业（设计）论文图察看留言界面3.6.4连接数据留言板中的每个页面index1.ASP、say.ASP、save.ASP都包含了连接数据库的文件conn.ASP，目的是随时连接数据库，它的代码如下：<%'setconn=Server.CreateObject("ADODB.connection")vider="Microsoft.jet.oledb.4.0"conn.openserver.MapPath("bbs.mdb")'Server.scriptTimeout="10"'connstr="DBQ="+server.mappath(═bbs═.mdb")+";DefaultDir=;DRIVER={MicrosoftAccessDriver(*.mdb)};"'setconn=Server.CreateObject("ADODB.connection")'conn.openconnstr%>代码的意思是创建ADODB数据源建连接驱连接表的路径以及access据对象，进行网页和数据库的连接。3.7发送邮版块在网站的每个大的版块上都与我联系图片链接击此链接可进入如下界面：在这里可以选择要发送邮件的收件人，主题及内容。主要实现的代码如下：mailto:*************此代码主要用于连接到outlookexpress，进行邮件的发送。26

武汉工程大学本科毕业（设计）论文图发送邮件界面3.8链接百版块在网站的首页上我设置了链接百度的搜索引擎如果访客有内容要查询可以直接在此引擎内搜索，可直接链接到百度查找内容。如下图所示：图链百度连接百度脚本代码如下：<SCRIPTlanguage=javascript>functiong(formname){varurl="/baidu";formname.value="2097152";formname.action=url;returntrue;}</SCRIPT>使用javascript脚本语言，定义一个表格函数，把百度的路径存储到表格属性中，通过表格动作访问百度的网址。27

武汉工程大学本科毕业（设计）论文3.9女生花版块女生花园是我依据自己的喜好增加的版块，如下图所示：图女生花园界面在此版块中包括两个页面一个是可爱衣服另一个是可爱服饰这些图片同样是保存在数据库中了显示我喜欢的图片以外有一些热门文章的显示图的左边所示，这些文章能够移动。主要实现的代码如下：<marqueedirection=upscrollamount=1scrolldelay=10>此句代码能实现文字由下向上循环滚动。3.10讨论3.10.1网站的格是否一一个成功的网站首先需要一个优秀的设计，然后辅之优秀的制作。设计是网站的核心和灵魂，一个相同的设计可以有多种制作表现的方式。一方面是纯网站本身的设计比如文字排版片制作面设计维立体设计、28

武汉工程大学本科毕业（设计）论文静态无声图文、动态有声影像等。另一方面是网站的延伸设计包括网站的主题定位和浏览群定位智能交互制作策划、形象包装等。这两方面相辅相成，做完网站后，首先需要测试的就是网站的整体风格和总体色调。每个网站的风格都有特定的主题我的网站主色调是绿色其中也不乏别的颜色予以搭配，使整个网站看起来有一种温文尔雅的感觉。其次是看网页风格的测试，每个页面上的字体的风格、字体颜色、字体的特效、文本风格、文本颜色、以及表格属性置等都要有统一的设置如我的网站每个页面上的滚动字幕及字体特效都有统一的风格。3.10.2网站链稳定性试超级链接对于网站用户而言意味着能不能流畅的使用整个网站提供的服务链接将作为一个独立的项目进行测试。网站能够正确运行首先要保证链接能够连贯运行。网站的运行中整个系统是否运行正常主要采用将测试网站长时间运转进行测试生出执行程序所有功能需求的输入条件从而导出测试用例进行测试网站中的每个版块的每个页面都出现了很多的链接所以每个版块要先进行单独测试单独测试完成后根据个版块之间的连接结构再进行总体测试，从而达到网站的整体的运营能够顺利地进行。在测试这个环节时，没有特定的测试方法，就要做到细心，做到网站的顺利运行。3.10.3数据库试数据库链接是一种危险的、昂贵的、有限的资源，特别是在多Web应用程序中。必须正确管理链接如果链接不当整个网站的性能也会受到影响我在测试这个环节的时候也是使整个程序长时间运行，多向数据库提交数据，调用数据库里面的内容进行显示。29

武汉工程大学本科毕业（设计）论文第章总在本次设计的全过程中，我对四年所学的知识有了一个比较系统的认识和理解。涉及了各方面的知识大大扩展了我的知识面时是我学会了如何使用所学的知识去解决一些实际