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

摘要随着经济社会的发展，计算机已被应用到社会生活的各个领域。与此同时，互联网作为信息技术的通信桥梁连接着全球的计算机，而网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者，在INTERNET上表现出其及其重要的地位，并发挥着其及其重要的作用。无论是在国内还是国外都得以迅速的发展和壮大，并被人们重视和关注。互联网已经彻底的改变了世界，互联网的世界里蕴藏着无限的可能，在这种情况下，各行各业及其个人、单位、工厂、企事业等等在网上构筑属于自己的网络信息平台，保护自己的网络资源并在互联网上开辟自己的市场和消费群体，以及构造自己的数字化世界和加强全球范围内不同地域的人们联系交流等等活动也就显的日益重要。于是各种各样的网站便如雨后春笋般地出现鱼龙混杂且良莠不齐。INTERNET的日益兴起和以网页为载体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展的空间，大至大型企业的产品推销、售后服务、解决方案，小至个人WEB页面开发，形形色色，五彩缤纷，网站建设和网页制作也成为计算机网络领域最热门的话题。论文论述了系统的开发背景和设计目标，并对系统开发所采用的技术进行相应的简单介绍。在系统分析中，对系统的模型进行简单分析，明确系统的操作流程，并对系统进行可行性分析，确定在目前的条件下，开发留言板信息管理系统是可行的。在需求分析结果的基础上，对系统的功能模块进行划分。接着对系统中的数据库进行模型设计，包括数据流图、实体联系图及数据表结构。本文以个人网站建设为例，系统介绍网站的需求、系统分析及设计方案，最终并给出ASP技术实现网站的过程。关键词留言板；互联网；日志ABSTRACTWITHTHEECONOMICANDSOCIALDEVELOPMENT,THECOMPUTERHASBEENAPPLIEDTOVARIOUSFIELDSOFSOCIALLIFEATTHESAMETIME,THEINTERNETASACOMMUNICATIONBRIDGEBETWEENINFORMATIONTECHNOLOGYTOCONNECTTHEGLOBALCOMPUTERNETWORKINFORMATIONANDTHEWEBSITEASTHEMAINFORMOFEXPRESSIONBUTALSOTHEMAJORCARRIEROFINTERNETINFORMATION,THEINTERNET,ITSIMPORTANTTOSHOWITSPOSITION,ANDPLAYITSANDITSIMPORTANTROLEWHETHERATHOMEORABROAD,TORAPIDDEVELOPMENTANDGROWTH,WASPEOPLESATTENTIONANDCONCERNTHEINTERNETHASCOMPLETELYCHANGEDTHEWORLD,THEINTERNETWORLDBOUNDLESSMIGHT,INTHISCASE,THETRADESOFINDIVIDUALS,UNITS,FACTORIES,ENTERPRISES,ETCONTHEINTERNETTOBUILDTHEIROWNNETWORKINFORMATIONPLATFORM,TOPROTECTTHEIRNETWORKRESOURCESANDTHEINTERNETTOOPENUPTHEIRMARKETSANDCONSUMERGROUPS,ANDSTRUCTURETHEIRDIGITALWORLDANDSTRENGTHENTHEGLOBALEXCHANGEOFDIFFERENTAREASSOPEOPLECONTACTACTIVITIESWEREALSOINCREASINGLYIMPORTANTSOAVARIETYOFSITESHAVESPRUNGUP,SUCHASCOHABITATIONANDMIXEDTHEINCREASINGEMERGENCEOFINTERNETANDWEBCARRIERNETWORKINFORMATIONDISSEMINATIONANDAPPLICATION,MAKINGWEBPAGESPRODUCEDBYTHECONSTRUCTIONANDDEVELOPMENTOFSPACE,RANGINGFROMLARGEENTERPRISEPRODUCTMARKETING,SERVICE,SOLUTIONS,SMALLPERSONALWEBPAGEDEVELOPMENT,DIVERSE,COLORFUL,WEBSITEDEVELOPMENTANDWEBPRODUCTIONOFCOMPUTERNETWORKSHASBECOMETHEHOTTESTTOPICINTHEFIELDINTHISPAPER,BUILDINGPERSONALWEBSITES,FOREXAMPLE,THESYSTEMDESCRIBESTHESITEREQUIREMENTS,SYSTEMSANALYSISANDDESIGN,ANDGIVESTHEFINALPROCESSOFASPTECHNOLOGYSITEDIVERSE,COLORFUL,WEBSITEDEVELOPMENTANDWEBPRODUCTIONOFCOMPUTERNETWORKSHASBECOMETHEHOTTESTTOPICINTHEFIELDTHEPAPERDISCUSSESTHEBACKGROUNDOFDEVELOPMENTOFTHESYSTEMANDTHEDESIGNOFTHETARGET,ANDINTRODUCESTHETECKNIQUEWHICHUSEDTODEVELOPSIMPLYINTHEANALYSEOFSYSTEM,PROCEEDEDTHESIMPLEANALYSISTOTHEMODELOFTHESYSTEM,MADESURETHEOPERATIONPROCESSOFTHESYSTEM,PROCEEDTHEANALYSETOTHESYSTEM,ENSURETHATUNDERTHECURRENTTERM,DEVELOPINGMESSAGEBOARDINFORMATIONMANAGEMENTSYSTEMISFEASIBLEATTHEFOUNDATIONOFREQUIREMENTWITHTHEANALYSERESULT,PROCEEDINGTHEPROVIDINGOFTHEFUNCTIONMODULEOFTHESYSTEMFOLLOW,DESIGNINGTHEDATABASEMODEL,INCLUDINGTHEDATAFLOWDIAGRAM,ENTITYRELATIONDIAGRAMANDDATATABLESINTHISPAPER,BUILDINGPERSONALWEBSITESASANEXAMPLE,THESYSTEMDESCRIBESTHESITEREQUIREMENTS,SYSTEMSANALYSISANDDESIGN,ANDGIVESTHEFINALPROCESSOFASPTECHNOLOGYSITEKEYWORDSMESSAGEBOARD；INTERNET；LOG目录摘要IABSTRACTII第一章文献综述111课题研究现状分析112个人网站的研究工作213已经取得的研究成果214选题的目的及意义215课题研究的主要内容3第二章设计部分421设计的愿望422设计的背景523达到的预期成果624使用工具的简要介绍625任务概述1027数据库结构设计13第三章结果与讨论1731个人简介版块1732我的论坛版块1733个人专题版块2134我的相册版块2235网站说明版块2336给我留言版块2437发送邮件版块2638链接百度版块2739女生花园版块27310讨论28第四章总结30参考文献31致谢32第一章文献综述互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。他们钻研并且努力进入到这一个新的空间，新的领域。以个人为中心，淡化了传统中心地位，使得我们的世界向多元化加速发展，人人都有话语权，人人都是中心。互联网是一个互动性极强的平台，它自由、宽容、平等、共享，并使来自民间的声音参与到了构建主流话语的行动中来。计算机技术的发展，特别是网络技术的飞速发展，给文档的保存和管理提供极大的方便1。本论文中，将软件工程的基本原理和方法应用到整个网站系统，并对其进行需求分析，提出了解决问题的具体方法。在具体制作中，用ASP技术来实现B/S系统，ASP技术与数据库技术结合，用户在浏览器端可以随意查询自己需要的标本，这样提高了网页的互动性，使整个系统能更好的为用户服务。INTERNET飞速发展使得网站不再仅仅为企业或公司等大型结构所拥有，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在INTERNET应用上的地位显而易见，一个家庭甚至个人都可以拥有属于自己的网站，而在这其中，个人网站已经日渐普及，而且发展到今天，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。11课题研究现状分析伴随着社会的发展和科学的进步，上网成为越来越多人们的选择。随着互联网的飞速发展，有关网络的技术也层出不穷2。如今互联网上的个人网站如雨后春笋般蓬勃发展，绚丽多彩的主页比比皆是。每个人都有发挥个人才能，挥洒自己个性的网上伊甸园。在HAO123神话以后，网站大全类网站又再一次达到顶峰。然而这个模式拷贝成功的网站却寥寥无几。而对于技术薄弱的个人网站来说，似乎网址类网站应该是一个很好的切入点。但是由于搜索的异军突起，网址类网站似乎变得可有可无。网页实际是一个文件，他存放在世界某个角落的某一台计算机中而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。文字与图片是构成一个网页的两个最基本的元素。可以简单的理解为文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏缆器则对这些标记进行解释并生成页面。12个人网站的研究工作1理论研究基础个人网站是由个别提供的一套集博客、文章、相册、日程、通讯录、链接、调查、留言板等诸多功能于一体的网络平台。个人网站的自由、开放精神，并使之更容易操作，更具个性需求，而不需要高深的技术3。它可以帮助个人进行全面的信息化，以多种形式达到对信息获取、组织、思考、表达、共享和交流的目的。以个人为中心，建立一个完全属于自己的可定制的个性化网络平台。来自文章的评论，留言板都可以很好的进行交流，倾听别人的声音。2技术层面的支持随着互联网的进一步发展与成熟，网络的带宽进一步加阔，网络应用也越来越广泛。网页制作更是日新月异，层出不穷。涌现了很多琳琅满目的网站，使得整个互联网多姿多彩。在进行动态网页制作的时候，通常都是使用ASP来完成。由于ASP使用方便，操作简单，很多网页设计者一直使用ASP。ASP集成在HTML和脚本语言中，其工作界面简单，因此，ASP相对于其他网页制作软件来说，易学易用，是网页制作初学者的入门软件。同时配合数据库的操作，使个人网站具有更好的网络平台和交互性。13已经取得的研究成果中国互联网在近几年发展迅猛。一方面，产生了一批依赖技术领先的互联网公司，取得了成功；另一方面，互联网技术逐渐走向普及，使得行业进入门槛正在降低4。目前中国网站总数已经近百万。在这里面出现了大量的个人网站。并且个人网站存在着巨大的商业价值。如果能以强大的号召力，把互补的个人网站联合起来，不知道可以成立多少个门户网站。我们有理由相信，个人网站还极具潜力。14选题的目的及意义随着INTERNET的迅速普及，我们已经不再满足于仅仅浏览网页，而是希望更深入地参预到网络中去，INTERNET的开放性使个人建立自己的网站成为可能，拥有自己的网站也越来越成为一种时尚，同时创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。我们更需要交流，相信交流能够促进我们不断的进步，并融合别人的长处；让我们多一些渠道倾听来自不同立场的声音；设想我们的网络，当每个人都拥有个人网页，不管是否在线，我们都可以跨越时间、空间进行交流，因为这个网页中拥有我所有的一切，生活，见解，知识，思想；理想的状态是个人门户就是每个人的影子，他为每个人打点网络上的一切，很多志同道合的朋友会在这里和你相识相知。15课题研究的主要内容互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位5。他们钻研并且努力进入到这一个新的空间，新的领域。其中包括你和我。在我们的工作、日常生活中，能够拥有一个自己的网站，一个已经成为不少人的希望和骄傲。就这个课题的研究，因为是个人网站，所以我只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。第二章设计部分“个人网站要发展，要么是从我的需求出发，要么是从我周围人的需求出发。”国内著名个人网站站长、手机之家站长高春辉说。网页设计是一门新兴的设计类和网络的交叉学科，近几年随着网络的发展而逐渐收到人们的重视，它本身以网络为载体,把各种信息以最快捷、方便的方式传达给大众。一个网站项目的确立是建立在各种各样的需求上面的，这是个人网站，所以这种需求往往来自于个人的实际需求，其中每个人的实际需求占了绝大部分6。因此如何更好地的了解、分析、明确需求，并且能够准确、清晰以文档的形式表达出来，保证开发过程按照个人需求为目的正确项目开发方向进行。21设计的愿望在INTERNET飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在INTERNET应用上的地位显而易见，它已成为个人、政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视7。越来越多的人希望能真正参预到互联网上，这就出现了越来越多的个人网站的设计以及推广的工作和任务。就我个人而言，之所以在毕业设计的时候选择这个课题是因为我也想拥有自己的个人网站，在互联网上拥有自己的一席之地，从而真正的参与到网络中去，做网络新时代的主人，同时也希望自己喜欢和收藏的一些东西能够和网络一起分享，和互联网上的你一起分享。我所制作的个人网站大体可分为以下几个功能1搜索引擎根据浏览者的要求，使用主页上的搜索引擎链接到百度，在整个INTERNET上进行搜索，完成信息的优化与提取。2论坛主要功能是网友和网站之间的交流平台，也是网友给版主提出意见的主要渠道。在论坛中用户可以发表意见，这些意见可以让所有人看到，也可以只让版主看到，版主和其他人可以针对留言的内容进行回复，只留给版主的留言只有版主能够回复，并且版主可以登录后台对留言进行管理，是否发表或删除。3发送电子邮件网友可以通过“联系我”利用OUTLOOK向版主或其他人发送电子邮件。4精品收藏在其中展示我喜爱的东西，包括电影、歌曲和一些优美的文章。奇文共欣赏，疑义相与析。我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。但我增加了管理权限，我以管理员的身份可以对加入的新内容进行管理，即允许加入和对其进行删除。5留言板是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。22设计的背景221设计介绍这次我所设计的课题正是互联网与个人生活之间的紧密联系的体现，个人的宣传网站，包括个人简介、论坛、个人照片、个人专题等。在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。222用户特征用户人群具有基本的计算机操作能力，熟知网络并能够在INTERNET遨游。223运行环境软件平台需要服务器上的操作系统为MICROSOFTWINDOWSXPSERVER。因为ASP的开发平台首选是WINDOWSNTSERVERWINDOWS2000SERVER上的IIS，然后是WINDOWSNTWORKSTATIONWINDOWS2000PROFESSION或WINDOWS95/98的PERSONALWEB，同样现在的浏览器是微软一家独大，使用的浏览器是微软的EXPLORER，网站的数据库使用了同样是MICROSOFT的OFFICEACCESS数据库，因为一个数据不是很庞大的个人网站没有必要使用ORACLE等大型数据库系统，同时ACCESS数据库结构比较的简单，使用起来比较简单好用。224术语说明ODBC开放式数据库互连8PERSONALPORTAL个人网页DATAPROCESSING数据处理TRANSACTIONPROCESSING事务处理ACCESS2000数据库ASP活动服务器网页HTML超文本标志语言23达到的预期成果在明确了我的个人网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。网站最后完成发不到网上后，能够充分吸引浏览者的目光，利用搜索引擎，浏览者可以在网站内搜索自己喜欢的资料，并且可以在留言板和大家交流，在后台管理页面中，通过身份认证，管理员可以对网站信息进行管理。站内的其它页面均是我自己的精心收藏，与大家一起分享。24使用工具的简要介绍241IIS的简要介绍IIS是INTERNETINFORMATIONSERVER的缩写，它是微软公司主推的WEB服务器，最新的版本是WINDOWS2000里面包含的IIS50，IIS与WINDOWNTSERVER完全集成在一起，因而用户能够利用WINDOWSNTSERVER和NTFS（NTFILESYSTEM，NT的文件系统）内置的安全特性，建立强大、灵活而安全的INTERNET和INTRANET站点。IIS的一个重要特性是支持ASP9。IIS30版本以后引入了ASP，可以很容易的张贴动态内容和开发基于WEB的应用程序。IIS的安装步骤1点击【开始】【设置】【控制面板】【添加/删除程序】，打开“添加/删除程序”对话框。2点击左边菜单栏中“添加/删除WINDOWS组件”项，打开“WINDOWS组件向导”对话框（这个过程可能要花几十秒钟），在对话框“组件”列表中，选中“INTERNET信息服务（IIS）”项。3将“WINDOWS2000”安装盘放入光驱中，然后点击“下一步”。这个步骤可能会花几分钟。4点击“完成”按钮，完成IIS的安装。242数据库ACCESS的简要介绍ACCESS数据库是集成在MICROSOFT公司开发的产品更新换代OFFICE系统中的集成软件10。ACCESS是一个数据库管理系统，它之所以被集成到OFFICE中而不是VISUALSTUDIO中，是因为它与其它的数据库管理系统（如VISUALFOXPRO）相比更加简单易学，一个普通的计算机用户即可掌握并使用它。而且最重要的一点是，ACCESS的功能足够强大，足以应付一般的数据管理及处理需要。ODBC（OPENDATABASECONNECTIVITY开放式数据库互联）是微软推出的一种工业标准，一种开放的独立于厂商的API应用程序接口，可以跨平台访问各种个人计算机、小型机以及主机系统11。ODBC作为一个工业标准，绝大多数数据库厂商、大多数应用软件和工具软件厂商都为自己的产品提供了ODBC接口或提供了ODBC支持，这其中就包括常用的SQLSERVER、ORACAL、INFORMIX等，当然也包括了ACCESS。ASP访问数据库的几种方式在ASP脚本中可以通过三种方式访问数据库IDC（INTERNETDATABASECONNECTOR）方式；ADO（ACTIVEXDATAOBJECTS）方式；RDS（REMOTEDATASERVICE）方式；这三种访问方式对数据库的访问是由INTERNETINFORMATIONSERVER来完成的。WEB浏览器用HTTP协议向INTERNET信息服务器（IIS）递交请求。INTERNET信息服务器执行访问数据库的操作，并以一个HTML格式的文档作为回答12。在本程序中我使用的是第二种方式，即ADO方式。243ACCESS的组件介绍我们在WEB服务器运用WEB应用程序进行的最常见和最实用的任务就是访问服务器端的数据库。而ASP内建的DATABSEACCESS组件使得我们能够轻而易举地通过ACTIEXXDATAOBJECTSADO访问存储在服务器端的数据库或其他表格化数据结构中的信息。ADO是对当前微软所支持的数据库进行操作的最有效和最简单直接的方法，它是一种功能强大的数据访问编程模式，从而使得大部分数据源可编程的属性得以直接扩展到ACTIVESERVER页面上13。可以使用ADO去编写紧凑简明的脚本便连接到OPENDATASECONNETIVITYODBC兼容的数据库和OLEDB兼容的数据源，这样ASP程序员就可以访问任何与ODBC兼容的数据库，包括MSSQLSERVERAVCCESS,OVRACLE等。如果您是一个对数据库连接有一定了解的脚本编写人员，那将发现ADO命令语句并不复杂而且容易掌握，同样地，如果您是一个经验丰富的数据库编程人员，将会正确认识ADO的先进的与语言无关性和查询处理功能。熟悉VB数据库编程的朋友会发现ADO与RDO有某中类似的地方。但是据说ADO的访问的速度更快,内存需要更小。244创建ACCESS数据库介绍用MICROSOFTACCESS来创建数据库，最简单的是通过它提供的的一个“向导”，在启动这个软件以后，建立数据库文件的操作。下面是我利用“向导”来创建一份数据库文件的具体操作步骤选择“ACCESS数据库向导、数据页和项目”单选按扭，然后单击“确定”按钮，若选择MICROSOFTACCESS对话框中的“空ACCESS数据库”单选项按钮，就会建立一个空的数据库了，数据库里面的信息需要手工来添加，若选择“打开已有文件”单选按钮则可以从下方的列表中选择打开已经存在的数据库。在弹出的“新建”对话框中，我们可以选择一个模板来快速建立数据库，我们就先选择个“定单管理”看看，然后单击“确定”按扭。“文件新建数据库”对话框的功能是，指定数据文件名，以及保存它的文件夹。我们就以它的初始文件名“定单入口1”吧，单击“创建”安扭后，新建的数据库文件就将被指定保存到MICROSOFTACCESS默认的文件夹下了，或我们给它指定一个新的也行，这样一来，一份新的数据库就建立好了，屏幕上也将显示“数据库向导”对话框。“下一步”按钮。以上“数据库向导”对话框分为左右两部分，左边的窗口是用来选择“数据库中的表”，右边的窗口是用来选择“表中的字段”。选择好所需要的数据库中的表和表中的字段之后，就单击下一步按钮。以上“数据库向导”对话框是用来确定屏幕的显示样式，我们就采用标准样式吧，单击下一步按钮。以上“数据库向导”对话框是用来确定打印报表的样式的，我们可以选择如“组织”样式，然后单击下一步按钮。以上“数据库向导”对话框的作用是确定数据库的标题和是否在所有报表上加一幅图片，我们就先设定数据库的标题为“定单入口”，并不在所有报表上加图片，然后单击下一步按钮。单击以上“数据库向导”对话框的“完成”按钮，就完成了创建数据库的工作了。象这个数据库在使用之前还会弹出“我的公司信息”对话框，当然，不同的模板是不相同的，象这个就是要求输入公司的名称和地址信息，如下图所示，关闭这个对话框，系统将自动保存信息。关闭“我的公司信息”对话框后，会弹出“主切换面板”对话框。位于“主切换面板”对话框后面的是“定单入口1”窗体，通过这两个窗体即可对新创建的数据库进行各种操作了。无论什么时候使用“数据库向导”新建数据库，MICROSOFTACCESS都将自动新建一个切换面板，这个面板对浏览数据库都是很有帮助的，“切换面板”中有一些按钮，单击它们可以打开相应的窗体和报表，或打开其他窗体和报表的切换面板、退出MICROSOFTACCESS或自定义切换面。245对ASP的简要介绍ACTIVESERVERPAGES（ASP）是服务器端脚本编写环境，使用它可以创建和运行动态、交互的WEB服务器应用程序。使用ASP可以组合HTML页、VBSCRIPT脚本命令和JAVASCRIPT脚本命令等，以创建交互的WEB页和基于WEB的功能强大的应用程序14。由于脚本程序是在服务器上而不是在客户端运行，传送到浏览器上的WEB页是在WEB服务器上生成的。所以不必担心浏览器能否处理脚本WEB服务器已经完成了所有脚本的处理，并将标准的HTML页面传输到浏览器。由于只有脚本的结果返回到浏览器，所以服务器端脚本不易被别人复制。用户看不到创建他们正在浏览的页的脚本命令。ASP的运行环境ASP只能用于下列WEBSERVERIISMICROSOFTPERSONALWEBSERVERASP的编程语言ASP可以使用VBSCRIPT和JAVASCRIPT进行程序编写。ASP文件，ASP的文件后缀名为ASP，以区别于同样可以包含SCRIPT的HTML文件。一个ASP文件是一个文本文件，可以包括下列元素的任意组合文本（TEXT）HTML标志（TAGS）SCRIPT命令ASP不需要任何HTML的TAG,保存在文件中，起个好听的名字，文件名的后缀一定要改为ASP，然后上传到服务器上一个有执行权的目录下（例如WWWROOT），接下来的问题是，怎么执行这个ASP程序。246ASP访问数据库的原理ASP是服务器端的脚本执行环境，可用来产生和执行动态的高性能的WEB服务器程序。当用户使用浏览器请求ASP主页时，WEB服务器响应，调用ASP引擎来执行ASP文件，并解释其中的脚本语言（JAVASCRIPT或VBSCRIPT），通过ODBC连接数据库，由数据库访问组件ADO（ACTIVEDATAOBJECTS）完成数据库操作，最后ASP生成包含有数据查询结果的HTML主页返回用户端显示15。25任务概述随着计算机的普及和网络技术的迅速发展，人们也越来越依赖于计算机和网络。因此，网络安全应该也必须引起注意。网络安全是一门涉及计算机、网络、通讯、密码、信息安全、应用数学、数论、信息论等多种学科的综合性学科，涉及面极广，而且不断更新和发展。国家对信息产业的扶持，使国内的网络状况逐渐好转，更多的服务器的开通，更快的宽带网得逐渐普及，各种各样的攻击行为在网上也越来越频繁化和简单化。微软在推出ASP时提到的ASP的一个好处是ACTIVESERVERPAGES的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。然而，由于NT、IIS以及ASP系统本身存在的一些漏洞，却可能使ASP源码暴露无遗，解决方法就是及时更新补丁。该个人网站系统是基于INTERNET/INTRANET及WEB技术，建立以BROWSER/SERVER为结构模式、以数据库为后台核心应用、以服务为目的信息平台，对资源进行科学的加工整序和管理维护，为用户提供个人信息保障和直接参预到互联网上而设计的系统。包括界面设计,代码设计,这一阶段偏重于网页制作工具和技巧的应用,编写总系统总体功能分析及架构图。个人简介介绍版主的一些基本信息，希望各位访客能够认识版主。我的论坛此版块又分为主页、发表意见、回复意见、显示论坛内容、版主后台管理以及版主的回复界面。其中发表意见界面是所有访客都可以在论坛里面发表自己的意见，这些意见可以是发表给所有的访客，也可以是只发表给版主，如果只发表给版主，只有版主可以看到和回复；回复意见是所有访客针对自己感兴趣的话题进行回复；这些发表的意见和回复可以在显示论坛内容的界面都显示出来，供大家讨论；那些只有版主才能看到的信息在版主的管理界面，这个界面需要登录，设有用户名和密码，在这里版主可以对所有评论进行发表或删除的管理。用户管理员登录评论管理发表图21论坛功能图个人专题这里收录了我平时搜集的一些文章和音乐，各位访客可以根据自己的喜好进行阅览。我的相册在这个板块可以看到我的照片，班级照片和搜集的校园照片，如果大家喜欢可以收藏。更改照片的时候只要更新数据库就可以了。网站说明里面是我对整个网站的介绍，不太清楚网站构架的访客可以先到这里。给我留言这是每位访客针对我的网站情况给我留言，这些留言会直接保存到数据库里面，并且能够轻松的读取。用户留言显示发表图22留言板功能图发送邮件各位访客可以通过OUTLOOK向版主或者其他人发送电子邮件。链接百度如果访客想在互联网上查找东西，可以直接点击这里。女生花园收集了一些女生喜欢的东西，如果你是女生，可以进来看看。图23网站的各个模块27数据库结构设计271论坛管理员登录表21管理员登录字段名称数据类型字段大小允许空说明ID自动编号长整型否无USER文本50否无PWD文本50否无1表的说明此表是用来论坛管理员登录的，共分为三个字段，其中ID字段设为主键，数据类型是自动编号，USER和PWD字段分别用来存放管理员的登录名和密码，数据类型文本。2限制条件在论坛管理员登录时，只有正确输入此表中的用户名和密码才能够登录到管理界面，才有权对论坛里面的内容进行删除，否则只能在界面出发表评论。个人简介个人专题链接百度我的相册网站说明女生花园网友文学欣赏给我留言我的论坛发送邮件快乐音乐可爱衣服可爱饰品我的照片我的班级美丽校园272论坛发言表22论坛发言表字段名称数据类型字段大小允许空说明ID自动编号长整型自动编号TIME日期/时间是留言时间NAME文本50是姓名SEX文本50是性別URL备注是个人网站COLOR文本50是留言颜色EMAIL备注是电子邮件SYSOP文本50是给版主PIC文本50是表情图示YAHOO文本50是YAHOOMSNMSAGE文本50是MSNICQ文本50是ICQTXT备注是留言內容IP文本50是留言位置UPTIME日期/时间是回应时间1表的说明此表是用来记录访客基本信息以及发表评论内容的，共有十五个字段，这里只给出了七个字段，其中ID字段设为主键，数据类型是自动编号，TIME字段数据类型是日期/时间，其余为文本或者备注。每个在论坛里发表评论的访客的基本信息和评论内容都可以保存在此表中，便于显示调用。2限制条件没有在论坛中正确填入自己的基本信息，就会导致登录失败，表中不会保存此内容。273论坛回复表1表的说明此表用来存放访客针对论坛里面的内容所做的回复内容，各字段的内容同论坛发言表。每个在论坛里回复评论的访客的基本信息和评论内容都可以保存在此表中，便于显示调用。2限制条件没有在论坛中正确填入自己的基本信息，就会导致回复失败，表中也不会保存此内容。表23论坛回复表字段名称数据类型字段大小允许空说明ID数字长整型无ID_2自动编号长整型自动编号TIME日期/时间留言时间NAME文本50是姓名SEX文本50是性別URL备注是个人网站COLOR文本50是留言颜色EMAIL备注是电子邮件PIC文本50是给版主YAHOO文本50是YAHOOMSNMSAGE文本50是MSNICQ文本50是ICQTXT备注是留言內容IP文本50是留言位置AD文本50是无274论坛显示评论1表的说明此表用来存放显示评论及回复的内容，共有十三个字段，其中ID字段设为主键，数据类型为自动编号，其余为数字、文本或备注。存放发布评论时的一些基本设置。2限制条件根据你发表评论时提交不同的设置，会有相应的内容存储到数据库中，以便于显示不同的设置要求，如留言颜色和表情图示可以根据你不同的选择显示不同的颜色和图片。表24论坛显示评论表字段名称数据类型字段大小允许空说明ID自动编号长整型自动编号SHOW自动编号50是自动编号VIEW日期/时间50是留言时间COOKIES文本50是姓名HTML文本50是性別ALL数字长整型计数器URL备注是个人网站BGCOLOR文本50是留言颜色BACKGROUND备注是电子邮件BGPROPERTIES文本50是给版主IPSHOW文本50否YAHOOMSN275图片存放表25图片存放路径表字段名称数据类型字段大小允许空说明编号自动编号长整型自动编号图片编号数字长整型图片编号图片路径文本50否图片路径1表的说明此表用来存放我的照片版块的照片，共有三个字段，没有主键的设置，数据类型分别为自动编号，数字、文本。2限制条件增加或删除照片的时候只能在库里进行照片路径的管理。276留言板1表的说明此表用来存放给我留言版块的留言人、留言标题以及留言内容，共有四个字段，其中ID字段设置为主键，数据类型为自动编号，其余三个字段的数据类型均为文本。留言者提交留言内容以后就会存储到此表中，网页再通过连接数据库调用此表显示每个留言内容2限制条件没有后台限制，想留言的任何访客都可以在此留言板中留言，并且能够显示出来。表26留言表字段名称数据类型字段大小允许空说明ID自动编号长整型自动编号NAME文本50否留言姓名TITLE文本50否留言标题BODY备注否留言内容第三章结果与讨论31个人简介版块本模块是个人简介部分，每个个人网站都会有作者介绍。在这个模块访客会了解到作者的一些基本信息，这里以我女朋友为主题制作的个人网站，大致界面内容如图31所示。图31个人简介此版块采用了静态网页设计，最大的亮点就是利用了一个图片特效产生的效果，图片以溶解的方式渐渐出现，图片代码如下所示代码的作用是设置图片路径、图片边框的大小、图片的最初的隐藏效果、图片的渐显效果以及图片显示的大小。32我的论坛版块在个人网站建设中，BBS论坛也是其中最主要的一个子系统。BBS论坛的主要功能就是讨论问题，论坛采用了B/S模式，提供了发表评论，回复评论和管理员对评论进行管理等功能。321显示评论功能论坛首页以及显示评论界面如图32所示，图最上面显示的是此页面的基本信息，由中间的超链接可进入发表评论界面、管理界面。此界面的功能是显示评论内容，根据不同的提交数据可以显示不同的图片和字体颜色，并且可以通过上面的图标可通过OUTLOOK发送电子邮件。每个评论都有回复链接，由此可进入回复界面。此界面可以分为多个页面，每个页面可以显示八个评论的内容，每超过八个评论程序会自动增加页面，以显示评论。实现页面加一的代码如下RSPAGECOUNTTHEN“图32显示评论如果没有人发表评论，页面会自动显示“目前没有任何评论内容”。连接数据库的代码如下代码的作用分别是创建ODBC数据源；打开连接BOARDMDB数据库的路径；创建ACCESS驱动，打开BBS表；创建RECORDSET对象操作数据库中的记录；利用创建的RECORDSET对象访问表中的用户名和密码记录。322发表评论与回复评论功能进入发表评论界面后，此界面如图33所示在此界面操作简单，页面简洁，完全控件式的页面布局。访客无需注册和登录，只需填写个人信息，在表情图片和留言颜色处，访客可以根据自己的喜好和发言内容进行选择，在“给版主”处，访客可以选择，如果留言只是留给版主的，只有版主才能看到，对论坛的其他人是隐藏的。个人网站、MSN、ICQ可不用填写，姓名、性别和电子邮件必须以正确的格式填写，否则会出现出错提示。对于用户的评论立即在主页的对应位置显示出来，达到即时见效的功能。图33发表评论以下代码用于用户访问系统记录用户身份代码的意思是如果COOKIES值不为空读取COOKIES中已经记录的用户资料，如果为空就重新记录。点击“提交”以后内容会自动保存到PO_SENDASP中，以后此用户再登陆就会记录用户的信息。323管理员登录功能进入管理员界面后，可以看到如图所示的界面因为设有登录权限所以只有管理员才能进入管理界面，管理员账号和管理员密码都记录在数据库中。系统便会根据这些登录资料，辨别出管理员的身份权限，判断管理员是否合法。成功登录的合法管理员有权限察看资料。这些资料包括其他用户的个人资料，包括用户昵称，用户性别，用户邮箱，用户网址等等。以下脚本代码连接数据库，判断登录账号和密码是否正确。如果输入的密码错误，会进行出错处理。以下代码是管理员退出管理界面，进入普通用户界面。图34管理员登录324管理功能管理员进入管理界面后，可见到以下界面图35管理界面以下脚本代码对系统进行设置管理员有权限对整个论坛系统进行系统设置，论坛的显示方式，每页显示的评论个数，背景颜色，背景图片，首页网址，是否显示对方的IP地址等。可以对发表给管理员的评论进行处理，发表或删除。也可对其他访客发表的评论进行回复或删除。33个人专题版块在这个版块我设计和两部分内容包括文学欣赏和快乐音乐。文学欣赏里收集了一些精美文章，快乐音乐里收集了一些好听的MP3歌曲。331文学欣赏此版块的界面如图所示图36文学欣赏界面332快乐音乐进入此版块，界面如图所示通过在数据库中存放音乐路径，达到在网页上播放的效果。在音乐的首页上放置了歌曲的名字，网友无需登录，即可收听自己喜欢的歌曲。LOOPFALSEAUTOSTARTFALSENAMEBGSS2WIDTH“200“HEIGHT“120“以上代码用来读取数据库中的音乐路径，此控件专门播放MP3的音乐。进入播放界面后，就会出现此控件，点击播放就直接调用数据库中的音乐进行播放图37音乐界面34我的相册版块个人网站中又一亮点就是个人相册的设置，在我的相册里，放置了我自己的照片、班级照片和校园照片。相册里面的这三个版块具有相同的版面设计，如下图所示图38相册界面这些照片的路径存放在数据库中，在页面中直接连接显示，点击每个小图即可察看大图。连接数据库显示图片代码如下/连接的第一张图片WIDTH“170“HEIGHT“160“此代码用于连接数据库中图片表的图片路径。设置I的值连接不同的图片，获得数据库中图片的COOKIES值。35网站说明版块此版块是我根据自己的网站结构对整个网站以及每个版块所做的网站结构和功能的说明，以及网站和作者版权说明。如下图所示图39网站说明界面如果网友不清楚网站的构架，可以查看此版块。36给我留言版块留言板是目前最为流行的网络应用之一，使用留言板，可以为留言者提供发言的机会，让他们能够及时、准确地交换自己的观点。361留言板主界面完整的留言板具有发表留言和察看别人留言的功能，如图所示的留言板主界面INDEX1ASP，可由此进入留言界面和察看留言界面。图310留言主界面在主界面中存有全部留言的作者和主题，点击你想察看的主题就会进入察看留言界面，点击“发表帖子”进入留言界面。362留言界面进入留言界面后，将会看到如下图所示的界面SAYASP图311发表留言界面用户名、标题和内容填完以后点击提交按钮系统就会提醒你提交成功，察看帖子，如果填写不完整系统就会提示你错误信息。内容提交后，就会自动保存在数据库中，其中连接数据库代码如下保存内容到数据库代码如下刷新数据库表中的内容，产生新的记录集。363察看留言界面进入察看留言界面后，可以看到每个留言者的留言内容，如图所示SHOWASP进入每个帖子的浏览页，主要是通过连接数据库获取该帖子的ID号，其代码如下分别显示作者、主题和内容的代码如下图312察看留言界面364连接数据库留言板中的每个页面INDEX1ASP、SAYASP、SHOWASP、SAVEASP都包含了连接数据库的文件CONNASP，目的是随时连接数据库，它的代码如下代码的意思是创建ADODB数据源，创建连接驱，连接表的路径以及ACCESS数据对象，进行网页和数据库的连接。37发送邮件版块在网站的每个大的版块上都有“与我联系”的图片链接，点击此链接可进入如下界面在这里可以选择要发送邮件的收件人，主题及内容。主要实现的代码如下MAILTOJLENS126COM此代码主要用于连接到OUTLOOKEXPRESS，进行邮件的发送。图313发送邮件界面38链接百度版块在网站的首页上我设置了链接百度的搜索引擎，如果访客有内容要查询，可以直接在此引擎内搜索，可直接链接到百度查找内容。如下图所示图314链接百度连接百度脚本代码如下FUNCTIONGFORMNAMEVARURL“HTTP/WWWBAIDUCOM/BAIDU“FORMNAMEVALUE“2097152“FORMNAMEACTIONURLRETURNTRUE使用JAVASCRIPT脚本语言，定义一个表格函数，把百度的路径存储到表格属性中，通过表格动作访问百度的网址。39女生花园版块女生花园是我依据自己的喜好增加的版块，如下图所示图315女生花园界面在此版块中包括两个页面，一个是可爱衣服，另一个是可爱服饰，这些图片同样是保存在数据库中，除了显示我喜欢的图片以外，还有一些热门文章的显示，如图的左边所示，这些文章能够移动。主要实现的代码如下。此句代码能实现文字由下向上循环滚动。310讨论3101网站的风格是否统一一个成功的网站首先需要一个优秀的设计，然后辅之优秀的制作。设计是网站的核心和灵魂，一个相同的设计可以有多种制作表现的方式。一方面是纯网站本身的设计比如文字排版、图片制作、平面设计、三维立体设计、静态无声图文、动态有声影像等。另一方面是网站的延伸设计，包括网站的主题定位和浏览群定位、智能交互、制作策划、形象包装等。这两方面相辅相成，做完网站后，首先需要测试的就是网站的整体风格和总体色调。每个网站的风格都有特定的主题，我的网站主色调是绿色，但其中也不乏别的颜色予以搭配，使整个网站看起来有一种温文尔雅的感觉。其次是看网页风格的测试，每个页面上的字体的风格、字体颜色、字体的特效、文本风格、文本颜色、以及表格属性、位置等都要有统一的设置。如我的网站每个页面上的滚动字幕及字体特效都有统一的风格。3102网站链接稳定性测试超级链接对于网站用户而言意味着能不能流畅的使用整个网站提供的服务，因而链接将作为一个独立的项目进行测试。网站能够正确运行首先要保证链接能够连贯运行。网站的运行中整个系统是否运行正常，我主要采用将测试网站长时间运转进行测试，派生出执行程序所有功能需求的输入条件，从而导出测试用例，进行测试，网站中的每个版块的每个页面都出现了很多的链接，所以每个版块要先进行单独测试，单独测试完成后，根据个版块之间的连接结构再进行总体测试，从而达到网站的整体的运营能够顺利地进行。在测试这个环节时，没有特定的测试方法，就要做到细心，做到网站的顺利运行。3103数据库测试数据库链接是一种危险的、昂贵的、有限的资源，特别是在多层WEB应用程序中。必须正确管理链接。如果链接不当，整个网站的性能也会受到影响，我在测试这个环节的时候也是使整个程序长时间运行，多向数据库提交数据，调用数据库里面的内容进行显示。第四章总结在本次设计的全过程中，我对四年所学的知识有了一个比较系统的认识和理解。涉及了各方面的知识，大大扩展了我的知识面，同时是我学会了如何使用所学的知识去解决一些实际的问题。在设计中我深知自己掌握的知识还远远不够，掌握的一些理论知识应用到实践中去，总会出现这样或那样的问题，不是理论没有掌握好，而是光知道书本上的知识是远远不够的，一