个人空间网站.docx

1、个人空间网站云南农业职业技术学院毕 业 论 文题 目：快乐世界个人网站设计系 别： 管理与信息工程系专 业：计算机信息管理 学 号： 550960203124 姓 名： 杨芳 指导教师： 刘猛 时 间： 2011年12月30日 云南农业职业技术学院毕业设计（ 论文）任务书题目： 快乐世界-个人网站设任务与要求 设计一个个人网站，包括先是从一个flash动画进入首页、日志、相册、 音乐、留言板、视频演示；其中，以上几个栏目有不同分类的子栏目；还有相册中可以编辑、删除 、音乐在线播放功能、发表留言和查看留言功能等。时间: 2011 年10月1 日 至 2011 年 12 月30 日 共12 周办学

2、单位： 云南农业职业技术学院学生姓名： 杨芳 学 号： 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

3、第二章 开发工具简介 8一 动态网站的脚本语言-ASP 81、ASP简介 82、ASP的工作原理 103、ASP.NET的优点。 11二、网页动画的制作软件-Micromedia Flash CS4 12三、JavaScript 12四、影像与动画的制作软件Adobe Photoshop8.0 13第三章 系统需求分析及总体设计 13一、 需求分析 131、基于JSP的个人网站分前台功能和后台功能： 132、 系统功能模块设计 14二、数据库需求分析 14三、 我的个人网站的设计与规划 151、明确架设网站的目的及客户要求 152、我的个人网站概貌 153、功能划分 164、功能描述 16第四

4、章 网站详细设计 17一、数据库的设计 171、数据库搭建 17二、连接数据库 19二、 页面设计 211、首页界面的设计 212、主页界面的设计 223、相册页面设计的介绍 234、日志页面的设计 255、音乐界面的设计 266、留言板的设计 277、视频展示 29二、后台代码 311、动画后台代码设计 312、列表框的代码 323、数据库连接代码 344、分页功能模块代码 375、图片显示功能模块代码 386、歌曲播放器的代码 397、视频播放代码 39三、网站后台管理系统代码 421、管理登陆代码设计 422、验证码验证代码 433、打开数据库 444、数据库查询操作 455、添加更新记

5、录操作 466、删除记录操作 48结束语 49谢辞 49参考文献 50绪 言在已跨入21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前，我国上网的人口已近一个亿，成为世界上网民最多的国家，许多人在需要查询信息的时候，首先想到的就是互联网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑， 网络已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展，网络正在改变整个世界， Internet具有传播信息容量极大、形态多样

6、、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，而将个人和网络相结合，将会更好的推动信息的传递与交流。现在不仅很多大学和众多企业部门都已经建立了自己的网站。个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的风采及与自己动态，还可以通过自己的网站，结交到更多的朋友。第一章 开发目的及开发环境一 、开发目的现在网络无处不在，网站不再仅仅为企业或公司大型机构所拥有，一个班级，一个家庭甚至个人都可以拥有属于自己的网站。利用网络传递自己的信息与动态，不仅可以让自己的朋友时刻了解自己的动态，关注自己。还可以让陌生人通过注册，加入到我的朋友群中，拓

7、宽自己的朋友圈，更好的交流信息。还可以在个人网站更新自己的信息，会员可以评论，对自己也会有所帮助。建立个人网站有以下意义：（1）在这个高度信息化的社会里，建立自己的网站是最直接的宣传手段。网站的超时空特性，不仅能让别人了解自己，更可以交到更多的朋友呀（提供留言，日志评论）。（2） 网站是实现个人与外界的桥梁，没有时间，空间的限制。（3）个人网站是最佳的展示天地。个人网站与与数据库有效链接，给个人空间研究带来了一片新天地，个人资料、日志、相册、 音乐、留言板、视频演示提供了极佳的平台，提高了信息交流的效率。 （4）个人网站能够提供信息交流的平台，不同的人了解世界的方式各不相同，认知世界有诸多方式

8、。二、开发环境。HTML作为一种样式语言，随着Internet上信息量的增多和交互性的加强使HTML显得越来越难以胜任的情况之下，而ASP能够彻底实现用户与管理人员的交互性，在ASP编程语言高度发展的形式下，ASP能够很好的解决这些复杂交互的动态性，于是我选择了个人网站的动态开发，即而让个人网站更加的互动。系统平台，采用ASP.NET/Server体系结构。Web服务器 IIS 6.0，Windows 7系统 数据引擎 Microsoft SQL sever 2008权限要求 对SQL sever数据库具有建表、备份的权限 硬件要求 PIII500 CPU 256M内存或更高 带宽要求 10M

9、共享或更高客户端软件，包括单机操作系统和浏览器软件，分别选用Windows 系统和Internet Explorer，数据库系统采用Microsoft SQL sever有利于信息添加、修改、删除、编辑等方便操作，信息容量巨大。第二章 开发工具简介一 动态网站的脚本语言-ASPActive Server Pages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏

10、览器中“浏览”，不像VBScript或 JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（lient）在浏览器中可以显示程序执行的结果，可是，客户端（lient）若使用Netscape浏览器就无法显示VBScript的执行结果。1、ASP简介ActiveServerPages即ASP是微软开发的一种类似HTML（HypertextMarkupLanguage超文本标识语言）、Script（脚本）与CGI（CommonGAtewayInterface通用网关接口）的结合体，它没有提供自己专门的编程语言，而是允许用户使用包括VBSCRIPT，j

11、avascript等在内的许多已有的脚本语言编写ASP的应用程序。ASP的程序编制比HTML更方便且更有灵活性。它是在WEB服务器端运行，运行后再将运行结果以HTML格式传送至客户端的浏览器。因此ASP与一般的脚本语言相比，要安全的多。对于广大网页技术爱好者来说，ASP比CGI具有的最大好处是可以包含HTML标签，也可以直接存取数据库及使用无限扩充的ActiveX控件，因此在程序编制上要比HTML方便而且更富有灵活性。ASP吸收了当今许多流行的技术，如IIS，ACTIVEX，VBSCRIPT，ODBC等，是一种发展较为成熟的网络应用程序开发技术；其核心技术是对组件和对象技术的充分支持。通过使用

12、ASP的组件和对象技术，用户可以直接使用ActiveX控件，调用对象方法和属性，以简单的方式实现强大的功能。ASP中最为常用的内置对象和组件如下： Request对象：用来连接客户端的Web页（.htm文件）和服务器的Web页（.asp文件），可以获取客户端数据，也可以交换两者之间的数据。Response对象：用于将服务端数据发送到客户端，可通过在客户端浏览器显示，用户浏览页面的重定向以及在客户端创建cookies等方式进行。该功能与Request对象的功能恰恰相反。Server对象：许多高级功能都靠它来完成；它可以创建各种Server对象的实例以简化用户的操作。Application对象：它

13、是个应用程序级的对象，用来在所有用户间共享信息，并可以Web应用程序运行期间持久地保持数据。同时如果不加以限制，所有客户都可以访问这个对象。Session对象：它为每个访问者提供一个标识；Session可以用来存储访问者的一些喜好，可以跟踪访问者的的习惯。在购物网站中，Session常用于创建购物车（ShoppingCart）。BrowserCapabilities（浏览器性能组件）：可以确切的描述用户使用的浏览器类型、版本以及浏览器支持的插件功能。使用此组件能正确地裁剪出自己的ASP文件输出，使得ASP文件适合于用户的浏览器，并可以根据检测出的浏览器的类型来显示不同的主页。FileSyste

14、mObjects（文件访问组件）：允许你访问文件系统，处理文件。 ADO（数据库访问组件）：它是最有用的组件；可以通过ODBC实现对数据库的访问。AdRotator（广告轮显组件）：专门为出租广告空间的站点设计的，可以动态的随机显示多个预先设定的BANNER广告条。2、ASP的工作原理当用户浏览网页时，客户端浏览器与WEB站点之间进行交互的过程如下图所示： 图1 ASP工作原理3、ASP.NET的优点。1、任何开发工具皆可发展只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPage Express、 rontPage等也都可以；不过还是建

15、议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写，可能会发生一些意想不到的离奇状态。通过各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。2、语言相容性高ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java ScriptActive X服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（Third Party）所提供的语言。3、隐密安全性高如果我们在浏览器中直接查看网页的原始代码，就只能看到文件，原始的程序代码是看不到的！这是因杰程序先于网站服务（eb

16、Server）端执行后，将结果转换成标准文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的程序并不会轻易地被看见进而被盗用。4、易于操控数据库可以轻易地通过DBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：SQL sever 、 Acess、Foxpro、dBase、Oracle等等，另外，亦可将“文本文件”或是”Excel” 文件当成数据库用。5、面向对象学习容易具备有面向对象（bject-Oriented）功能，学习容易，提供了五种方便能力强大的内建对象：Request、Response、Sever、Application

17、以及Session，同时，若使用内建的“Application”对象或”Session”对象所撰写出来的程序可以在多个网页之间暂时保存必要的信息。二、网页动画的制作软件-Micromedia Flash CS4Micromedia Flash CS4用于web站点的交互式的矢量图形和动画的制作，它可制作出 用于浏览时的导航控制、制作动画图标、带同步声音的大段的动画，创建出生动的富于表现力的网页。Flash中的图形都是矢量的，占据存储空间较少，因而下载时间短，且能很好地适应浏览者不同尺寸的屏幕。Flash 的交互性的大部分设置就在 Action 和 Fs Command 里，通过对 Action

18、 和 Fs Command 的设置，你可以随意的设置各事件发生的效果，还有对变量及函数的设置。三、JavaScriptJavaSript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择。 四、影像与动画的制作软件Adobe Photoshop8.0Photoshop 8

19、.0是目前最流行的图形、图像编辑设计软件，在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。(一) 文字处理更加方便(二) 增加的图层集使图层管理更有序。(三) 新增图像功能：图像的剪切和剪裁更加方便。(四) 将所有工具的选项板改进为工具选项栏放置在工作区顶部，方便先项参数的设置。(五) 为了更方便地用路径绘画，改进增加了几何形状工具，通过选择工具的不同工作模式，可创建路径、几何形状或几何填充区，使得矢量绘图功能得到了加强。第三章 系统需求分析及总体设计一、 需求分析1、基于JSP的个人网站分前台功能和后台功能： 前台部分由用户使用，主要包括用户注册，信

20、息浏览，图片查看，音乐欣赏，查看视频，评论日志，留言等。后台部分由管理员使用，主要包括管理员身份验证，添加，修改，删除，注册会员的确认。 2、 系统功能模块设计功能结构图如下： 功能模块设计图从图中可以看出，个人网站系统可以分为前台和后台两个部分，前台部分由用户使用，主要包括用户注册，信息浏览，图片查看，音乐欣赏，查看视频，评论日志，留言等7个模块；后台部分由管理员使用，主要包括身份验证，添加，修改，删除，注册会员的管理。二、数据库需求分析 数据库的设计通常是以一个已经存在的数据库管理系统为基础的，常用的数据库管理系统有MYSQL，SQL Server, Oracle等。我采用了SQL ser

21、ver2008数据库管理系统，建立的数据库名为db_kongjian。整个系统功能需要以下数据项：用户：用户ID、用户名称、登录密码、验证码留言：留言ID、留言内容。相册：相册ID，相册名称，相片，时间音乐：音乐ID，音乐名称，歌手，歌曲链接日志：日志ID，日志名称，日志内容，时间三、 我的个人网站的设计与规划1、明确架设网站的目的及客户要求通常情况下，架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的个人网站一般体现在：为了展示自己的风采，让大家和我一起分享我的心得与经验，让和我有共同爱好的朋友有一个倾诉的地方。2、我的

22、个人网站概貌因为是个人网站，所以只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。因此将网站设计分为前台页面展示平台和后台在线管理平台。3、功能划分网站设计有flash动画，浏览者可以在首页浏览自己喜欢的页面，欣赏视频演示并且可以在留言板和大家交流，在后台管理页面中，通过身份认证，管理员我，可以对网站信息进行管理。站内的其它页面均是我自己的精心收藏，与大家一起分享。4、功能描述登录通过用用户名和密码，登录进入到首页大动画。留言板是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进

23、行沟通。后台管理页面是我管理和添加到新内容的地方，为了方便实现信息的经常更新，我设计了这个管理页面，我可以进入网站对其中的信息进行管理。日志在其中展示我喜爱的东西，包括我的日记、精品文章和一些杂七杂八的文章。奇文共欣赏，疑义相与析。我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。 相册在其中展示漂亮的图片，包括我的照片、我的同学、风景照片、妹眉帅哥栏木。让大家一起来欣赏人物、风景风采。音乐在其中展示个人喜欢的歌曲视频 在其中展示我和我同学的视频页面组织和数据库设计在明确了我的个人网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。建立一

24、个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。因此我将自己的个人网站分为六个栏目，分别是关于视频、相册、日记、音乐、留言。第四章 网站详细设计一、数据库的设计1、数据库搭建使用SQL SEVER实现关系型数据库(一) 用户密码登记表userInfo表中包括：姓名，密码，验证码。它的设计视图如图1： 字段中文字段长度

25、字段类型备注userID用户IDuniqueidentifieuniqueidentifie主键username用户名64nvarcharuserpwd密码128nvarcharyanzheng验证码64nvarchar图1(二) 留言基本档案表liuyanInfo存储了用户的档案包括：ID,留言内容,其中ID为该表的主关键字。它的设计视图如图2：字段中文字段长度字段类型备注liuyanID留言IDuniqueidentifieuniqueidentifie主键content留言内容ntextntext图2(三) 音乐基本信息表 musicInfo，如图3：字段中文字段长度字段类型备注musi

26、cID音乐IDuniqueidentifieuniqueidentifie主键music音乐64nvarcharlianjie链接128nvarcharauthou作者64nvarchar图3(四) 日志分类表 rizhiInfo，如图4：字段中文字段长度字段类型备注rizhiID日志IDuniqueidentifieuniqueidentifier主键title标题128nvarcharcontent日志内容ntextntextriqi日期datetimedatetime图4以上数据表为SQL Sever类型的库文件，将它定名为：“kongjian”。二、连接数据库在上面，我们已经为我们的程

27、序创建了一个数据库，在这里，我们来用ASP把程序和数据库连接起来，以后就可以连接到数据库、在ASP中显示数据库中的数据以及更复杂的插入、修改和删除。 一起看以下代码，这就是ASP程序中常用的连接数据库的代码： % 这是ASP程序的起始在服务器上创建了一个连接数据库的对象告诉ASP数据库的连接方法以及路径public DataBase() strconn = ConfigurationManager.ConnectionStringsyangfang.ToString(); 创建了对象后就用来打开数据库进行连接和关闭数据库连接 public string strconn; private Sql

28、Connection conn; private SqlCommand comm; public void OpenData() if (conn = null) conn = new SqlConnection(strconn); if (conn.State.Equals(ConnectionState.Closed) conn.Open(); public void CloseData() if (conn.State.Equals(ConnectionState.Open) conn.Close(); conn.Dispose(); %一切OK了!结束ASP程序二、 页面设计1、首页界面的设计利用flash做的动画2、主页界面的设计 功能用FCK控件 懳&嶶筱 主页浏览效果图3、相册页面设计的介绍是一个个人相片和精彩图片展示的地方，在相册中，我们可以了解到站长的个人风采和自己喜欢的图片