1、个人网站设计与实现(毕业设计论文)本科毕业(设计)论文陕西师范大学远程教育学院毕业论文(设计)论文题目 个人网站设计与实现 姓 名 姜雯 学 号 6181121034005 专 业 计算机科学技术 批次/层次 专升本 指导教师 郭志强 学习中心 西阳职教中心 目 录摘 要I第一章 文献综述11.1 课题研究现状分析11.2 个人网站的研究工作21.3 已经取得的研究成果21.4选题的目的及意义21.5 课题研究的主要内容3第二章 设计部分42.1设计的愿望42.2设计的背景52.3 达到的预期成果62.4使用工具的简要介绍62.5 任务概述102.7 数据库结构设计13第三章 结果与讨论173
2、.1 个人简介版块173.2 我的论坛版块173.3 个人专题版块213.4 我的相册版块223.5 网站说明版块233.6 给我留言版块243.7 发送邮件版块263.8 链接百度版块273.9 女生花园版块273.10 讨论28第四章 总结30参考文献31摘 要随着经济社会的发展,计算机已被应用到社会生活的各个领域。与此同时,互联网作为信息技术的通信桥梁连接着全球的计算机,而网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者,在Internet上表现出其及其重要的地位,并发挥着其及其重要的作用。无论是在国内还是国外都得以迅速的发展和壮大,并被人们重视和关注。互联网已经彻底的改变了
3、世界,互联网的世界里蕴藏着无限的可能,在这种情况下,各行各业及其个人、单位、工厂、企事业等等在网上构筑属于自己的网络信息平台,保护自己的网络资源并在互联网上开辟自己的市场和消费群体,以及构造自己的数字化世界和加强全球范围内不同地域的人们联系交流等等活动也就显的日益重要。于是各种各样的网站便如雨后春笋般地出现鱼龙混杂且良莠不齐。Internet的日益兴起和以网页为载体的网络信息的广泛传播和应用,使得网站的建设及网页制作得到发展的空间,大至大型企业的产品推销、售后服务、解决方案,小至个人Web页面开发,形形色色,五彩缤纷,网站建设和网页制作也成为计算机网络领域最热门的话题。论文论述了系统的开发背景
4、和设计目标,并对系统开发所采用的技术进行相应的简单介绍。在系统分析中,对系统的模型进行简单分析,明确系统的操作流程,并对系统进行可行性分析,确定在目前的条件下,开发留言板信息管理系统是可行的。在需求分析结果的基础上,对系统的功能模块进行划分。接着对系统中的数据库进行模型设计,包括数据流图、实体联系图及数据表结构。本文以个人网站建设为例,系统介绍网站的需求、系统分析及设计方案,最终并给出ASP技术实现网站的过程。关键词:留言板;互联网;日志第一章 文献综述互联网是社会发展的必然趋势,很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。他们钻研并且努力进入到这一个新的空间,新的领域。以个人
5、为中心,淡化了传统中心地位,使得我们的世界向多元化加速发展,人人都有话语权,人人都是中心。互联网是一个互动性极强的平台,它自由、宽容、平等、共享,并使来自民间的声音参与到了构建主流话语的行动中来。计算机技术的发展,特别是网络技术的飞速发展,给文档的保存和管理提供极大的方便1。本论文中,将软件工程的基本原理和方法应用到整个网站系统,并对其进行需求分析,提出了解决问题的具体方法。在具体制作中,用ASP技术来实现B/S系统,ASP技术与数据库技术结合,用户在浏览器端可以随意查询自己需要的标本,这样提高了网页的互动性,使整个系统能更好的为用户服务。Internet飞速发展使得网站不再仅仅为企业或公司等
6、大型结构所拥有,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,一个家庭甚至个人都可以拥有属于自己的网站,而在这其中,个人网站已经日渐普及,而且发展到今天,创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。1.1 课题研究现状分析伴随着社会的发展和科学的进步,上网成为越来越多人们的选择。随着互联网的飞速发展,有关网络的技术也层出不穷2。如今互联网上的个人网站如雨后春笋般蓬勃发展,绚丽多彩的主页比比皆是。每个人都有发挥个人才能,挥洒自己个性的网上伊甸园。在hao123神话
7、以后,网站大全类网站又再一次达到顶峰。然而这个模式拷贝成功的网站却寥寥无几。而对于技术薄弱的个人网站来说,似乎网址类网站应该是一个很好的切入点。但是由于搜索的异军突起,网址类网站似乎变得可有可无。网页实际是一个文件,他存放在世界某个角落的某一台计算机中而这台计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。文字与图片是构成一个网页的两个最基本的元素。可以简单的理解为:文字,就是网页的内容,图片,就是网页的美观。除此之外,网页的元素还包括动画、音乐、
8、程序等等。网页实际上只是一个纯文本文件,它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜色、大小),而浏缆器则对这些标记进行解释并生成页面。1.2 个人网站的研究工作1理论研究基础个人网站是由个别提供的一套集博客、文章、相册、日程、通讯录、链接、调查、留言板等诸多功能于一体的网络平台。个人网站的自由、开放精神,并使之更容易操作,更具个性需求,而不需要高深的技术3。它可以帮助个人进行全面的信息化,以多种形式达到对信息获取、组织、思考、表达、共享和交流的目的。以个人为中心,建立一个完全属于自己的可定制的个性化网络平台。来自文章的评论,留言板都可以很好的进行交流,倾听
9、别人的声音。2技术层面的支持随着互联网的进一步发展与成熟,网络的带宽进一步加阔,网络应用也越来越广泛。网页制作更是日新月异,层出不穷。涌现了很多琳琅满目的网站,使得整个互联网多姿多彩。在进行动态网页制作的时候,通常都是使用ASP来完成。由于ASP使用方便,操作简单,很多网页设计者一直使用ASP。ASP集成在HTML和脚本语言中,其工作界面简单,因此,ASP相对于其他网页制作软件来说,易学易用,是网页制作初学者的入门软件。同时配合数据库的操作,使个人网站具有更好的网络平台和交互性。1.3 已经取得的研究成果中国互联网在近几年发展迅猛。一方面,产生了一批依赖技术领先的互联网公司,取得了成功;另一方
10、面,互联网技术逐渐走向普及,使得行业进入门槛正在降低4。目前中国网站总数已经近百万。在这里面出现了大量的个人网站。并且个人网站存在着巨大的商业价值。如果能以强大的号召力,把互补的个人网站联合起来,不知道可以成立多少个门户网站。我们有理由相信,个人网站还极具潜力。1.4选题的目的及意义随着Internet的迅速普及,我们已经不再满足于仅仅浏览网页,而是希望更深入地参预到网络中去,Internet的开放性使个人建立自己的网站成为可能,拥有自己的网站也越来越成为一种时尚,同时创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。我们更需要交流,相信交流能够促进我们不断的进步,并融合别
11、人的长处;让我们多一些渠道倾听来自不同立场的声音;设想我们的网络,当每个人都拥有个人网页,不管是否在线,我们都可以跨越时间、空间进行交流,因为这个网页中拥有我所有的一切,生活,见解,知识,思想;理想的状态是个人门户就是每个人的影子,他为每个人打点网络上的一切,很多志同道合的朋友会在这里和你相识相知。1.5 课题研究的主要内容互联网是社会发展的必然趋势,很多人已经意识到网络的强大生命力和它在未来将处于的重要地位5。他们钻研并且努力进入到这一个新的空间,新的领域。其中包括你和我。在我们的工作、日常生活中,能够拥有一个自己的网站,一个已经成为不少人的希望和骄傲。就这个课题的研究,因为是个人网站,所以
12、我只是选择了自己擅长和喜爱的内容,在突出自己的风格和特点的同时,还应用了现在流行的网站设计技术和数据库技术。第二章 设计部分“个人网站要发展,要么是从我的需求出发,要么是从我周围人的需求出发。”国内著名个人网站站长、手机之家站长高春辉说。网页设计是一门新兴的设计类和网络的交叉学科,近几年随着网络的发展而逐渐收到人们的重视,它本身以网络为载体,把各种信息以最快捷、方便的方式传达给大众。一个网站项目的确立是建立在各种各样的需求上面的,这是个人网站,所以这种需求往往来自于个人的实际需求,其中每个人的实际需求占了绝大部分6。因此如何更好地的了解、分析、明确需求,并且能够准确、清晰以文档的形式表达出来,
13、保证开发过程按照个人需求为目的正确项目开发方向进行。2.1设计的愿望在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见,它已成为个人、政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视7。越来越多的人希望能真正参预到互联网上,这就出现了越来越多的个人网站的设计以及推广的工作和任务。就我个人而言,之所以在毕业设计的时候选择这个课题是因为我也想拥有自己的个人网站,在互联网上拥有自己的一席之地,从而真正的参与到网络中去,做网络新时代的主人,同时也希望自己
14、喜欢和收藏的一些东西能够和网络一起分享,和互联网上的你一起分享。我所制作的个人网站大体可分为以下几个功能:1搜索引擎:根据浏览者的要求,使用主页上的搜索引擎链接到百度,在整个Internet上进行搜索,完成信息的优化与提取。2论坛:主要功能是网友和网站之间的交流平台,也是网友给版主提出意见的主要渠道。在论坛中用户可以发表意见,这些意见可以让所有人看到,也可以只让版主看到,版主和其他人可以针对留言的内容进行回复,只留给版主的留言只有版主能够回复,并且版主可以登录后台对留言进行管理,是否发表或删除。3发送电子邮件:网友可以通过“联系我”利用outlook 向版主或其他人发送电子邮件。4精品收藏:在
15、其中展示我喜爱的东西,包括电影、歌曲和一些优美的文章。奇文共欣赏,疑义相与析。我只想起到抛砖引玉的作用,让大家从中认识我和了解我,让一些美好的东西我们大家共同来欣赏。但我增加了管理权限,我以管理员的身份可以对加入的新内容进行管理,即允许加入和对其进行删除。5留言板:是一个我与大家谈心交流的地方,在留言板中,我们可以畅所欲言,和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。2.2设计的背景2.2.1设计介绍这次我所设计的课题正是互联网与个人生活之间的紧密联系的体现,个人的宣传网站,包括个人简介、论坛、个人照片、个人专题等。在突出自己的风格和特点的同时,还应用了现在流行的网站设计技术和
16、数据库技术。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,同样现在的浏览器是微软一家独大,使用的浏览器是微软的explorer,网站的数据库使用了同样是microsoft的offi
17、ce access数据库,因为一个数据不是很庞大的个人网站没有必要使用oracle等大型数据库系统,同时access数据库结构比较的简单,使用起来比较简单好用。2.2.4 术语说明 ODBC:开放式数据库互连8 Personal Portal:个人网页 Data Processing:数据处理 Transaction processing:事务处理 Access 2000:数据库 ASP:活动服务器网页 HTML:超文本标志语言2.3 达到的预期成果在明确了我的个人网站的风格和定位后,就是网站的材料组织以及网站的页面设计和数据库设计。网站最后完成发不到网上后,能够充分吸引浏览者的目光,利用搜索
18、引擎,浏览者可以在网站内搜索自己喜欢的资料,并且可以在留言板和大家交流,在后台管理页面中,通过身份认证,管理员可以对网站信息进行管理。站内的其它页面均是我自己的精心收藏,与大家一起分享。2.4使用工具的简要介绍2.4.1 IIS的简要介绍IIS是Internet Information Server的缩写,它是微软公司主推的Web服务器, 最新的版本是Windows2000里面包含的IIS 5.0,IIS与WindowNT Server完全集成在一起, 因而用户能够利用Windows NT Server和NTFS(NT File System,NT的文件系统)内置的安全特性, 建立强大、灵活而
19、安全的Internet和Intranet站点。 IIS的一个重要特性是支持ASP9。IIS 3.0版本以后引入了ASP,可以很容易的张贴动态内容和开发基于Web的应用程序。IIS的安装步骤: (1)点击:【开始】-【设置】-【控制面板】-【添加/删除程序】,打开“添加/删除程序”对话框。(2)点击左边菜单栏中“添加/删除Windows组件”项,打开“Windows组件向导”对话框(这个过程可能要花几十秒钟),在对话框“组件”列表中,选中“Internet 信息服务(IIS)”项。 (3)将“Windows 2000”安装盘放入光驱中,然后点击“下一步”。这个步骤可能会花几分钟。 (4)点击“完
20、成”按钮,完成IIS的安装。2.4.2 数据库Access的简要介绍Access数据库是集成在Microsoft公司开发的产品更新换代Office系统中的集成软件10。Access是一个数据库管理系统,它之所以被集成到Office中而不是Visual Studio中,是因为它与其它的数据库管理系统(如Visual FoxPro)相比更加简单易学,一个普通的计算机用户即可掌握并使用它。而且最重要的一点是,Access的功能足够强大,足以应付一般的数据管理及处理需要。ODBC(Open Database Connectivity开放式数据库互联)是微软推出的一种工业标准,一种开放的独立于厂商的AP
21、I应用程序接口,可以跨平台访问各种个人计算机、小型机以及主机系统11。ODBC作为一个工业标准,绝大多数数据库厂商、大多数应用软件和工具软件厂商都为自己的产品提供了ODBC接口或提供了ODBC支持,这其中就包括常用的SQL SERVER、ORACAL、INFORMIX等,当然也包括了Access。ASP访问数据库的几种方式:在ASP脚本中可以通过三种方式访问数据库: IDC(Internet Database Connector)方式; ADO(ActiveX Data Objects)方式; RDS(Remote Data Service)方式;这三种访问方式对数据库的访问是由Interne
22、t Information Server来完成的。Web浏览器用HTTP协议向Internet信息服务器(IIS)递交请求。Internet信息服务器执行访问数据库的操作,并以一个HTML格式的文档作为回答12。在本程序中我使用的是第二种方式,即ADO方式。2.4.3 Access 的组件介绍我们在Web服务器运用Web应用程序进行的最常见和最实用的任务就是访问服务器端的数据库。而ASP内建的Databse Access组件使得我们能够轻而易举地通过ActiexX Data Objects(ADO)访问存储在服务器端的数据库或其他表格化数据结构中的信息。ADO是对当前微软所支持的数据库进行操作
23、的最有效和最简单直接的方法,它是一种功能强大的数据访问编程模式,从而使得大部分数据源可编程的属性得以直接扩展到Active Server页面上13。可以使用ADO去编写紧凑简明的脚本便连接到Open Datase Connetivity(ODBC)兼容的数据库和OLE DB兼容的数据源,这样ASP程序员就可以访问任何与ODBC兼容的数据库,包括MS SQL SERVER Avccess , Ovracle等。如果您是一个对数据库连接有一定了解的脚本编写人员,那将发现ADO命令语句并不复杂而且容易掌握,同样地,如果您是一个经验丰富的数据库编程人员,将会正确认识ADO的先进的与语言无关性和查询处理
24、功能。熟悉VB数据库编程的朋友会发现ADO与RDO有某中类似的地方。但是据说ADO的访问的速度更快,内存需要更小。2.4.4 创建Access数据库介绍用Microsoft Access 来创建数据库,最简单的是通过它提供的的一个“向导”,在启动这个软件以后,建立数据库文件的操作。 下面是我利用“向导”来创建一份数据库文件的具体操作步骤: 选择“Access数据库向导、数据页和项目”单选按扭,然后单击“确定”按钮,若选择Microsoft Access对话框中的“空Access数据库”单选项按钮,就会建立一个空的数据库了,数据库里面的信息需要手工来添加,若选择“打开已有文件”单选按钮则可以从下
25、方的列表中选择打开已经存在的数据库。 在弹出的“新建”对话框中,我们可以选择一个模板来快速建立数据库,我们就先选择个“定单管理”看看,然后单击“确定”按扭。 “文件新建数据库”对话框的功能是,指定数据文件名,以及保存它的文件夹。我们就以它的初始文件名“定单入口1”吧,单击“创建”安扭后,新建的数据库文件就将被指定保存到Microsoft Access默认的文件夹下了,或我们给它指定一个新的也行,这样一来,一份新的数据库就建立好了,屏幕上也将显示“数据库向导”对话框。 “下一步”按钮。 以上“数据库向导”对话框分为左右两部分,左边的窗口是用来选择“数据库中的表”,右边的窗口是用来选择“表中的字段
26、”。选择好所需要的数据库中的表和表中的字段之后,就单击下一步按钮。 以上“数据库向导”对话框是用来确定屏幕的显示样式,我们就采用标准样式吧,单击下一步按钮。 以上“数据库向导”对话框是用来确定打印报表的样式的,我们可以选择如“组织”样式,然后单击下一步按钮。 以上“数据库向导”对话框的作用是确定数据库的标题和是否在所有报表上加一幅图片,我们就先设定数据库的标题为“定单入口”,并不在所有报表上加图片,然后单击下一步按钮。 单击以上“数据库向导”对话框的“完成”按钮,就完成了创建数据库的工作了。 象这个数据库在使用之前还会弹出“我的公司信息”对话框,当然,不同的模板是不相同的,象这个就是要求输入公
27、司的名称和地址信息,如下图所示,关闭这个对话框,系统将自动保存信息。 关闭“我的公司信息”对话框后,会弹出“主切换面板”对话框。位于“主切换面板”对话框后面的是“定单入口1”窗体,通过这两个窗体即可对新创建的数据库进行各种操作了。无论什么时候使用“数据库向导”新建数据库,Microsoft Access都将自动新建一个切换面板,这个面板对浏览数据库都是很有帮助的,“切换面板”中有一些按钮,单击它们可以打开相应的窗体和报表,或打开其他窗体和报表的切换面板、退出Microsoft Access或自定义切换面。2.4.5 对ASP的简要介绍Active Server Pages(ASP)是服务器端脚
28、本编写环境,使用它可以创建和运行动态、交互的 Web 服务器应用程序。使用 ASP 可以组合 HTML页、VBScript脚本命令和JavaScript脚本命令等,以创建交互的 Web 页和基于 Web 的功能强大的应用程序14。 由于脚本程序是在服务器上而不是在客户端运行,传送到浏览器上的 Web 页是在 Web 服务器上生成的。所以不必担心浏览器能否处理脚本:Web 服务器已经完成了所有脚本的处理,并将标准的 HTML 页面传输到浏览器。由于只有脚本的结果返回到浏览器,所以服务器端脚本不易被别人复制。用户看不到创建他们正在浏览的页的脚本命令。 ASP的运行环境:ASP只能用于下列Web S
29、erver IIS Microsoft Personal Web Server ASP的编程语言:ASP可以使用VBScript和JavaScript进行程序编写。 ASP文件,ASP的文件后缀名为.ASP,以区别于同样可以包含Script的HTML 文件。一个.ASP文件是一个文本文件, 可以包括下列元素的任意组合: 文本(text) HTML标志(tags) Script命令 ASP: 不需要任何HTML的tag,保存在文件中,起个好听的名字,文件名的后缀一定要改为 .ASP ,然后上传到服务器上一个有执行权的目录下(例如wwwroot),接下来的问题是,怎么执行这个ASP程序。2.4.6
30、 ASP访问数据库的原理ASP是服务器端的脚本执行环境,可用来产生和执行动态的高性能的WEB服务器程序。当用户使用浏览器请求ASP主页时,WEB服务器响应,调用ASP引擎来执行ASP文件,并解释其中的脚本语言(javascript或vbscript),通过ODBC连接数据库,由数据库访问组件ADO(active data objects)完成数据库操作,最后ASP生成包含有数据查询结果的HTML主页返回用户端显示15。2.5 任务概述随着计算机的普及和网络技术的迅速发展,人们也越来越依赖于计算机和网络。因此,网络安全应该也必须引起注意。网络安全是一门涉及计算机、网络、通讯、密码、信息安全、应用
31、数学、数论、信息论等多种学科的综合性学科,涉及面极广,而且不断更新和发展。国家对信息产业的扶持,使国内的网络状况逐渐好转,更多的服务器的开通,更快的宽带网得逐渐普及,各种各样的攻击行为在网上也越来越频繁化和简单化。微软在推出 ASP 时提到的 ASP 的一个好处是:Active Server Pages 的源程序,不会被传到客户浏览器,因而可以避免所写的源程序被他人剽窃,也提高了程序的安全性。然而,由于 NT、IIS 以及 ASP 系统本身存在的一些漏洞,却可能使 ASP 源码暴露无遗,解决方法就是及时更新补丁。该个人网站系统是基于Internet/Intranet 及Web技术,建立以Bro
32、wser/Server 为结构模式、以数据库为后台核心应用、以服务为目的信息平台,对资源进行科学的加工整序和管理维护,为用户提供个人信息保障和直接参预到互联网上而设计的系统。包括界面设计,代码设计,这一阶段偏重于网页制作工具和技巧的应用, 编写总系统总体功能分析及架构图。 个人简介: 介绍版主的一些基本信息,希望各位访客能够认识版主。 我的论坛:此版块又分为主页、发表意见、回复意见、显示论坛内容、版主后台管理以及版主的回复界面。其中发表意见界面是所有访客都可以在论坛里面发表自己的意见,这些意见可以是发表给所有的访客,也可以是只发表给版主,如果只发表给版主,只有版主可以看到和回复;回复意见是所有
33、访客针对自己感兴趣的话题进行回复;这些发表的意见和回复可以在显示论坛内容的界面都显示出来,供大家讨论;那些只有版主才能看到的信息在版主的管理界面,这个界面需要登录,设有用户名和密码,在这里版主可以对所有评论进行发表或删除的管理。用户管理员登录评论管理发表图2.1 论坛功能图 个人专题:这里收录了我平时搜集的一些文章和音乐,各位访客可以根据自己的喜好进行阅览。 我的相册:在这个板块可以看到我的照片,班级照片和搜集的校园照片,如果大家喜欢可以收藏。更改照片的时候只要更新数据库就可以了。 网站说明:里面是我对整个网站的介绍,不太清楚网站构架的访客可以先到这里。 给我留言:这是每位访客针对我的网站情况
34、给我留言,这些留言会直接保存到数据库里面,并且能够轻松的读取。用户留言显示发表图2.2 留言板功能图 发送邮件:各位访客可以通过outlook向版主或者其他人发送电子邮件。 链接百度:如果访客想在互联网上查找东西,可以直接点击这里。 女生花园:收集了一些女生喜欢的东西,如果你是女生,可以进来看看。个人简介个人专题链接百度我的相册网站说明女生花园网友文学欣赏给我留言我的论坛发送邮件快乐音乐可爱衣服可爱饰品我的照片我的班级美丽校园图2.3 网站的各个模块2.7 数据库结构设计2.7.1 论坛管理员登录表2.1 管理员登录字段名称 数据类型字段大小允许空说明id自动编号长整型否无user文本 50否
35、无pwd文本50否无1表的说明此表是用来论坛管理员登录的,共分为三个字段,其中id字段设为主键,数据类型是自动编号,user和pwd字段分别用来存放管理员的登录名和密码,数据类型文本。2限制条件在论坛管理员登录时,只有正确输入此表中的用户名和密码才能够登录到管理界面,才有权对论坛里面的内容进行删除,否则只能在界面出发表评论。2.7.2论坛发言表2.2 论坛发言表字段名称数据类型字段大小允许空说明id自动编号长整型自动编号time日期/时间是留言时间name文本50是姓名sex文本50是性別url备注 是个人网站color文本50是留言颜色email备注是电子邮件sysop文本50是给版主pic
36、文本50是表情图示Yahoo文本50是Yahoo Msnmsage文本50是MSNICQ文本50是ICQtxt备注是留言內容ip文本50是留言位置uptime日期/时间是回应时间1表的说明此表是用来记录访客基本信息以及发表评论内容的,共有十五个字段,这里只给出了七个字段,其中id 字段设为主键,数据类型是自动编号,time字段数据类型是日期/时间,其余为文本或者备注。每个在论坛里发表评论的访客的基本信息和评论内容都可以保存在此表中,便于显示调用。2限制条件没有在论坛中正确填入自己的基本信息,就会导致登录失败,表中不会保存此内容。2.7.3论坛回复表1表的说明此表用来存放访客针对论坛里面的内容所
37、做的回复内容,各字段的内容同论坛发言表。每个在论坛里回复评论的访客的基本信息和评论内容都可以保存在此表中,便于显示调用。2限制条件没有在论坛中正确填入自己的基本信息,就会导致回复失败,表中也不会保存此内容。 表2.3 论坛回复表字段名称数据类型字段大小允许空说明id数字长整型无id_2自动编号长整型自动编号time日期/时间留言时间name文本50是姓名sex文本50是性別url备注是个人网站color文本50是留言颜色email备注是电子邮件pic文本50是给版主Yahoo文本50是Yahoo Msnmsage文本50是MSNICQ文本50是ICQtxt备注是留言內容ip文本50是留言位置a
38、d文本50是无2.7.4论坛显示评论1表的说明此表用来存放显示评论及回复的内容,共有十三个字段,其中id字段设为主键,数据类型为自动编号,其余为数字、文本或备注。存放发布评论时的一些基本设置。2限制条件根据你发表评论时提交不同的设置,会有相应的内容存储到数据库中,以便于显示不同的设置要求,如留言颜色和表情图示可以根据你不同的选择显示不同的颜色和图片。表2.4 论坛显示评论表字段名称数据类型字段大小允许空说明id自动编号长整型自动编号show自动编号50是自动编号view日期/时间50是留言时间cookies文本50是姓名HTML文本50是性別all数字长整型计数器url备注是个人网站bgcol
39、or文本50是留言颜色background备注是电子邮件bgproperties文本50是给版主ipshow文本50否Yahoo Msn2.7.5 图片存放表2.5 图片存放路径表字段名称数据类型字段大小允许空说明编号自动编号长整型自动编号图片编号数字长整型图片编号图片路径文本50否图片路径1表的说明此表用来存放我的照片版块的照片,共有三个字段,没有主键的设置,数据类型分别为自动编号,数字、文本。2限制条件增加或删除照片的时候只能在库里进行照片路径的管理。2.7.6 留言板1表的说明此表用来存放给我留言版块的留言人、留言标题以及留言内容,共有四个字段,其中id字段设置为主键,数据类型为自动编号
40、,其余三个字段的数据类型均为文本。留言者提交留言内容以后就会存储到此表中,网页再通过连接数据库调用此表显示每个留言内容2限制条件没有后台限制,想留言的任何访客都可以在此留言板中留言,并且能够显示出来。 表2.6 留言表字段名称数据类型字段大小允许空说明id自动编号长整型自动编号name文本50否留言姓名title文本50否留言标题body备注否留言内容第三章 结果与讨论3.1 个人简介版块本模块是个人简介部分,每个个人网站都会有作者介绍。在这个模块访客会了解到作者的一些基本信息,这里以我朋友为主题制作的个人网站,大致界面内容如图3.1所示。图3.1 个人简介此版块采用了静态网页设计,最大的亮点
41、就是利用了一个图片特效产生的效果,图片以溶解的方式渐渐出现,图片代码如下所示:代码的作用是设置图片路径、图片边框的大小、图片的最初的隐藏效果、图片的渐显效果以及图片显示的大小。3.2 我的论坛版块在个人网站建设中,BBS论坛也是其中最主要的一个子系统。BBS论坛的主要功能就是讨论问题,论坛采用了B/S模式,提供了发表评论,回复评论和管理员对评论进行管理等功能。3.2.1 显示评论功能论坛首页以及显示评论界面如图3.2所示,图最上面显示的是此页面的基本信息,由中间的超链接可进入发表评论界面、管理界面。此界面的功能是显示评论内容,根据不同的提交数据可以显示不同的图片和字体颜色,并且可以通过上面的图
42、标可通过outlook发送电子邮件。每个评论都有回复链接,由此可进入回复界面。此界面可以分为多个页面,每个页面可以显示八个评论的内容,每超过八个评论程序会自动增加页面,以显示评论。实现页面加一的代码如下:%If Page rs.PageCount Then%a href=index.ASP?page= 图3.2 显示评论如果没有人发表评论,页面会自动显示“目前没有任何评论内容”。连接数据库的代码如下:代码的作用分别是:创建ODBC数据源;打开连接board.mdb数据库的路径;创建access驱动,打开bbs表;创建Recordset对象操作数据库中的记录;利用创建的Recordset对象访问
43、表中的用户名和密码记录。3.2.2 发表评论与回复评论功能进入发表评论界面后,此界面如图3.3所示:在此界面操作简单,页面简洁,完全控件式的页面布局。访客无需注册和登录,只需填写个人信息,在表情图片和留言颜色处,访客可以根据自己的喜好和发言内容进行选择,在“给版主”处,访客可以选择,如果留言只是留给版主的,只有版主才能看到,对论坛的其他人是隐藏的。个人网站、MSN、ICQ可不用填写,姓名、性别和电子邮件必须以正确的格式填写,否则会出现出错提示。对于用户的评论立即在主页的对应位置显示出来,达到即时见效的功能。 图3.3 发表评论以下代码用于用户访问系统记录用户身份:% if not cookies=null then