个人空间网站.docx
《个人空间网站.docx》由会员分享，可在线阅读，更多相关《个人空间网站.docx（34页珍藏版）》请在冰豆网上搜索。
个人空间网站
云南农业职业技术学院
毕业论文
题目：
快乐世界—个人网站设计
系别：
管理与信息工程系
专业：
计算机信息管理
学号：
550960203124
姓名：
杨芳
指导教师：
刘猛
时间：
2011年12月30日
云南农业职业技术学院
毕业设计（论文）任务书
题目：
快乐世界-个人网站设
任务与要求
设计一个个人网站，包括先是从一个flash动画进入首页、日志、相册、音乐、留言板、视频演示；其中，以上几个栏目有不同分类的子栏目；还有相册中可以编辑、删除、音乐在线播放功能、发表留言和查看留言功能等。
时间:
2011年10月1日至2011年12月30日共12周
办学单位：
云南农业职业技术学院
学生姓名：
杨芳
学号：
550960203124
专业：
计算机信息管理
指导教师：
刘猛
2011年12月01日
毕业设计（论文）进度计划表
日期
工作内容
执行情况
指导教师
签字
10月01日
至
5月20日
查阅资料，确定题目，选则开发平台
10月18日
至
7月28日
需求分析，素材设计
10月28日
至
8月15日
页面设计，详细设计
11月25日
至
10月26日
网站调试
12月30日
至
12月30日
写毕业论文
教师对进度计划实施情况总评
签名
年月日
目录
任务与要求2
毕业设计（论文）进度计划表3
绪言5
第一章开发目的及开发环境6
一、开发目的6
二、开发环境。
7
第二章开发工具简介8
一动态网站的脚本语言--ASP8
1、ASP简介8
2、ASP的工作原理10
3、ASP.NET的优点。
11
二、网页动画的制作软件----MicromediaFlashCS412
三、JavaScript12
四、影像与动画的制作软件—AdobePhotoshop8.013
第三章系统需求分析及总体设计13
一、需求分析13
1、基于JSP的个人网站分前台功能和后台功能：
13
2、系统功能模块设计14
二、数据库需求分析14
三、我的个人网站的设计与规划15
1、明确架设网站的目的及客户要求15
2、我的个人网站概貌15
3、功能划分16
4、功能描述16
第四章网站详细设计17
一、数据库的设计17
1、数据库搭建17
二、连接数据库19
二、页面设计21
1、首页界面的设计21
2、主页界面的设计22
3、相册页面设计的介绍23
4、日志页面的设计25
5、音乐界面的设计26
6、留言板的设计27
7、视频展示29
二、后台代码31
1、动画后台代码设计31
2、列表框的代码32
3、数据库连接代码34
4、分页功能模块代码37
5、图片显示功能模块代码38
6、歌曲播放器的代码39
7、视频播放代码39
三、网站后台管理系统代码42
1、管理登陆代码设计42
2、验证码验证代码43
3、打开数据库44
4、数据库查询操作45
5、添加更新记录操作46
6、删除记录操作48
结束语49
谢辞49
参考文献50
绪言
在已跨入21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。
目前，我国上网的人口已近一个亿，成为世界上网民最多的国家，许多人在需要查询信息的时候，首先想到的就是互联网。
网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑，网络已成为最吸引人的也最有效的信息传递手段和方式。
随着网络技术的发展，网络正在改变整个世界，Internet具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，而将个人和网络相结合，将会更好的推动信息的传递与交流。
现在不仅很多大学和众多企业部门都已经建立了自己的网站。
个人网站也成为了一种时尚。
越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的风采及与自己动态，还可以通过自己的网站，结交到更多的朋友。
第一章开发目的及开发环境
一、开发目的
现在网络无处不在，网站不再仅仅为企业或公司大型机构所拥有，一个班级，一个家庭甚至个人都可以拥有属于自己的网站。
利用网络传递自己的信息与动态，不仅可以让自己的朋友时刻了解自己的动态，关注自己。
还可以让陌生人通过注册，加入到我的朋友群中，拓宽自己的朋友圈，更好的交流信息。
还可以在个人网站更新自己的信息，会员可以评论，对自己也会有所帮助。
建立个人网站有以下意义：
（1）在这个高度信息化的社会里，建立自己的网站是最直接的宣传手段。
网站的超时空特性，不仅能让别人了解自己，更可以交到更多的朋友呀（提供留言，日志评论）。
（2）网站是实现个人与外界的桥梁，没有时间，空间的限制。
（3）个人网站是最佳的展示天地。
个人网站与与数据库有效链接，给个人空间研究带来了一片新天地，个人资料、日志、相册、音乐、留言板、视频演示提供了极佳的平台，提高了信息交流的效率。
（4）个人网站能够提供信息交流的平台，不同的人了解世界的方式各不相同，认知世界有诸多方式。
二、开发环境。
HTML作为一种样式语言，随着Internet上信息量的增多和交互性的加强使HTML显得越来越难以胜任的情况之下，而ASP能够彻底实现用户与管理人员的交互性，在ASP编程语言高度发展的形式下，ASP能够很好的解决这些复杂交互的动态性，于是我选择了个人网站的动态开发，即而让个人网站更加的互动。
系统平台，采用ASP.NET/Server体系结构。
Web服务器IIS6.0，Windows7系统
数据引擎MicrosoftSQLsever2008
权限要求对SQLsever数据库具有建表、备份的权限
硬件要求PIII500CPU256M内存或更高
带宽要求10M共享或更高
客户端软件，包括单机操作系统和浏览器软件，分别选用Windows系统和InternetExplorer，数据库系统采用MicrosoftSQLsever有利于信息添加、修改、删除、编辑等方便操作，信息容量巨大。
第二章开发工具简介
一动态网站的脚本语言--ASP
ActiveServerPages：
“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Ｃlient）在ＩＥ浏览器中可以显示程序执行的结果，可是，客户端（Ｃlient）若使用Netscape浏览器就无法显示VBScript的执行结果。
1、ASP简介
Active Server Pages即ASP是微软开发的一种类似HTML（Hypertext Markup Language超文本标识语言）、Script（脚本）与CGI（Common GAteway Interface 通用网关接口）的结合体，它没有提供自己专门的编程语言，而是允许用户使用包括VBSCRIPT，javascript等在内的许多已有的脚本语言编写ASP的应用程序。
ASP的程序编制比HTML更方便且更有灵活性。
它是在WEB服务器端运行，运行后再将运行结果以HTML格式传送至客户端的浏览器。
因此ASP与一般的脚本语言相比，要安全的多。
对于广大网页技术爱好者来说，ASP比CGI具有的最大好处是可以包含HTML标签，也可以直接存取数据库及使用无限扩充的ActiveX控件，因此在程序编制上要比HTML方便而且更富有灵活性。
ASP吸收了当今许多流行的技术，如IIS，ACTIVEX，VBSCRIPT，ODBC等，是一种发展较为成熟的网络应用程序开发技术；其核心技术是对组件和对象技术的充分支持。
通过使用ASP的组件和对象技术，用户可以直接使用ActiveX控件，调用对象方法和属性，以简单的方式实现强大的功能。
ASP中最为常用的内置对象和组件如下：
Request对象：
用来连接客户端的Web页（.htm文件）和服务器的Web页（.asp文件），可以获取客户端数据，也可以交换两者之间的数据。
Response对象：
用于将服务端数据发送到客户端，可通过在客户端浏览器显示，用户浏览页面的重定向以及在客户端创建cookies等方式进行。
该功能与Request对象的功能恰恰相反。
Server对象：
许多高级功能都靠它来完成；它可以创建各种Server对象的实例以简化用户的操作。
Application对象：
它是个应用程序级的对象，用来在所有用户间共享信息，并可以Web应用程序运行期间持久地保持数据。
同时如果不加以限制，所有客户都可以访问这个对象。
Session对象：
它为每个访问者提供一个标识；Session可以用来存储访问者的一些喜好，可以跟踪访问者的的习惯。
在购物网站中，Session常用于创建购物车（Shopping Cart）。
Browser Capabilities（浏览器性能组件）：
可以确切的描述用户使用的浏览器类型、版本以及浏览器支持的插件功能。
使用此组件能正确地裁剪出自己的ASP文件输出，使得ASP文件适合于用户的浏览器，并可以根据检测出的浏览器的类型来显示不同的主页。
FileSystem Objects（文件访问组件）：
允许你访问文件系统，处理文件。
ADO（数据库访问组件）：
它是最有用的组件；可以通过ODBC实现对数据库的访问。
Ad Rotator（广告轮显组件）：
专门为出租广告空间的站点设计的，可以动态的随机显示多个预先设定的BANNER广告条。
2、ASP的工作原理
当用户浏览网页时，客户端浏览器与WEB站点之间进行交互的过程如下图所示：
图1ASP工作原理
3、ASP.NET的优点。
1、任何开发工具皆可发展ＡＳＰ
只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。
当然，其他网页发展工具，例如，FrontPageExpress、ＦrontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ＡＳＰ，可能会发生一些意想不到的离奇状态。
通过各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。
2、语言相容性高
ASP与所有的ActiveXScript语言都相容，除了可结合HTML，VBScript、JavaScriptActiveX服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（ThirdParty）所提供的语言。
3、隐密安全性高
如果我们在浏览器中直接查看网页的原始代码，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代码是看不到的！
这是因杰ＡＳＰ程序先于网站服务（ＷebServer）端执行后，将结果转换成标准ＨＴＭＬ文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ＡＳＰ程序并不会轻易地被看见进而被盗用。
4、易于操控数据库
ＡＳＰ可以轻易地通过ＯDBC（OpenDatabaseConnectivity）驱动程序连接各种不同的数据库，例如：
SQLsever、Acess、Foxpro、dBase、Oracle等等，另外，ＡＳＰ亦可将“文本文件”或是”Excel”文件当成数据库用。
5、面向对象学习容易
ＡＳＰ具备有面向对象（Ｏbject-Oriented）功能，学习容易，ＡＳＰ提供了五种方便能力强大的内建对象：
Request、Response、Sever、Application以及Session，同时，若使用ＡＳＰ内建的“Application”对象或”Session”对象所撰写出来的ＡＳＰ程序可以在多个网页之间暂时保存必要的信息。
二、网页动画的制作软件----MicromediaFlashCS4
MicromediaFlashCS4用于web站点的交互式的矢量图形和动画的制作，它可制作出用于浏览时的导航控制、制作动画图标、带同步声音的大段的动画，创建出生动的富于表现力的网页。
Flash中的图形都是矢量的，占据存储空间较少，因而下载时间短，且能很好地适应浏览者不同尺寸的屏幕。
Flash的交互性的大部分设置就在Action和FsCommand里，通过对Action和FsCommand的设置，你可以随意的设置各事件发生的效果，还有对变量及函数的设置。
三、JavaScript
JavaSript是一种基于对象（Object）和事件驱动（EventDriven）并具有安全性能的脚本语言。
使用它的目的是与HTML超文本标记语言、Java脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。
从而可以开发客户端的应用程序等。
它是通过嵌入或调入在标准的HTML语言中实现的。
它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择。
四、影像与动画的制作软件—AdobePhotoshop8.0
Photoshop8.0是目前最流行的图形、图像编辑设计软件，在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。
（一）文字处理更加方便
（二）增加的图层集使图层管理更有序。
（三）新增图像功能：
图像的剪切和剪裁更加方便。
（四）将所有工具的选项板改进为工具选项栏放置在工作区顶部，方便先项参数的设置。
（五）为了更方便地用路径绘画，改进增加了几何形状工具，通过选择工具的不同工作模式，可创建路径、几何形状或几何填充区，使得矢量绘图功能得到了加强。
第三章系统需求分析及总体设计
一、需求分析
1、基于JSP的个人网站分前台功能和后台功能：
前台部分由用户使用，主要包括用户注册，信息浏览，图片查看，音乐欣赏，查看视频，评论日志，留言等。
后台部分由管理员使用，主要包括管理员身份验证，添加，修改，删除，注册会员的确认。
2、系统功能模块设计
功能结构图如下：
功能模块设计图
从图中可以看出，个人网站系统可以分为前台和后台两个部分，前台部分由用户使用，主要包括用户注册，信息浏览，图片查看，音乐欣赏，查看视频，评论日志，留言等7个模块；后台部分由管理员使用，主要包括身份验证，添加，修改，删除，注册会员的管理。
二、数据库需求分析
数据库的设计通常是以一个已经存在的数据库管理系统为基础的，常用的数据库管理系统有MYSQL，SQLServer,Oracle等。
我采用了SQLserver2008数据库管理系统，建立的数据库名为db_kongjian。
整个系统功能需要以下数据项：
用户：
用户ID、用户名称、登录密码、验证码
留言：
留言ID、留言内容。
相册：
相册ID，相册名称，相片，时间
音乐：
音乐ID，音乐名称，歌手，歌曲链接
日志：
日志ID，日志名称，日志内容，时间
三、我的个人网站的设计与规划
1、明确架设网站的目的及客户要求
通常情况下，架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的个人网站一般体现在：
为了展示自己的风采，让大家和我一起分享我的心得与经验，让和我有共同爱好的朋友有一个倾诉的地方。
2、我的个人网站概貌
因为是个人网站，所以只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。
因此将网站设计分为前台页面展示平台和后台在线管理平台。
3、功能划分
网站设计有flash动画，浏览者可以在首页浏览自己喜欢的页面，欣赏视频演示并且可以在留言板和大家交流，在后台管理页面中，通过身份认证，管理员——我，可以对网站信息进行管理。
站内的其它页面均是我自己的精心收藏，与大家一起分享。
4、功能描述
登录
通过用用户名和密码，登录进入到首页大动画。
留言板
是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。
就我们感兴趣的话题展开讨论。
和大家进行沟通。
后台管理页面
是我管理和添加到新内容的地方，为了方便实现信息的经常更新，我设计了这个管理页面，我可以进入网站对其中的信息进行管理。
日志
在其中展示我喜爱的东西，包括我的日记、精品文章和一些杂七杂八的文章。
奇文共欣赏，疑义相与析。
我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。
相册
在其中展示漂亮的图片，包括我的照片、我的同学、风景照片、妹眉帅哥栏木。
让大家一起来欣赏人物、风景风采。
音乐
在其中展示个人喜欢的歌曲
视频
在其中展示我和我同学的视频
页面组织和数据库设计
在明确了我的个人网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。
建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。
如果网站结构不清晰，目录庞杂，内容东一块西一块。
结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。
网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？
栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。
因此我将自己的个人网站分为六个栏目，分别是关于视频、相册、日记、音乐、留言。
第四章网站详细设计
一、数据库的设计
1、数据库搭建
使用SQLSEVER实现关系型数据库
（一）用户密码登记表userInfo
表中包括：
姓名，密码，验证码。
它的设计视图如图1：
字段
中文
字段
长度
字段类型
备注
userID
用户ID
uniqueidentifie
uniqueidentifie
主键
username
用户名
64
nvarchar
userpwd
密码
128
nvarchar
yanzheng
验证码
64
nvarchar
图1
（二）留言基本档案表liuyanInfo
存储了用户的档案包括：
ID,留言内容,其中ID为该表的主关键字。
它的设计视图如图2：
字段
中文
字段
长度
字段
类型
备注
liuyanID
留言
ID
uniqueidentifie
uniqueidentifie
主键
content
留言
内容
ntext
ntext
图2
（三）音乐基本信息表musicInfo，如图3：
字段
中文
字段长度
字段类型
备注
musicID
音乐
ID
uniqueidentifie
uniqueidentifie
主键
music
音乐
64
nvarchar
lianjie
链接
128
nvarchar
authou
作者
64
nvarchar
图3
（四）日志分类表rizhiInfo，如图4：
字段
中文
字段
长度
字段类型
备注
rizhiID
日志ID
uniqueidentifie
uniqueidentifier
主键
title
标题
128
nvarchar
content
日志内容
ntext
ntext
riqi
日期
datetime
datetime
图4
以上数据表为SQLSever类型的库文件，将它定名为：
“kongjian”。
二、连接数据库
在上面，我们已经为我们的程序创建了一个数据库，在这里，我们来用ASP把程序和数据库连接起来，以后就可以连接到数据库、在ASP中显示数据库中的数据以及更复杂的插入、修改和删除。
一起看以下代码，这就是ASP程序中常用的连接数据库的代码：
<%'这是ASP程序的起始
'在服务器上创建了一个连接数据库的对象
'告诉ASP数据库的连接方法以及路径
publicDataBase（）
{
strconn=ConfigurationManager.ConnectionStrings["yangfang"].ToString（）;
}
'创建了对象后就用来打开数据库进行连接和关闭数据库连接
publicstringstrconn;
privateSqlConnectionconn;
privateSqlCommandcomm;
publicvoidOpenData（）
{
if（conn==null）
{
conn=newSqlConnection（strconn）;
}
if（conn.State.Equals（ConnectionState.Closed））
{
conn.Open（）;
}
}
publicvoidCloseData（）
{
if（conn.State.Equals（ConnectionState.Open））
{
conn.Close（）;
conn.Dispose（）;
} %> '一切OK了!
结束ASP程序
二、页面设计
1、首页界面的设计
利用flash做的动画
2、主页界面的设计
功能
用FCK控件
103px">
懳&❤嶶❤筱
FCKeditorID="FCKeditor1"runat="server"Width="700px"Height="200px">
FCKeditor>
right;width:
792px;height:
19px;">
ButtonID="Button1"runat="server"Text="发表"Width="70px"OnClick="Button1_Click"/>
主页浏览效果图
3、相册页面设计的介绍
是一个个人相片和精彩图片展示的地方，在相册中，我们可以了解到站长的个人风采和自己喜欢的图片
升级会员 