基于JSP的个人网页设计毕业论文.doc

1、 专 科 毕 业 论 文 基于 JSP 的个人网页设计 JSP based personal webpage design 学院名称： 宿迁职业技术学院 专业班级： 09 计算机 3班 学生姓名： 羊金洲 指导教师姓名： 陈勇 指导教师职称： 讲师 2012 年 5 月 基于 JSP 的个人网页设计 专业班级：计算机应用技术（ 3）班 学生姓名：羊金洲 指导老师：陈勇 职称：讲师 摘要 本文就个人网站的规划与建设，以软件工程的方法对全过程进行了分 析与研究。本文的主要工作集中在： （ 1）对 Web 页进行概述，主要是对 Internet 的历史和发展作了回顾，并对 Web 页的定义和特性进行

2、阐述。并对网站开发过程中使用的开发工具和技术作了简要的介绍。 （ 2）对网站建设中提及到的术语进行了解释，并对个人网站的由来和发展 进行了讨论。 （ 3）对 自己的个人网站从规划到建设进行了详细的分析。 关键词 ： 网站 数据库 dreamweaver8.0 JSP based personal webpage design Abstract: The groundwork of this text is concentrated on: （ 1） Go on because it sum up, whose name is mainly act as and review at develo

3、pments of history against Internets, for Web the definitions of pages go on and explain at characteristics. And has done brief introduction to the developing instrument and technology that are used in the course of developping of Web site. （ 2） The getting under more construction about Web site ment

4、ion go on and explain for personal the origins of the Web site go on and discuss at developments at term that get. （ 3） The getting Web site personal planning to building detailed more analysis about the one ones own. （ 4） Use ASP of + IIS + SQL technologies of it realize the various kinds of functi

5、on in Web sites of me of,among them and join and use and for ODBC technology at data bases . （ 5） From Web site build and propose ones own view and suggestions. Key words : Website access dreamweaver8.0 目 录 序 言 1 第一章 开发背景 2 1.1 Web 页概述 2 1.2 开发工具的选用及介绍 3 第二章 个人网站设计分析 5 2.1 相关术语及解释 5 2.2 我的个人网站设计与规划

6、6 2.3 数据库设计 7 2.4 可行性分析 10 第三章 详细设计 12 3.1 总体结构图 12 3.2 页面的设计 12 3.3站点建立 14 第四章 编码 16 4.1 关键代码 16 4.2 数据库用到的代码 18 4.3 设计技巧和解决方法 20 结 论 21 致 谢 22 参考文献 23 序 言 在已跨入 21 世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。 目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。网站的迷人之处在

7、于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑， 网站 已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。 个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。 第一章 开发背景 1.1 Web 页的概述 Web(World Wide Web，简称 WWW，又称万维网 )是目前 Internet 上应用最广泛也是最重要的信息服务类型，它的影响已经进入了 Internet 上的广告、新闻、电子商务和展示信息等各个服务领域。 Web 采用浏览器 /服务器 （ B/S）

8、 工作模式 ，其运作模式可以描述为：请求处理应答。 Web 以超文本标记语言 HTML(Hyper Text Markup Language)与超文本传输协议 HTTP(Hyper Text Transfer Protocol)为基础，通过浏览器为用户提供方便友好的信息浏览界面。 Web 将位于全世界互联网上不同网址的相关信息有机地编织在一起。在 Web服务方式中，信息以页面（或称 Web 页）的形式存储在 Web 服务器中，这些页面采用超文本的方式对信息进行组织，通过链接将一页信息链接到另一页信息 。这些相互链接的页面既可以放置在同一台主机上，也可以放置在不同的主机上。页面到页面的链接信息由

9、统一资源定位器 URL(Uniform Resource Locator)维持。用户通过客户端应用程序（即浏览器）向 Web 服务器发出请求，服务器根据客户端的请求将保存在服务器中的某个页面返回给客户端，浏览器接收到页面后对其进行解释，最终将信息以图、文、声并茂的形式呈现给用户。 Web 服务的特点在于高度的集成性，它能够实现不同类型的信息（如文本、图像、声音、动画和视频等）和服务（如 New、 FTP、 Telnet、 Gopher 及 Mail 等）的无缝链接，特别适合于广域网中信息的组织、检索与显示。 在信息技术领域中， Web 技术几乎汇集了当前信息处理的所有技术手段，以求最大限度地满

10、足人性化的特点。 Web 界面五颜六色，既有文字、彩图、动画、声音、视频和一些相关信息或目录摘要，还可根据需要进入你想去的任何地方。只要你愿意或是你能想到的服务， Web 几乎都能实现。 Web 技术涉及诸多技术领域： （ 1）网络硬件技术 从两台或多台机器组成的对等网，到主机控制的以太网，再到生动活泼的因特网，每一处都需要有特定的硬件支持 。 1968 年，当 “LOGIN”的 “LO”从美国加州洛杉矶分校的电脑屏幕跳到斯坦福大学的电脑屏幕上时，标志着人类首次组网的成功！组网技术经过几十年的锤炼，而今已经相当成熟了。 网络硬件技术包括很多方面，其主要的作用就是把网络中的各种资源通过相关网络连

11、接设备连接起来，实施网络通信和达到共享网络资源的目的。 （ 2） Web 管理技术 网络管理技术是一个永久的话题。网络管理的难点是安全性问题，涉及到防止来自内部和外部的攻击，这对管理员自身的技术是一个严峻的考验。一个合格的网管人员，除了管好网络，还得和黑 客做技术上的较量。网络管理涉及的方面可谓种类繁多，简单地说，网络管理就是为保证网络系统能够持续、稳定、安全、可靠和高效地运行，不受外界干扰，而维持网络系统设施所采取的一系列方式和措施。网络管理由网管员通过驾驭网络操作系统和网络管理软件来实现。 Web 管理则是在网络管理的基础上，针对网络建设和维护所进行的一系列管理。诸如架设 Web 服务器、

12、文件传输服务器、邮件服务器、域名服务器、代理服务器以及用户管理和计费管理等等。 1.2 开发工具的介绍及选择 1.2.1 Dreamweaver8.0 Dreamweaver 是创建和管理网页的专业化可视编辑器。使用 Dreamweaver 可以轻松创建跨平台、跨浏览器的页面。 Macromedia 的 RoundtripHTML 技术允许用户随意导入 HTML 文档而无需重新设置代码格式。 Dreamweaver 可以为用户做到：使用动态 HTML 功能（例如具有动态效果的层和行为）而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。 Dreamweav

13、er 还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快捷键，甚至编写 JavaScript 代码扩展 Dreamweaver 的行为和属性检查器。 至于 Dreamweaver 工作区是非常灵活的，因此它可以适应各种不同的工作风格和使用水平。常用的 Dreamweaver 工作区组件有以下若干种： （ 1）文档窗口可显示当前文档，文档的外观和浏览器中看到的非常相似。 （ 2）装载器中包含一些打开和关闭常用检查器和模板的按钮。 （ 3）对象工具栏包含创建不同类型的对象（例如图象、表格和层等）的按钮。 （ 4）属性检查器显示选定对象的属性。 （ 5）快捷菜单可以使用户对当

14、前选择或区域快速执行某些命令。 （ 6）可固 定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个选择窗口中。 1.2.2 网页动画的制作软件 -Micromedia Flash 8.0 Micromedia Flash 8.0 用于 web 站点的交互式的矢量图形和动画的制作，它可制作出 用于浏览时的导航控制、制作动画图标、带同步声音的大段的动画，创建出生动的富于表现力的网页。 Flash 中的图形都是矢量的，占据存储空间较少，因而下载时间短，且能很好地适应浏览者不同尺寸的屏幕。 Flash 的交互性的大部分设置就在 Action 和 Fs Command 里，通过对 Actio

15、n 和 Fs Command 的设置，你可以随意的设置各事件发生的效果，还有对变量及函数的设置。 1.2.3 JavaScript JavaSript 是一种基于对象 (Object)和事件驱动 (Event Driven)并具有安全性能的脚本语言。使用它的目的是与 HTML 超文本标记语言、 Java 脚本语言（ Java小程序）一起实现在一个 Web 页面中链接多个对象，与 Web 客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的 HTML 语言中实现的。它的出 现弥补了 HTML 语言的缺陷，它是 Java 与 HTML 折衷的选择。 第二章 个人网站设计分析 2

16、.1 相关术语及解释 2.1.1 Internet Internet(英特网 )诞生于上世纪 60年代，发展非常慢，到 90 年代才 开始迅速发展。现在英特网已经是世界上最大的网络的，联在英特网上的电脑有数亿台。上面的资料、信息数不胜数，所以有人把英特网叫成是信息的海洋、知识的海洋 。 2.1.2 站点 所谓站点，就是将网页文件和素材文件，有条理地放置站点文件夹里，这些文件与 文 件夹就构成了网站的实质内容。站点文件夹里除了 网页文件还有素材文件，所谓素材就是网页中所用到的图像、声音、视频等，这些内容是以单独文件的形式存在。 2.1.3 超链接 我们在浏览网页时，当鼠标指针指向某段文本或是某个

17、图像，鼠标指针变成小手状，单击鼠标可以打开其他的网页或是跳转到其他的网站，这就是超链接。采用超链接技术可以将不同的网站、网站中的不同网页、网页中的不同位置彼此串在一起，实现相互间的跳转，方便信息的浏览和查找。人们通过超链接可以很方便很迅速地访问分布于全球计算机上的海量资源，实现在互联网中的漫游。超链接能使 Web 服务存在广泛和持久的生命力，超 链接可以说是 Web 的灵魂。 2.1.4 个人网站的由来和发展 互联网在中国的出现只有短短七年时间， 1994 年中国科学院高能物理研究所设立了国内第一个 Web 服务器，推出一个叫做“中国之窗”的网页，这可能是国内 Internet 上出现的第一个

18、 Web 网页， 1995 年开始，中国教育科研网，中国科技网，中国公用计算机互联网以及中国金桥网这构成中国数字神经系统的四大互联网络相继建成，使互联网在中国开始真正进入社会生活之中。 这时期，个人网站出现的条件还很不成熟，国内上网的人数很少，也缺乏支持个人建站的环境，用户很难找到理 想的个人主页存放地。 个人网站发展的第二阶段是从 1997 年初到 1998 年，这段时间，中国网民数量飞速增长，个人网站日渐繁荣，个人主页的数量急剧增加。同时，越来越多的商业网站开始免费提供个人主页空间，这些良好的外部极大地促进了个人网站的发展，涌现了一批很著名的个人网页，从 1998 年下半年开始，随着互联网

19、应用 的深入的普及，随着众多主页制作工具的出现，使得建站成为一件非常容易的事 ,创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。 2.2 我的个人网站的设计与规划 2.2.1 明确架设网站的目 的 通常情况下，架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的个人网站一般体现在：为了展示自己的风采，让大家和我一起分享我的心得与经验，让和我有共同爱好的朋友有一个倾诉的地方。 2.2.2 我的个人网站概貌 因为是个人网站，所以只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的

20、网站设计技术和数据库技术。因此将网站设计分为前台页面展示平台和后台在线管理平台。 2.2.3 功能划分 网站设计有新闻更新，浏览者可 以在首页浏览自己喜欢的新闻，并且可以在留言板和大家交流，在后台管理页面中，通过身份认证，管理员 我，可以对网站信息进行管理。站内的其它页面均是我自己的精心收藏，与大家一起分享。 2.2.4 功能描述 (1)首页 点击首页可以让别人看见制作的动画影视。 (2)我的资料 是对自己的一个简单的介绍，可以让他人对我多一些了解。 (3)我的文章 里面包括了爱情文章 . 亲情文章 .友情文章及生活随笔。 (4)我的照片 在其中展示我喜爱的东西，让一些美好的东西我们大家共同来欣赏。