个人网站的设计与实现毕业设计.docx
《个人网站的设计与实现毕业设计.docx》由会员分享，可在线阅读，更多相关《个人网站的设计与实现毕业设计.docx（37页珍藏版）》请在冰点文库上搜索。
个人网站的设计与实现毕业设计
2014届毕业设计说明书
个人网站的设计与实现
院、部：
计算机与信息科学学院
学生姓名：
XXX
指导教师：
XXX职称XX
专业：
计算机科学与技术
班级：
计本XXX班
完成时间：
2014-X
摘要
伴随着社会的发展和科学的进步，上网成为越来越多人们的选择。
对于个人来说，建设好个性化网站可以更加方便的收集信息，开展更加直接的网络交流，使用自己构筑的友善平台，我们可以为自己毕业后找工作做好充分的准备，通过自己建设的网站，用人单位可以更好的去了解你，从而给自己增加了一份很重的砝码。
本项目应用ASP技术对网站进行动态设计，界面简单明了。
以实现留言板的增加、删除、修改功能。
在实现过程中，以DREAMWEAVER作为开发工具、CSS为主导框架，来完成一个个人网站。
本项目主要以留言板为主题的个人网站，用户可以欣赏相册、观看视频和浏览文章，希望可以给用户在忙碌的生活中停下来歇息的平台。
通过留言板，可以轻松的各自的故事，相互交流，阐述自己的看法。
关键词︰个人网站；ASP；CSS
ABSTRACT
Today,therapiddevelopmentofthenetwork,enormouschangesthewaypeoplework,learn,liveandmeansofcommunicationoccurred.Morecompaniessetuptheirownportals,andmorepeopletoobtaininformationthroughthenetwork,themoresomepeoplemakeapersonalwebsite.
Thisthesisisthedesignandimplementationofindividualsites.Forindividuals,buildingagoodpersonalwebsitecanbemoreconvenienttogatherinformation,tocarryoutamoredirectnetworkcommunication,usingitsownnetworkplatformconstruction.Themainfunctionofthepersonalwebsitesare:
videoplaybackandpause,edit,anddeletemessages,logsbrowsing,photobrowsingandviewingpersonalinformation.
Thispaperwillbetellsomebodyabout:
1.Theoutlineofapersonalwebsiteanddevelopmentwasdiscussed,andtheuseofwebdevelopmenttoolsandtechnologyisbrieflyintroduced.
2.Explainthetermmentionedinthewebsiteconstruction.
3.Fromthewebsiteconstructionplanningareanalyzedindetail.
4.ConnectDreamweaverandAccessdatabase.
5.Completetheconstructionofpersonalwebsiteandtheeffectofmap.
Keywords:
design;analysis;database;construction
1系统概述
互联网是社会发展的必然趋势，很多人已经意识到它的发展潜力以及强大影响力，他们钻研并且努力进入到新的领域、新的空间，以个人为中心，每个人都有说话的权利，人人都是中心，淡化了传统中心地位，使得我们的世界向多元化发展。
Internet是一个很好的互动性平台：
共享、宽容、平等、自由、让大众的声音参与到构建主流话语行动中来。
高速发展的计算机技术，尤其是网络这块的发展，对文档的管理与存储起到了很大的便利作用。
此论文中，把软件工程的原理和方法应用到整个网站系统，并对其进行需求分析，提出了解决问题的方法。
在制作的具体过程中，用AspVbscript技术和数据库技术相结合，用户可查询所需要的信息，提高了人机交互的互动性，使系统更人性化。
如今，互联网的高速发展，网站已不仅仅是企业、单位所特有，互联网成了人们高效获取、发布与传递信息的主要渠道。
在人们生活、政治、经济等各方面发挥着极其重要的作用。
综上所述，网站建设已在实际生活中广泛应用，非企业人群也以集体或个人建立了属于自己的网站。
渐渐的，个人网站也普及了。
如今，创建一个能充分体现自我特色与风格的网站已成互联网用户的新目的。
1.1系统的开发背景及意义
（1）系统的开发背景
随着科技的进步，社会的发展，网络广泛应用于基础性服务行业、商务、交流娱乐、互联网媒体等领域。
在网页制作方面更是日新月异，层出不穷。
现如今多元化、多样化的网站使得互联网更加丰富多彩。
个人网站受广泛用户的喜爱，运用群体也只增不减，每个人都能发挥自己的才能，挥洒自己的个性。
在Hao123神化后，多功能网站再次达到高峰。
然而运用这个模式成功的少之又少。
网址类网站是个很好的切入点，对于技术稍弱的个人来讲。
但由于搜索的异军突起，对网址类网站的冲击力相当的大，变得可有可无了。
（2）体统开发的意义
马云说过:
错过互联网将被会社会淘汰。
越来越多的人对互联网更加亲睐，因为他已经创造出了各种奇迹。
成为了人们新的一种生活方式，先知的人都利用各种各样的个人网站宣传自己，营销产品，分享心情日志。
越来越多的人从中抓住了机会，功成名就，网站不仅可以更多的宣传广告，可以让更多人的知道你，一根线，一台电脑在家创业早就成为了的历史，拥有一个个人网站更是迫在眉睫。
文学家，名人，以及一些利用互联网个人网站营销的例子数不胜数，自己的个人网站并绝非时尚潮流，在是一种必备品。
如果你没有那真是太可怕了。
在快速发展的时代，交流方面我们更需要紧密，它不断促使我们进步，能让我们知道彼此的优劣势。
互相倾听来自四面八方的声音。
网站的运用跨越了时间，空间的交流。
在网页中，它拥有我们每个人不知道的一切，个人网站网页就是我们对外界的一种倾述，让别人知道你，关注你，它为每个人在网络上聚集一切，让不知道的人认识你，让跟你很多志同道合的人汇聚在一起，相知相识。
1.2系统研究内容及结构安排
（1）研究内容
随着互联网的对传统模式的巅覆，越来越多的人对互联网更加亲睐，因为他已经创造出了各种奇迹。
成为了人们新的一种生活方式，先知的人都利用各种各样的个人网站宣传自己。
下面我就以互联网建立个人网站为这个课题的研究。
个人网站是一个可以发布个人信息及内容的用户网站。
通俗理解来说，就是一个介绍自己情况或者与自己相关的其它信息的网站，并不一定是个人做的网站，但突出的是以个人信息为中心的网络平台。
其也包括了博客、个人主页及论坛等等。
个人网站具备自由开放性、易操作性，更具有个性需求性。
可完善个人进行全面信息化，可达到信息获取、组织、表达、思考、共享和交流多样式的目的，可创建一个以个人为中心进行评论、交流倾听心声的个性化网络平台。
由于是个人网站，所以我仅仅选择自己的兴趣爱好的内容，来发表日志。
可以让其他网友看到我的日志中的心情及分享我的心情，登陆我个人网站也能对留言板的留言进行操作，在我整个的网站中，除了突出设计风格搭配及特点，还应用了当下社会最流行的设计技术技巧，和数据库运用技术。
（2）结构安排
2可行性分析
可行性研究的目的就是用最小的代价在尽可能短的时间内确定问题是否能够解决。
必须记住，可行性研究的目的不是解决问题，而是确定问题是否值得去解。
因此，可行性研究实质上是要进行一次大大压缩简化了的系统分析和设计过程，也就是在较高层次上以较抽象的方式进行的系统分析和设计的过程。
技术可行性：
利用ASP技术完全可以开发和制作动态网页。
经济可行性：
制作该系统很简单，只需要在一台装有IIS的电脑上即能开发，基本上不需要什么成本。
操作可行性：
操作非常简单,只要会上网就可以。
综上所述，得出结论：
该系统的可行性良好。
3相关知识概述
3.1动态初探
随着互联网的快速发展，网络技术为适应市场需求也有了日新月异的变化，网页的呈现方式也不再是单一的静态网页。
喜欢浏览网页的朋友会发现，很多网页文件的扩展名已不再是单一的“htm”，还会出现一些以“asp”、“php”等为扩展名的网页。
而这些网页文件，就是通过动态的网页技术开发制作出来的。
早期的动态网页主要是通过CGI（CommonGatewayInterface，公用网关接口）技术来体现。
即通过诸如C/C++、VisualBasic等来编写CGI程序。
随着互联网的发展，CGI技术复杂的编程方式和它不高的效率逐渐被更适应互联网发展的新技术所取代。
目前，制作动态网页的常用语言主要有3种，即ASP，PHP，JSP。
ASP，即ActiveServerPage，中文意为“动态服务器页面”，是由微软开发用来替代CGI的一种应用，它能够和数据库以及其它程序进行交互，可以用来创建和运行动态网页和高性能的WEB服务应用程序，是一种方便而且简单的编程工具。
ASP用VBScript来做为自己的开发语言。
PHP（HypertextPreprocessor），是超文本预处理器的缩写。
是一种跨平台的服务器端的嵌入HTML文档的脚本语言。
它的语法混合了C，Perl及Java语言的语法，同时也有自己的创新。
这可以使它更快速的生成动态页面。
同时，PHP属于开放性语言，用户可以自由从PHP站点下载源码，并可以依据自己的需要而有所添加。
JSP，即JavaServerPages，是Sun公司推出的新一代站点开发语言。
它的存在，弥补了目前ASP和PHP语言的通病——脚本级执行。
JSP技术以Java语言作为脚本语言，并借助Sun公司在Java语言中的深厚功底，使JSP可以在Java和Serverlet的支持下，完成功能强大的站点程序。
ASP，PHP，JSP都是面向Web服务器的技术，所以客户端不需要为浏览器添加任何软件辅助。
3.2ASP的特点
一.Active
Asp使用的Active（COM）技术是Microsoft软件的重要基础。
它所采用的封装对象和程序调用对象技术，可以简化编程，兼容程序。
ASP本身封装了一些基本和常用的组件，并且还可以通过ActiveX服务器组件来扩充功能。
以达到简便、快速建立WEB应用的目的。
二.Server
Asp程序是在服务器端由ASP解释程序执行，其结果由HTML页面传回浏览器，这样就没必要担心浏览器是否支持ASP的编程语言。
VBSCRIPT是ASP的编程语言之一，而VBSCRIPT又是VB的一个简集，会VB的人上手会很容易。
三.Pages
ASP程序执行的结果最终以HTML页面传回，用户可以在客户端常用的浏览器浏览，但页面的源文件已不是ASP的原始程序的代码，而是ASP生成的HTML代码，这样就可以防止程序被抄袭。
由上可以看出，ASP对于开发WEB应用来说，的确是一种简单而方便的编程工具。
在了解过VBSCRIPT的一些基本的语法后，用户只需要了解各级件的用途、方法和属性，就有能力写出自己的ASP程序。
3.3ASP技术
ASP自己没有开发脚本语言，而是使用现存的一些他人之前已开发出的脚本语言（如VBSCRIPT，JAVASCRIPT等），开发的ASP程序。
它的程序编制十分的灵活与方便。
ASP是微软开发的一种类似HTML，SCRIPT，CGI的结合体。
它在编写时用的是脚本语言，当在网页的源代码里面浏览时，它是以HTML的格式去呈现的。
因而它的安全可靠性相较而言是很不错的。
ASP工作原理图,如图1所示
图1ASP的工作原理
IIS，ACTIVEX，VBSCRIPT，ODBC等这些当今流行的技术，ASP都有吸收，是网络应用程序开发技术中发展较为成熟的。
3.4ACCESS数据库
Microsoftofficeaccess结合了MicrosoftJetDatabaseEngine和图形用户界面两项特点，是MicrosoftOffice的系统程式之一。
它是由微软发布的关联式数据库管理系统。
1.Access数据库优点
提高速度和减少代码量
用整型数进行数学运算
避免使用过程调用
谨慎使用不定长数据类型
用变量存放属性
预载表格
2.数据库缺点
数据库的安全性比较差
数据库的存储容量受限
易出现各种因数据库刷写频率过快而引起的数据库问题
3.5IIS
其为微软公司主推的WEB服务器，其全称是InternetInformationServer。
可配置IIS以提供FTP和GOPHER服务。
MicrosoftIIS是允许在公共的互联网上发布信息。
IIS通过HTTP传输信息。
3.6样式格式语言
3.6.1CSS的定义
中文名是层叠样式表，它是一种用来表现HTML或XML等文件样式的计算机语言。
是一款网页源码与设计分离的设计语言，是目前基于文本展示最优秀的表现设计语言。
CSS简单，易读性强，适应各类人群，可根据自己的理解或者喜好去编写。
它编写的样式种类繁多，样式美观齐全。
3.6.2CSS的规则
主要由两部分组成:
选择器与声明。
选择器主要有三类。
一类是ID选择器，另一类是标记选择器，还有一类是类别选择器。
ID选择器在CSS里用”＃”定义。
标记选择器，在CSS里用”标记名”直接定义。
类别选择器，在CSS里用”．”定义。
3.7脚本语言
常见的脚本语言:
Javascript，php，vbscript等
本设计用了Vbscript这种脚本语言，因而作为主要讲述。
一.VBSCRIPT的定义
VBSCRIPT，它是一种脚本语言，同时也是一种轻量级语言。
二.VBSCRIPT的执行过程
将一段VBSCRIPT脚本语言插入到一个超文本文档后，因特网在读取这个超文本文档的同时，并对此脚本语言进行解释。
VBSCRIPT的执行先后不是固定的，可能立即就执行，也可能发生在之后的事件发生后。
三.读取VBSCRIPT的格式
document。write（“HellofromVBScript!
”）
四.变量名称的规则
以字母开头为首要条件，并且还不许包含点号，同时，变量名的字符长度绝不允许超过255个
五.条件语句
通常，我们可以使用条件语句，控制我们想先执行的部分，以及后执行的部分。
在VBSCRIPT中，我们可以使用三种条件语句:
分别是:
IF:
可以执行条件为真的一系列代码。
IF…THEN…ELSE:
若想分别执行THEN后与ELSE后的这两部分代码，可以用此语句实现
IF…THEN…ELSEIF:
此语句用法与IF…THEN…ELSE同，只是它可以连着执行多套，而上句可执行两套。
Selectcase:
此语句是有很多个CASE，然后通过一个简单的表达式，做一个简单运算，之后，使让运算结果的值与CASE的值相匹配，匹配成功后，就会执行那个CASE相应的代码。
4需求分析
4.1背景概述
留言是个人流露感情的一种方式，也是展示个人才华和与人沟通的一种方式，是很多人生活中的重要组成部分。
在过去，人们用笔和纸来实现。
之后电脑问世了，跟着也就出现了用文本编辑软件来写，最后还需人工交换个人所写的东西，但不论是纸张作为载体或是存储器做载体，都极大缩短了交流的速度与范围。
随着科技突飞猛进，尤其是网络的发展更加迅速，以走进我们生活中的细枝末节，自然个人网站也随之兴起。
自然个人网站的诞生取代了前面所讲的传统的个人的交流方式，更有加入音乐、图片等功能。
使人更能深动的、无拘束的流露个人情感，外人也可以简捷的浏览、阅读或评论，也能作为个性化的体现，更能利用网络的巨大优势，在个人网站里与人无界限的、自由的交流、分享、浏览与评论等，并且交流速度快、范围广，这就是个人网站的最大特点。
为避免对需求的变更而造成的大量返工，首先在设计前必须要有系统需求分析。
因为只有通过需求分析可以明确系统的各项需求和要完成的功能，才能根据这些需求和功能更好的指导下一步的系统开发和设计。
一.需求调研
每个软件开发必须从需求调查开始，当然个人网站系统留言板设计也不例外。
远处目标
通常来自于项目开发者，描述系统的商业需求和所开发的系统将带来的利益。
日常工作记述
要有最好的需求调查，就必须亲自深入到业务过程中去，体验客户如何和计划中的系统如何相互沟通，然后做出记录。
功能说明与问题陈述
系统中的一些细节往往是容易被忽略的部分。
客户的文字描述，往往能在这方面提供更多的帮助。
二.系统功能需求
本系统有如下功能：
1.管理员要登录帐号和密码，对用户留言进行操作。
2.所有用户都能在留言板进行留言和发表文字。
3.网站管理者可以通过留言
4.2系统目标和研究方法
一.系统目标
1.人力、物力、财力的节省
传统模式主要是通过写作，用书信回复。
不仅存在速度慢，范围狭窄等不足之处，且它的承载物可能是纸张或者磁盘，光盘。
而现在若想让指定人士或众所周知，可利用网络通过网站的留言板等直接留言，并能在较短的时间内看到别人给你的回复。
2.界面美观
本网站相对传统模式来说，这里利用了多媒体的各种视觉效果，如图片，表情，音乐背景，且有界面直观的优势
3.修改便捷
本网站可以对文章或者一些图片的留言评论进行编辑修改及删除，操作简单方便。
4.沟通效率与范围
利用网络可以与人无界限的、自由的交流等，并且交流速度快，范围广，再利用声音、图片等功能，使交流变得更生动的。
二.可行性研究方法
1.调查传统模式效率和特点
通过调查和对比传统模式的交流和突出点，时间长短的差距，通过理论和当代技术的特点要求，估算和提出效率及功能的提升。
2.借鉴优秀的网站和案例
如今是网络时代，可搜索一些优秀的个人网站，参考和学习其特点及成功之处，寻找新的开发入口。
4.3关于硬件可行性
本系统运用的技术和平台都是较为成熟的，在硬件配置方面一般都可以满足系统的运行要求。
对硬件基础性的要求有:
网络服务器（可以运行ACCESS数据库的），客户端（配置了IIS的电脑），系统平台（WINDOWSXP或WINDOWS7），浏览器（IE7以上具备解释ASP浏览器）。
4.4结论
综上所述，分析了系统的可行性，并在其基础上满足开发要求，进而开发实现。
5总体设计
5.1运行环境
1.浏览器:
要求IE6以上的版本，可以选火狐浏览器、谷歌浏览器等。
2.软件环境:
Dreamweaver8以上版本，ACCESS2003以上版本。
5.2用例图
1.网站参与者用例图，如图2所示:
图2网站参与者用例图
2.个人网站系统用例，如图3所示:
图3个人网站系统用例
5.3模块结构图
该图详尽的展示了我做的个人网站的功能模块，可以直观的了解个人网站的功能模块主要有哪些,如图4所示:
图4功能模块图
5.4功能模块介绍
个人网站的设计把简约大方作为主格调，以白色为背景，浅色为辅
一.我的首页
1.管理员功能区：
通过输入用户名和密码，进入管理界面。
2.文章推荐：
优秀文章根据时间显示它的标题与文章的部分内容。
3.日历展示：
随着系统时间的变化而变化。
4.友情链接：
是一些外部链接，增大了浏览范围
5.视频欣赏：
是一个动画视频
二.管理员模块
1.登录验证:
管理员可以通过输入用户名和密码来实现对网站的后台操作。
2.编辑留言:
当对留言的内容不太满意想修改原话的时候，可以通过此模块实现自己的意愿。
3.删除留言:
当不喜欢某条留言，想删掉的时候，可以通过此模块实现自己的意愿。
4.回复留言:
当有朋友给自己留言，作为主人，应当给予回复，这时候可以通过这个模块实现。
三.留言板模块
1.用户留言:
访问本空间的游客留言。
2.留言记录:
用户可以翻阅其它用户给主人的留言，通过点击上一页、下一页、首页、尾页浏览留言内容。
四.文章模块
1.最新文章:
根据时间显示最近上传的几篇文章。
2.日历展示:
与首页一样，显示的是系统的当前时间。
五.碎碎念模块
1.碎碎念历史:
随着主人心情的变化，在碎碎念里留下自己的心声，使朋友们了解主人最近的状态。
用户可以上下翻页查阅。
2.碎碎念日期:
碎碎念模块不仅显示了说话内容，同时还显示自己发表感慨的时间，供主人自己查阅自已曾经的状态，或者供朋友们了解主人何时是何状态，可以了解的更具体。
六.相册
相册展示:
个人网站里，主要涉及了几类相片，有美景展示（美景里又分了两小类，分为:
山水，四季景色）动物（有:
可爱的小动物）人物（分为:
美女，欧美小男孩）。
七.个人档个人资料:
介绍自己的基本情况，教育经历以及联系方式。
6网站的数据库
6.1数据表
网站主要是满足用户需要的，根据其自身特点，及相互联系的关系，因而用户信息也较多，这里使用唯一的主键ID来控制，作为确定用户的唯一标识，权限问题，主要是限定用户与管理员之间有不同权限。
设计作品使用的是access数据库,数据库名为:
db_message。
动态数据库里设置了两个表，分别是管理员表admin和留言表t_message。
6.1.1管理员表
表1管理员表admin
字段名称
数据类型
说明
ID
自动编号
管理员编号
Username
文本
用户名
Pwd
文本
密码
6.1.2留言表
表2留言表t_message
字段名称
数据类型
说明
t_id
自动编号
编号
t_name
文本
访客名字
t_qq
数字
访客QQ
t_message
文本
留言内容
t_date
日期/时间
留言时间
t_reply
备注
版主回复
t_time
日期/时间
回复时间
这两个表，分别都是独立工作，每个表负责自己的信息存储，又相互协调工作，适应系统的需求。
6.2ER图概述
数据库最主要的是管理员表和留言表，它们都使用ID为主键，它们之间的关系是管理员编辑留言，删除留言的关系，本系统数据库的主要表的ER图,如图5所示:
6.2.1整体ER图
图5整合ER图
6.2.2局部ER图
局部ER图,如图6所示
图6局部ER图
7详细设计
前台，主要是供用户浏览，界面设计美观简单易操作。
前台模块主要是:
网站首页index.html
个人档:
about.html
碎碎念:
twitter.html
文章主页:
article.html
照片主页:
photo_index.html
管理员管理以下功能栏目:
管理员登录
升级会员 