个人网站的制作与建立毕业设计.docx
- 文档编号:9449792
- 上传时间:2023-05-19
- 格式:DOCX
- 页数:32
- 大小:1.42MB
个人网站的制作与建立毕业设计.docx
《个人网站的制作与建立毕业设计.docx》由会员分享,可在线阅读,更多相关《个人网站的制作与建立毕业设计.docx(32页珍藏版)》请在冰点文库上搜索。
个人网站的制作与建立毕业设计
个人网站的制作与建立毕业设计
第一章文献综述
互联网是社会发展的必然趋势,很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。
他们钻研并且努力进入到这一个新的空间,新的领域。
以个人为中心,淡化了传统中心地位,使得我们的世界向多元化加速发展,人人都有话语权,人人都是中心。
互联网是一个互动性极强的平台,它自由、宽容、平等、共享,并使来自民间的声音参与到了构建主流话语的行动中来。
计算机技术的发展,特别是网络技术的飞速发展,给文档的保存和管理提供极大的方便[1]。
本论文中,将软件工程的基本原理和方法应用到整个网站系统,并对其进行需求分析,提出了解决问题的具体方法。
在具体制作中,用ASP技术来实现B/S系统,ASP技术与数据库技术结合,用户在浏览器端可以随意查询自己需要的标本,这样提高了网页的互动性,使整个系统能更好的为用户服务。
Internet飞速发展使得网站不再仅仅为企业或公司等大型结构所拥有,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。
因此网站建设在Internet应用上的地位显而易见,一个家庭甚至个人都可以拥有属于自己的网站,而在这其中,个人网站已经日渐普及,而且发展到今天,创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。
1.1课题研究现状分析
伴随着社会的发展和科学的进步,上网成为越来越多人们的选择。
随着互联网的飞速发展,有关网络的技术也层出不穷[2]。
如今互联网上的个人网站如雨后春笋般蓬勃发展,绚丽多彩的主页比比皆是。
每个人都有发挥个人才能,挥洒自己个性的网上伊甸园。
在hao123神话以后,网站大全类网站又再一次达到顶峰。
然而这个模式拷贝成功的网站却寥寥无几。
而对于技术薄弱的个人网站来说,似乎网址类网站应该是一个很好的切入点。
但是由于搜索的异军突起,网址类网站似乎变得可有可无。
网页实际是一个文件,他存放在世界某个角落的某一台计算机中而这台计算机必须是与互联网相连的。
网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。
文字与图片是构成一个网页的两个最基本的元素。
可以简单的理解为:
文字,就是网页的内容,图片,就是网页的美观。
除此之外,网页的元素还包括动画、音乐、程序等等。
网页实际上只是一个纯文本文件,它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜色、大小),而浏缆器则对这些标记进行解释并生成页面。
1.2个人网站的研究工作
1.理论研究基础
个人网站是由个别提供的一套集博客、文章、相册、日程、通讯录、链接、调查、留言板等诸多功能于一体的网络平台。
个人网站的自由、开放精神,并使之更容易操作,更具个性需求,而不需要高深的技术[3]。
它可以帮助个人进行全面的信息化,以多种形式达到对信息获取、组织、思考、表达、共享和交流的目的。
以个人为中心,建立一个完全属于自己的可定制的个性化网络平台。
来自文章的评论,留言板都可以很好的进行交流,倾听别人的声音。
2.技术层面的支持
随着互联网的进一步发展与成熟,网络的带宽进一步加阔,网络应用也越来越广泛。
网页制作更是日新月异,层出不穷。
涌现了很多琳琅满目的网站,使得整个互联网多姿多彩。
在进行动态网页制作的时候,通常都是使用ASP来完成。
由于ASP使用方便,操作简单,很多网页设计者一直使用ASP。
ASP集成在HTML和脚本语言中,其工作界面简单,因此,ASP相对于其他网页制作软件来说,易学易用,是网页制作初学者的入门软件。
同时配合数据库的操作,使个人网站具有更好的网络平台和交互性。
1.3已经取得的研究成果
中国互联网在近几年发展迅猛。
一方面,产生了一批依赖技术领先的互联网公司,取得了成功;另一方面,互联网技术逐渐走向普及,使得行业进入门槛正在降低[4]。
在这里面出现了大量的个人网站。
并且个人网站存在着巨大的商业价值。
如果能以强大的号召力,把互补的个人网站联合起来,不知道可以成立多少个门户网站。
我们有理由相信,个人网站还极具潜力。
1.4选题的目的及意义
随着Internet的迅速普及,我们已经不再满足于仅仅浏览网页,而是希望更深入地参预到网络中去,Internet的开放性使个人建立自己的网站成为可能,拥有自己的网站也越来越成为一种时尚,同时创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。
我们更需要交流,相信交流能够促进我们不断的进步,并融合别人的长处;让我们多一些渠道倾听来自不同立场的声音;设想我们的网络,当每个人都拥有个人网页,不管是否在线,我们都可以跨越时间、空间进行交流,因为这个网页中拥有我所有的一切,生活,见解,知识,思想;理想的状态是个人门户就是每个人的影子,他为每个人打点网络上的一切,很多志同道合的朋友会在这里和你相识相知。
1.5课题研究的主要内容
互联网是社会发展的必然趋势,很多人已经意识到网络的强大生命力和它在未来将处于的重要地位[5]。
他们钻研并且努力进入到这一个新的空间,新的领域。
其中包括你和我。
在我们的工作、日常生活中,能够拥有一个自己的网站,一个已经成为不少人的希望和骄傲。
就这个课题的研究,因为是个人网站,所以我只是选择了自己擅长和喜爱的内容,在突出自己的风格和特点的同时,还应用了现在流行的网站设计技术和数据库技术。
第二章设计部分
2.1设计的愿望
在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。
因此网站建设在Internet应用上的地位显而易见,它已成为个人、政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视[7]。
越来越多的人希望能真正参预到互联网上,这就出现了越来越多的个人网站的设计以及推广的工作和任务。
就我个人而言,之所以在毕业设计的时候选择这个课题是因为我也想拥有自己的个人网站,在互联网上拥有自己的一席之地,从而真正的参与到网络中去,做网络新时代的主人,同时也希望自己喜欢和收藏的一些东西能够和网络一起分享,和互联网上的你一起分享。
我所制作的个人网站大体可分为以下几个功能:
1.搜索引擎:
根据浏览者的要求,使用主页上的搜索引擎链接到XX,在整个Internet上进行搜索,完成信息的优化与提取。
2.论坛:
主要功能是网友和网站之间的交流平台,也是网友给版主提出意见的主要渠道。
在论坛中用户可以发表意见,这些意见可以让所有人看到,也可以只让版主看到,版主和其他人可以针对留言的内容进行回复,只留给版主的留言只有版主能够回复,并且版主可以登录后台对留言进行管理,是否发表或删除。
3.发送电子邮件:
网友可以通过“联系我”利用outlook向版主或其他人发送电子邮件。
4.精品收藏:
在其中展示我喜爱的东西,包括电影、歌曲和一些优美的文章。
奇文共欣赏,疑义相与析。
我只想起到抛砖引玉的作用,让大家从中认识我和了解我,让一些美好的东西我们大家共同来欣赏。
但我增加了管理权限,我以管理员的身份可以对加入的新内容进行管理,即允许加入和对其进行删除。
5.留言板:
是一个我与大家谈心交流的地方,在留言板中,我们可以畅所欲言,和大家进行交流。
就我们感兴趣的话题展开讨论。
和大家进行沟通。
2.2设计的背景
2.2.1设计介绍
这次我所设计的课题正是互联网与个人生活之间的紧密联系的体现,个人的宣传网站,包括个人简介、论坛、个人照片、个人专题等。
在突出自己的风格和特点的同时,还应用了现在流行的网站设计技术和数据库技术。
2.2.2用户特征
用户人群:
具有基本的计算机操作能力,熟知网络并能够在Internet遨游。
2.2.3运行环境
软件平台需要服务器上的操作系统为MicrosoftwindowsXPserver。
因为ASP的开发平台首选是WindowsNTServer(Windows2000Server)上的IIS,然后是WindowsNTWorkstation(Windows2000Profession)或Windows95/98的PersonalWeb,同样现在的浏览器是微软一家独大,使用的浏览器是微软的explorer,网站的数据库使用了同样是Microsoft的officeaccess数据库,因为一个数据不是很庞大的个人网站没有必要使用oracle等大型数据库系统,同时access数据库结构比较的简单,使用起来比较简单好用。
2.2.4术语说明
一:
ODBC:
开放式数据库互连[8]
二:
PersonalPortal:
个人网页
三:
DataProcessing:
数据处理
四:
Transactionprocessing:
事务处理
五:
Access2000:
数据库
六:
ASP:
活动服务器网页
七:
HTML:
超文本标志语言
2.3达到的预期成果
在明确了我的个人网站的风格和定位后,就是网站的材料组织以及网站的页面设计和数据库设计。
网站最后完成发不到网上后,能够充分吸引浏览者的目光,利用搜索引擎,浏览者可以在网站内搜索自己喜欢的资料,并且可以在留言板和大家交流,在后台管理页面中,通过身份认证,管理员可以对网站信息进行管理。
站内的其它页面均是我自己的精心收藏,与大家一起分享。
2.4对ASP的简要介绍
2.4.1IIS的简要介绍
IIS是InternetInformationServer的缩写,它是微软公司主推的Web服务器,最新的版本是Windows2000里面包含的IIS5.0,IIS与WindowNTServer完全集成在一起,因而用户能够利用WindowsNTServer和NTFS(NTFileSystem,NT的文件系统)内置的安全特性,建立强大、灵活而安全的Internet和Intranet站点。
IIS的一个重要特性是支持ASP[9]。
IIS3.0版本以后引入了ASP,可以很容易的张贴动态内容和开发基于Web的应用程序。
IIS的安装步骤:
(1)点击:
【开始】->【设置】->【控制面板】->【添加/删除程序】,打开“添加/删除程序”对话框。
(2)点击左边菜单栏中“添加/删除Windows组件”项,打开“Windows组件向导”对话框(这个过程可能要花几十秒钟),在对话框“组件”列表中,选中“Internet信息服务(IIS)”项。
(3)将“Windows2000”安装盘放入光驱中,然后点击“下一步”。
这个步骤可能会花几分钟。
(4)点击“完成”按钮,完成IIS的安装。
2.4.2数据库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方式。
2.4.3Access的组件介绍
我们在Web服务器运用Web应用程序进行的最常见和最实用的任务就是访问服务器端的数据库。
而ASP内建的DatabseAccess组件使得我们能够轻而易举地通过ActiexXDataObjects(ADO)访问存储在服务器端的数据库或其他表格化数据结构中的信息。
ADO是对当前微软所支持的数据库进行操作的最有效和最简单直接的方法,它是一种功能强大的数据访问编程模式,从而使得大部分数据源可编程的属性得以直接扩展到ActiveServer页面上[13]。
可以使用ADO去编写紧凑简明的脚本便连接到OpenDataseConnetivity(ODBC)兼容的数据库和OLEDB兼容的数据源,这样ASP程序员就可以访问任何与ODBC兼容的数据库,包括MSSQLSERVERAvccess,Ovracle等。
如果您是一个对数据库连接有一定了解的脚本编写人员,那将发现ADO命令语句并不复杂而且容易掌握,同样地,如果您是一个经验丰富的数据库编程人员,将会正确认识ADO的先进的与语言无关性和查询处理功能。
熟悉VB数据库编程的朋友会发现ADO与RDO有某中类似的地方。
但是据说ADO的访问的速度更快,内存需要更小。
2.4.4创建Access数据库介绍
用MicrosoftAccess来创建数据库,最简单的是通过它提供的的一个“向导”,在启动这个软件以后,建立数据库文件的操作。
下面是我利用“向导”来创建一份数据库文件的具体操作步骤:
1.选择“Access数据库向导、数据页和项目”单选按扭,然后单击“确定”按钮,若选择MicrosoftAccess对话框中的“空Access数据库”单选项按钮,就会建立一个空的数据库了,数据库里面的信息需要手工来添加,若选择“打开已有文件”单选按钮则可以从下方的列表中选择打开已经存在的数据库。
1.1在弹出的“新建”对话框中,我们可以选择一个模板来快速建立数据库,我们就先选择个“定单管理”看看,然后单击“确定”按扭。
1.2“文件新建数据库”对话框的功能是,指定数据文件名,以及保存它的文件夹。
我们就以它的初始文件名“定单入口1”吧,单击“创建”安扭后,新建的数据库文件就将被指定保存到MicrosoftAccess默认的文件夹下了,或我们给它指定一个新的也行,这样一来,一份新的数据库就建立好了,屏幕上也将显示“数据库向导”对话框。
2“下一步”按钮。
2.1以上“数据库向导”对话框分为左右两部分,左边的窗口是用来选择“数据库中的表”,右边的窗口是用来选择“表中的字段”。
选择好所需要的数据库中的表和表中的字段之后,就单击下一步按钮。
2.2以上“数据库向导”对话框是用来确定屏幕的显示样式,我们就采用标准样式吧,单击下一步按钮。
2.3以上“数据库向导”对话框是用来确定打印报表的样式的,我们可以选择如“组织”样式,然后单击下一步按钮。
2.4以上“数据库向导”对话框的作用是确定数据库的标题和是否在所有报表上加一幅图片,我们就先设定数据库的标题为“定单入口”,并不在所有报表上加图片,然后单击下一步按钮。
2.5单击以上“数据库向导”对话框的“完成”按钮,就完成了创建数据库的工作了。
2.6象这个数据库在使用之前还会弹出“我的公司信息”对话框,当然,不同的模板是不相同的,象这个就是要求输入公司的名称和地址信息,如下图所示,关闭这个对话框,系统将自动保存信息。
2.7关闭“我的公司信息”对话框后,会弹出“主切换面板”对话框。
位于“主切换面板”对话框后面的是“定单入口1”窗体,通过这两个窗体即可对新创建的数据库进行各种操作了。
无论什么时候使用“数据库向导”新建数据库,MicrosoftAccess都将自动新建一个切换面板,这个面板对浏览数据库都是很有帮助的,“切换面板”中有一些按钮,单击它们可以打开相应的窗体和报表,或打开其他窗体和报表的切换面板、退出MicrosoftAccess或自定义切换面。
2.4.5对ASP的简要介绍
ActiveServerPages(ASP)是服务器端脚本编写环境,使用它可以创建和运行动态、交互的Web服务器应用程序。
使用ASP可以组合HTML页、VBScript脚本命令和JavaScript脚本命令等,以创建交互的Web页和基于Web的功能强大的应用程序[14]。
由于脚本程序是在服务器上而不是在客户端运行,传送到浏览器上的Web页是在Web服务器上生成的。
所以不必担心浏览器能否处理脚本:
Web服务器已经完成了所有脚本的处理,并将标准的HTML页面传输到浏览器。
由于只有脚本的结果返回到浏览器,所以服务器端脚本不易被别人复制。
用户看不到创建他们正在浏览的页的脚本命令。
1:
ASP的运行环境:
ASP只能用于下列WebServer
1.1IIS
1.2MicrosoftPersonalWebServer
2:
ASP的编程语言:
ASP可以使用VBScript和JavaScript进行程序编写。
3:
ASP文件,ASP的文件后缀名为.ASP,以区别于同样可以包含Script的HTML文件。
一个.ASP文件是一个文本文件,可以包括下列元素的任意组合:
3.1文本(text)
3.2HTML标志(tags)
3.3Script命令
ASP:
不需要任何HTML的tag,保存在文件中,起个好听的名字,文件名的后缀一定要改为.ASP,然后上传到服务器上一个有执行权的目录下(例如wwwroot),接下来的问题是,怎么执行这个ASP程序。
2.4.6ASP访问数据库的原理
ASP是服务器端的脚本执行环境,可用来产生和执行动态的高性能的WEB服务器程序。
当用户使用浏览器请求ASP主页时,WEB服务器响应,调用ASP引擎来执行ASP文件,并解释其中的脚本语言(javascript或vbscript),通过ODBC连接数据库,由数据库访问组件ADO(activedataobjects)完成数据库操作,最后ASP生成包含有数据查询结果的HTML主页返回用户端显示[15]。
2.4.7对ASP的简要介绍
ASP是服务器端的脚本执行环境,可用来产生和执行动态的高性能的WEB服务器程序。
当用户使用浏览器请求ASP主页时,WEB服务器响应,调用ASP引擎来执行ASP文件,并解释其中的脚本语言(javascript或vbscript),通过ODBC连接数据库,由数据库访问组件ADO(activedataobjects)完成数据库操作,最后ASP生成包含有数据查询结果的HTML主页返回用户端显示[15]。
2.5任务概述
随着计算机的普及和网络技术的迅速发展,人们也越来越依赖于计算机和网络。
因此,网络安全应该也必须引起注意。
网络安全是一门涉及计算机、网络、通讯、密码、信息安全、应用数学、数论、信息论等多种学科的综合性学科,涉及面极广,而且不断更新和发展。
。
该个人网站系统是基于Internet/Intranet及Web技术,建立以Browser/Server为结构模式、以数据库为后台核心应用、以服务为目的信息平台,对资源进行科学的加工整序和管理维护,为用户提供个人信息保障和直接参预到互联网上而设计的系统。
包括界面设计,代码设计,这一阶段偏重于网页制作工具和技巧的应用,编写总系统总体功能分析及架构图。
一个人简介:
介绍版主的一些基本信息,希望各位访客能够认识版主。
二我的论坛:
此版块又分为主页、发表意见、回复意见、显示论坛内容、版主后台管理以及版主的回复界面。
其中发表意见界面是所有访客都可以在论坛里面发表自己的意见,这些意见可以是发表给所有的访客,也可以是只发表给版主,如果只发表给版主,只有版主可以看到和回复;回复意见是所有访客针对自己感兴趣的话题进行回复;这些发表的意见和回复可以在显示论坛内容的界面都显示出来,供大家讨论;那些只有版主才能看到的信息在版主的管理界面,这个界面需要登录,设有用户名和密码,在这里版主可以对所有评论进行发表或删除的管理。
图2-1论坛功能图
1个人专题:
这里收录了我平时搜集的一些文章和音乐,各位访客可以根据自己的喜好进行阅览。
2我的相册:
在这个板块可以看到我的照片,班级照片和搜集的校园照片,如果大家喜欢可以收藏。
更改照片的时候只要更新数据库就可以了。
3网站说明:
里面是我对整个网站的介绍,不太清楚网站构架的访客可以先到这里。
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字段分别用来存放管理员的登录名和密码,数据类型文本。
2.限制条件
在论坛管理员登录时,只有正确输入此表中的用户名和密码才能够登录到管理界面,才有权对论坛里面的内容进行删除,否则只能
2.6.2论坛发言
表2-2论坛发言表
字段名称
数据类型
字段大小
允许空
说明
id
自动编号
长整型
自动编号
time
日期/时间
是
留言时间
name
文本
50
是
姓名
sex
文本
50
是
性別
url
备注
是
个人网站
color
文本
50
是
留言颜色
备注
是
电子邮件
sysop
文本
50
是
给版主
pic
文本
50
是
表情图示
Yahoo
文本
50
是
YahooMsn
msage
文本
50
是
MSN
ICQ
文本
50
是
ICQ
txt
备注
是
留言內容
ip
文本
50
是
留言位置
uptime
日期/时间
是
回应时间
1.表的说明
此表是用来记录访客基本信息以及发表评论内容的,共有十五个字段,这里只给出了七个字段,其中id字段设为主键,数据类型是自动编号,time字段数据类型是日期/时间,其余为文本或者备注。
每个在论坛里发表评论的访客的基本信息和评论内容都可以保存在此表中,便于显示调用。
2.限制条件
没有在论坛中正确填入自己的基本信息,就会导致登录失败,表中不会保存此内容。
2.6.3论坛回复表
1.表的说明
此表用来存放访客针对论坛里面的内容所做的回复内容,各字段的内容同论坛发言表。
每个在论坛里回复评论的访客的基本信息和评论内容都可以保存在此表中,便于显示调用。
2.限制条件
没有在论坛中正确填入自己的基本信息,就会导致
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 个人 网站 制作 建立 毕业设计