个人网站的制作与建立毕业设计.docx

1、个人网站的制作与建立毕业设计个人的制作与建立毕业设计第一章 文献综述互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。他们钻研并且努力进入到这一个新的空间，新的领域。以个人为中心，淡化了传统中心地位，使得我们的世界向多元化加速发展，人人都有话语权，人人都是中心。互联网是一个互动性极强的平台，它自由、宽容、平等、共享，并使来自民间的声音参与到了构建主流话语的行动中来。计算机技术的发展，特别是网络技术的飞速发展，给文档的保存和管理提供极大的方便1。本论文中，将软件工程的基本原理和方法应用到整个系统，并对其进行需求分析，提出了解决问题的具体方法。在具体制作中，用

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

3、着互联网的飞速发展，有关网络的技术也层出不穷2。如今互联网上的个人如雨后春笋般蓬勃发展，绚丽多彩的主页比比皆是。每个人都有发挥个人才能，挥洒自己个性的网上伊甸园。在hao123神话以后，大全类又再一次达到顶峰。然而这个模式拷贝成功的却寥寥无几。而对于技术薄弱的个人来说，似乎网址类应该是一个很好的切入点。但是由于搜索的异军突起，网址类似乎变得可有可无。网页实际是一个文件，他存放在世界某个角落的某一台计算机中而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的容，再展示到

4、你的眼前。文字与图片是构成一个网页的两个最基本的元素。可以简单的理解为：文字，就是网页的容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏缆器则对这些标记进行解释并生成页面。1.2个人的研究工作1理论研究基础个人是由个别提供的一套集博客、文章、相册、日程、通讯录、调查、留言板等诸多功能于一体的网络平台。个人的自由、开放精神，并使之更容易操作，更具个性需求，而不需要高深的技术3。它可以帮助个人进行全面的信息化，以多种形式达到对信息获取、组织、思考、

5、表达、共享和交流的目的。以个人为中心，建立一个完全属于自己的可定制的个性化网络平台。来自文章的评论，留言板都可以很好的进行交流，倾听别人的声音。2技术层面的支持随着互联网的进一步发展与成熟，网络的带宽进一步加阔，网络应用也越来越广泛。网页制作更是日新月异，层出不穷。涌现了很多琳琅满目的，使得整个互联网多姿多彩。在进行动态网页制作的时候，通常都是使用ASP来完成。由于ASP使用方便，操作简单，很多网页设计者一直使用ASP。ASP集成在HTML和脚本语言中，其工作界面简单，因此，ASP相对于其他网页制作软件来说，易学易用，是网页制作初学者的入门软件。同时配合数据库的操作，使个人具有更好的网络平台和

6、交互性。1.3已经取得的研究成果中国互联网在近几年发展迅猛。一方面，产生了一批依赖技术领先的互联网公司，取得了成功；另一方面，互联网技术逐渐走向普及，使得行业进入门槛正在降低4。在这里面出现了大量的个人。并且个人存在着巨大的商业价值。如果能以强大的号召力，把互补的个人联合起来，不知道可以成立多少个门户。我们有理由相信，个人还极具潜力。1.4选题的目的及意义随着Internet的迅速普及，我们已经不再满足于仅仅浏览网页，而是希望更深入地参预到网络中去，Internet的开放性使个人建立自己的成为可能，拥有自己的也越来越成为一种时尚，同时创建一个能充分体现自我风格和特色的个人已经成为互联网用户的新

7、追求。我们更需要交流，相信交流能够促进我们不断的进步，并融合别人的长处；让我们多一些渠道倾听来自不同立场的声音；设想我们的网络，当每个人都拥有个人网页，不管是否在线，我们都可以跨越时间、空间进行交流，因为这个网页中拥有我所有的一切，生活，见解，知识，思想；理想的状态是个人门户就是每个人的影子，他为每个人打点网络上的一切，很多志同道合的朋友会在这里和你相识相知。1.5课题研究的主要容互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位5。他们钻研并且努力进入到这一个新的空间，新的领域。其中包括你和我。在我们的工作、日常生活中，能够拥有一个自己的，一个已经成为不少

8、人的希望和骄傲。就这个课题的研究，因为是个人，所以我只是选择了自己擅长和喜爱的容，在突出自己的风格和特点的同时，还应用了现在流行的设计技术和数据库技术。第二章 设计部分2.1设计的愿望在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此建设在Internet应用上的地位显而易见，它已成为个人、政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视7。越来越多的人希望能真正参预到互联网上，这就出现了越来越多的个人的设计以及推广的工作和任务。就我个人而言，之所以在毕业设计的时候选择这个课题是因为我也想拥

9、有自己的个人，在互联网上拥有自己的一席之地，从而真正的参与到网络中去，做网络新时代的主人，同时也希望自己喜欢和收藏的一些东西能够和网络一起分享，和互联网上的你一起分享。我所制作的个人大体可分为以下几个功能：1搜索引擎：根据浏览者的要求，使用主页上的搜索引擎到XX，在整个Internet上进行搜索，完成信息的优化与提取。2论坛：主要功能是网友和之间的交流平台，也是网友给版主提出意见的主要渠道。在论坛中用户可以发表意见，这些意见可以让所有人看到，也可以只让版主看到，版主和其他人可以针对留言的容进行回复，只留给版主的留言只有版主能够回复，并且版主可以登录后台对留言进行管理，是否发表或删除。3发送电子

10、：网友可以通过“联系我”利用outlook 向版主或其他人发送电子。4精品收藏：在其中展示我喜爱的东西，包括电影、歌曲和一些优美的文章。奇文共欣赏，疑义相与析。我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。但我增加了管理权限，我以管理员的身份可以对加入的新容进行管理，即允许加入和对其进行删除。5留言板：是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。2.2设计的背景2.2.1设计介绍这次我所设计的课题正是互联网与个人生活之间的紧密联系的体现，个人的宣传，包括个人简介、论坛、个人照片

11、、个人专题等。在突出自己的风格和特点的同时，还应用了现在流行的设计技术和数据库技术。2.2.2用户特征用户人群：具有基本的计算机操作能力，熟知网络并能够在Internet遨游。2.2.3运行环境软件平台需要服务器上的操作系统为Microsoft windows XP server。因为ASP的开发平台首选是Windows NT Server(Windows 2000 Server)上的IIS，然后是Windows NT Workstation(Windows 2000 Profession)或Windows95/98的Personal Web，同样现在的浏览器是微软一家独大，使用的浏览器是微软

12、的explorer，的数据库使用了同样是Microsoft的office access数据库，因为一个数据不是很庞大的个人没有必要使用oracle等大型数据库系统，同时access数据库结构比较的简单，使用起来比较简单好用。2.2.4术语说明一：ODBC：开放式数据库互连8二：Personal Portal：个人网页三：Data Processing:数据处理 四：Transaction processing:事务处理五：Access 2000：数据库六：ASP：活动服务器网页七：HTML：超文本标志语言2.3达到的预期成果在明确了我的个人的风格和定位后，就是的材料组织以及的页面设计和数据库设

13、计。最后完成发不到网上后，能够充分吸引浏览者的目光，利用搜索引擎，浏览者可以在搜索自己喜欢的资料，并且可以在留言板和大家交流，在后台管理页面中，通过身份认证，管理员可以对信息进行管理。站的其它页面均是我自己的精心收藏，与大家一起分享。2.4对ASP的简要介绍2.4.1 IIS的简要介绍IIS是Internet Information Server的缩写，它是微软公司主推的Web服务器， 最新的版本是Windows2000里面包含的IIS 5.0，IIS与WindowNT Server完全集成在一起， 因而用户能够利用Windows NT Server和NTFS（NT File System，N

14、T的文件系统）置的安全特性， 建立强大、灵活而安全的Internet和Intranet站点。 IIS的一个重要特性是支持ASP9。IIS 3.0版本以后引入了ASP，可以很容易的贴动态容和开发基于Web的应用程序。IIS的安装步骤： (1)点击：【开始】-【设置】-【控制面板】-【添加/删除程序】，打开“添加/删除程序”对话框。(2)点击左边菜单栏中“添加/删除Windows组件”项，打开“Windows组件向导”对话框（这个过程可能要花几十秒钟），在对话框“组件”列表中，选中“Internet 信息服务（IIS）”项。 (3)将“Windows 2000”安装盘放入光驱中，然后点击“下一步”

15、。这个步骤可能会花几分钟。 (4)点击“完成”按钮，完成IIS的安装。2.4.2数据库Access的简要介绍Access数据库是集成在Microsoft公司开发的产品更新换代Office系统中的集成软件10。Access是一个数据库管理系统，它之所以被集成到Office中而不是Visual Studio中，是因为它与其它的数据库管理系统（如Visual FoxPro）相比更加简单易学，一个普通的计算机用户即可掌握并使用它。而且最重要的一点是，Access的功能足够强大，足以应付一般的数据管理及处理需要。ODBC（Open Database Connectivity开放式数据库互联）是微软推出的

16、一种工业标准，一种开放的独立于厂商的API应用程序接口，可以跨平台访问各种个人计算机、小型机以及主机系统11。ODBC作为一个工业标准，绝大多数数据库厂商、大多数应用软件和工具软件厂商都为自己的产品提供了ODBC接口或提供了ODBC支持，这其中就包括常用的SQL SERVER、ORACAL、INFORMIX等，当然也包括了Access。ASP访问数据库的几种方式：在ASP脚本中可以通过三种方式访问数据库：IDC（Internet Database Connector）方式；ADO（ActiveX Data Objects）方式；RDS（Remote Data Service）方式；这三种访问方

17、式对数据库的访问是由Internet Information Server来完成的。Web浏览器用HTTP协议向Internet信息服务器（IIS）递交请求。Internet信息服务器执行访问数据库的操作，并以一个HTML格式的文档作为回答12。在本程序中我使用的是第二种方式，即ADO方式。2.4.3 Access 的组件介绍我们在Web服务器运用Web应用程序进行的最常见和最实用的任务就是访问服务器端的数据库。而ASP建的Databse Access组件使得我们能够轻而易举地通过ActiexX Data Objects(ADO)访问存储在服务器端的数据库或其他表格化数据结构中的信息。ADO是

18、对当前微软所支持的数据库进行操作的最有效和最简单直接的方法，它是一种功能强大的数据访问编程模式，从而使得大部分数据源可编程的属性得以直接扩展到Active Server页面上13。可以使用ADO去编写紧凑简明的脚本便连接到Open Datase Connetivity(ODBC)兼容的数据库和OLE DB兼容的数据源，这样ASP程序员就可以访问任何与ODBC兼容的数据库，包括MS SQL SERVER Avccess , Ovracle等。如果您是一个对数据库连接有一定了解的脚本编写人员，那将发现ADO命令语句并不复杂而且容易掌握，同样地，如果您是一个经验丰富的数据库编程人员，将会正确认识AD

19、O的先进的与语言无关性和查询处理功能。熟悉VB数据库编程的朋友会发现ADO与RDO有某中类似的地方。但是据说ADO的访问的速度更快,存需要更小。2.4.4创建Access数据库介绍用Microsoft Access 来创建数据库，最简单的是通过它提供的的一个“向导”，在启动这个软件以后，建立数据库文件的操作。 下面是我利用“向导”来创建一份数据库文件的具体操作步骤：1.选择“Access数据库向导、数据页和项目”单选按扭，然后单击“确定”按钮，若选择Microsoft Access对话框中的“空Access数据库”单选项按钮，就会建立一个空的数据库了，数据库里面的信息需要手工来添加，若选择“打

20、开已有文件”单选按钮则可以从下方的列表中选择打开已经存在的数据库。 1.1在弹出的“新建”对话框中，我们可以选择一个模板来快速建立数据库，我们就先选择个“定单管理”看看，然后单击“确定”按扭。 1.2“文件新建数据库”对话框的功能是，指定数据文件名，以及保存它的文件夹。我们就以它的初始文件名“定单入口1”吧，单击“创建”安扭后，新建的数据库文件就将被指定保存到Microsoft Access默认的文件夹下了，或我们给它指定一个新的也行，这样一来，一份新的数据库就建立好了，屏幕上也将显示“数据库向导”对话框。2“下一步”按钮。2.1以上“数据库向导”对话框分为左右两部分，左边的窗口是用来选择“数

21、据库中的表”，右边的窗口是用来选择“表中的字段”。选择好所需要的数据库中的表和表中的字段之后，就单击下一步按钮。2.2以上“数据库向导”对话框是用来确定屏幕的显示样式，我们就采用标准样式吧，单击下一步按钮。2.3以上“数据库向导”对话框是用来确定打印报表的样式的，我们可以选择如“组织”样式，然后单击下一步按钮。2.4以上“数据库向导”对话框的作用是确定数据库的标题和是否在所有报表上加一幅图片，我们就先设定数据库的标题为“定单入口”，并不在所有报表上加图片，然后单击下一步按钮。2.5单击以上“数据库向导”对话框的“完成”按钮，就完成了创建数据库的工作了。2.6象这个数据库在使用之前还会弹出“我的

22、公司信息”对话框，当然，不同的模板是不相同的，象这个就是要求输入公司的名称和地址信息，如下图所示，关闭这个对话框，系统将自动保存信息。2.7关闭“我的公司信息”对话框后，会弹出“主切换面板”对话框。位于“主切换面板”对话框后面的是“定单入口1”窗体，通过这两个窗体即可对新创建的数据库进行各种操作了。无论什么时候使用“数据库向导”新建数据库，Microsoft Access都将自动新建一个切换面板，这个面板对浏览数据库都是很有帮助的，“切换面板”中有一些按钮，单击它们可以打开相应的窗体和报表，或打开其他窗体和报表的切换面板、退出Microsoft Access或自定义切换面。2.4.5对ASP的

23、简要介绍Active Server Pages（ASP）是服务器端脚本编写环境，使用它可以创建和运行动态、交互的 Web 服务器应用程序。使用 ASP 可以组合 HTML页、VBScript脚本命令和JavaScript脚本命令等，以创建交互的 Web 页和基于 Web 的功能强大的应用程序14。 由于脚本程序是在服务器上而不是在客户端运行，传送到浏览器上的 Web 页是在 Web 服务器上生成的。所以不必担心浏览器能否处理脚本：Web 服务器已经完成了所有脚本的处理，并将标准的 HTML 页面传输到浏览器。由于只有脚本的结果返回到浏览器，所以服务器端脚本不易被别人复制。用户看不到创建他们正在

24、浏览的页的脚本命令。1：ASP的运行环境：ASP只能用于下列Web Server 1.1 IIS 1.2 Microsoft Personal Web Server 2：ASP的编程语言：ASP可以使用VBScript和JavaScript进行程序编写。3：ASP文件，ASP的文件后缀名为.ASP，以区别于同样可以包含Script的HTML 文件。一个.ASP文件是一个文本文件， 可以包括下列元素的任意组合： 3.1 文本（text） 3.2 HTML标志（tags） 3.3 Script命令 ASP： 不需要任何HTML的tag,保存在文件中，起个好听的名字，文件名的后缀一定要改为 .ASP

25、 ，然后上传到服务器上一个有执行权的目录下（例如wwwroot），接下来的问题是，怎么执行这个ASP程序。2.4.6 ASP访问数据库的原理ASP是服务器端的脚本执行环境，可用来产生和执行动态的高性能的WEB服务器程序。当用户使用浏览器请求ASP主页时，WEB服务器响应，调用ASP引擎来执行ASP文件，并解释其中的脚本语言（javascript或vbscript），通过ODBC连接数据库，由数据库访问组件ADO（active data objects）完成数据库操作，最后ASP生成包含有数据查询结果的HTML主页返回用户端显示15。2.4.7对ASP的简要介绍ASP是服务器端的脚本执行环境，可

26、用来产生和执行动态的高性能的WEB服务器程序。当用户使用浏览器请求ASP主页时，WEB服务器响应，调用ASP引擎来执行ASP文件，并解释其中的脚本语言（javascript或vbscript），通过ODBC连接数据库，由数据库访问组件ADO（active data objects）完成数据库操作，最后ASP生成包含有数据查询结果的HTML主页返回用户端显示15。2.5任务概述随着计算机的普及和网络技术的迅速发展，人们也越来越依赖于计算机和网络。因此，网络安全应该也必须引起注意。网络安全是一门涉及计算机、网络、通讯、密码、信息安全、应用数学、数论、信息论等多种学科的综合性学科，涉及面极广，而且不

27、断更新和发展。该个人系统是基于Internet/Intranet 及Web技术，建立以Browser/Server 为结构模式、以数据库为后台核心应用、以服务为目的信息平台，对资源进行科学的加工整序和管理维护，为用户提供个人信息保障和直接参预到互联网上而设计的系统。包括界面设计,代码设计,这一阶段偏重于网页制作工具和技巧的应用, 编写总系统总体功能分析及架构图。一 个人简介： 介绍版主的一些基本信息，希望各位访客能够认识版主。二 我的论坛：此版块又分为主页、发表意见、回复意见、显示论坛容、版主后台管理以及版主的回复界面。其中发表意见界面是所有访客都可以在论坛里面发表自己的意见，这些意见可以是发

28、表给所有的访客，也可以是只发表给版主，如果只发表给版主，只有版主可以看到和回复；回复意见是所有访客针对自己感兴趣的话题进行回复；这些发表的意见和回复可以在显示论坛容的界面都显示出来，供大家讨论；那些只有版主才能看到的信息在版主的管理界面，这个界面需要登录，设有用户名和密码，在这里版主可以对所有评论进行发表或删除的管理。图2-1 论坛功能图1 个人专题：这里收录了我平时搜集的一些文章和音乐，各位访客可以根据自己的喜好进行阅览。2 我的相册：在这个板块可以看到我的照片，班级照片和搜集的校园照片，如果大家喜欢可以收藏。更改照片的时候只要更新数据库就可以了。3 说明：里面是我对整个的介绍，不太清楚构架

29、的访客可以先到这里。4 给我留言：这是每位访客针对我的情况给我留言，这些留言会直接保存到数据库里面，并且能够轻松的读取。图2-2 留言板功能图5 发送：各位访客可以通过outlook向版主或者其他人发送电子。6 XX：如果访客想在互联网上查找东西，可以直接点击这里。图2-3 的各个模块2.6数据库结构设计2.6.1论坛管理员登录表2-1 管理员登录字段名称 数据类型字段大小允许空说明id自动编号长整型否无user文本 50否无pwd文本50否无1表的说明此表是用来论坛管理员登录的，共分为三个字段，其中id字段设为主键，数据类型是自动编号，user和pwd字段分别用来存放管理员的登录名和密码，数

30、据类型文本。2限制条件在论坛管理员登录时，只有正确输入此表中的用户名和密码才能够登录到管理界面，才有权对论坛里面的容进行删除，否则只能2.6.2论坛发言表2-2 论坛发言表字段名称数据类型字段大小允许空说明id自动编号长整型自动编号time日期/时间是留言时间name文本50是sex文本50是性別url备注 是个人color文本50是留言颜色email备注是电子sysop文本50是给版主pic文本50是表情图示Yahoo文本50是Yahoo Msnmsage文本50是MSNICQ文本50是ICQtxt备注是留言內容ip文本50是留言位置uptime日期/时间是回应时间1表的说明此表是用来记录访

31、客基本信息以及发表评论容的，共有十五个字段，这里只给出了七个字段，其中id 字段设为主键，数据类型是自动编号，time字段数据类型是日期/时间，其余为文本或者备注。每个在论坛里发表评论的访客的基本信息和评论容都可以保存在此表中，便于显示调用。2限制条件没有在论坛中正确填入自己的基本信息，就会导致登录失败，表中不会保存此容。2.6.3论坛回复表1表的说明此表用来存放访客针对论坛里面的容所做的回复容，各字段的容同论坛发言表。每个在论坛里回复评论的访客的基本信息和评论容都可以保存在此表中，便于显示调用。2限制条件没有在论坛中正确填入自己的基本信息，就会导致回复失败，表中也不会保存此容。 表2-3 论坛回复表字段名称数据类型字段大小允许空说明id数字长整型无id_2自动编号长整型自动编号time日期/时间留言时间name文本50是