个人网页设计.docx
《个人网页设计.docx》由会员分享，可在线阅读，更多相关《个人网页设计.docx（35页珍藏版）》请在冰点文库上搜索。
个人网页设计
目录
目录2
1概述3
1.1编写目的3
1.2任务目标4
2相关技术介绍4
2.1HTML语言的特点4
2.2JSP的特点与优点4
2.3JavaServlet5
2.4JQuery简介6
2.5JSP技术简介6
2.6JDBC技术简介7
2.7TOMCAT技术简介7
2.8SQL语言及ORACLE数据库介绍8
2.9运行环境9
3需求分析9
3.1功能分析9
4系统设计9
4.1系统设计思想10
4.1.1个人网页说明10
4.1.2个人网页总体分析10
4.2数据库设计思想10
4.3各模块设计13
4.3.1个人资料13
4.3.2个人日记14
4.3.3影音欣赏14
4.3.4注册登录14
4.3.5下载专区14
4.3.6个人相册14
4.3.7留言板15
4.3.8娱乐应用15
5编码实现15
5.1功能总体说明15
5.1.1功能总体说明15
5.1.2主要功能流程15
5.2各个功能模块的实现16
5.2.1数据库的连接16
5.2.2注册登录16
5.2.3个人资料17
5.2.5影音欣赏18
5.2.6下载专区19
5.2.7个人相册20
5.2.8留言板21
5.2.9娱乐应用22
5.2.10分页显示的功能实现22
6系统测试23
总结24
参考文献24
致谢24
操作手册25
数据库准备工作25
启动tomcat服务器26
进入主页26
个人资料27
个人日记30
影音欣赏33
注册登录34
下载专区38
个人相册40
留言板42
娱乐应用44
目录
Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。
作为Internet上一种先进的，易于被人们所接受的信息检索手段，WorldWideWeb（简称WWW）发展十分迅速，成为目前世界上最大的信息资源宝库。
据估计，目前Internet上已有上百万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，因此，建设一个好的Web站点对于一个机构的发展十分重s要。
近年来，随着网络用户要求的不断提高及计算机科学的迅速发展，特别是数据库技术在Internet中的广泛应用，Web站点向用户提供的服务将越来越丰富，越来越人性化。
我们发现这样一个事实，一个用户在访问一个网站时一般来讲只对该网站的部分内容感性趣，而且这种兴趣会持续一段时间。
这点启发了我们，如果能根据用户的喜好为不同的用户显示其个性化的页面，即着重显示该用户感兴趣的内容，将为用户节约大量的检索时间，而且这样的网页显然是更具有吸引力的。
一些站点已经在这方面做出了一定的尝试，通常采用的方法是，在用户登陆时为其提供一系列的选项，使用户能够对站点进行一些自主的设置。
这样做能够使站点呈现一定程度的个性化，但是对用户来讲，还是比较烦琐，而且在用户了解一个站点前让其对站点进行设置，其结果未免有些粗糙。
于是我们构想了这样一种方案，对用户登陆后的动作进行跟踪，分析，发掘用户点击的规律，即用户先后点击的关联规则，这样，在用户点击一个主题（链接）之后，系统能够自动生成一个页面，其中包含了该主题下用户经常关注的内容（若干链接），这样便在无须用户做出任何额外工作的情况下实现了为用户量身订做的个性化页面。
要实现这样的功能，离不开后台数据库的支持。
用户验证信息，收集到的用户点击信息，主题层次信息，分析得出的关联规则表等大量的数据都由数据库管理系统管理。
本文中数据库服务器端采用了ORACLE10g数据库并以先进的JDBC技术进行数据库存取等操作，使Web与数据库紧密联系起来。
1概述
由于网络上各种各样的信息很多，别人可以轻易的各大知名网站上了解自己想要的信息。
所以，我的关注的便是怎样让自己的网站更具有个性魅力，使个人擅长的信息更全面的反映于浏览者。
以上便是我个人站点主题选择的指导思想。
网页主要包括：
个人资料及用户资料，个人日记，影音欣赏，下载专区，个人相册，留言板。
在主要内容之外，还有娱乐、游戏、实用信息等。
1.1编写目的
当今网络技术逐渐渗入社会生活各个层面，以前网站上的个人网页设计都是要用户登陆以后才能进行相关访问及互动，个人网页都是千篇一律只是展示个人信息没有给用户很好体验，没有考虑用户需要存文件及浏览公共资源等功能。
而随着网络互联技术的进步，现在的个人网页应该拥有自己的设计思想，融合各大网站的优点，抓住浏览者需要的打动用户，增加用户的访问。
作者也在努力打造完美个人网页设计努力。
1.2任务目标
这个系统预期的目的是为了做成交互式的网页，方便客户端和浏览器端之间的交流。
通过我的个人网页设计能够增加交流沟通，完全可以在本系统中发布谈论。
希望大家批评指点，共同学习，共同进步。
2相关技术介绍
2.1HTML语言的特点
HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，HTML语言的特点如下：
1、简易性，HTML版本升级采用超集方式，从而更加灵活方便。
2、可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。
3、平台无关性。
虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。
2.2JSP的特点与优点
综合而言，JSP技术具有下面的特点：
1）writeoncerunanywhere
JSP技术继承了JAVA先天性的先进概念“writeoncerunanywhere”这种概念正越来越深远的影响着互连网行业的交互式、WEB设计的理念。
JSPPages可以非常容易的开平台跨WEB服务器软件来是设计和开放源代码。
2）支持多种动态网页格式
目前对使用JSP技术设计出来的网页应该采取什么样的格式还没有一个明确的标准。
一般来说JSP技术即可以支持HTML/DHTML的传统浏览器文件格式，又可以支持应用与无线通讯设备例如移动电话、PDA等设备进行网页浏览器的VML文件格式，还可以支持其它一些B2B应用的XML格式。
与以往的其它WEB应用技术相比较JSP技术有它很鲜明的特点。
3）JSP标签可扩冲性
尽管JSP与ASP都使用标签与脚本技术来制造动态WEB网页，但是JSP技术能够使开发者扩展JSP标签，使得应用JSP的开发者能定制标签库所以网页制作者可以充分利用与XML兼容的标签技术，大大减少了对脚本语言的依赖。
由于指定标签库技术使得网页制作者降低了制作网页和想多个网页扩充关键功能的复杂程度。
4）JSP跨平台的可重用性
JSP的开发人员在开发过程中一直关注可重用性，JSP足见、企业JavaBean或制定的标签都是跨平台可重用的。
企业JavaBean可以访问传统的数据库并能并能已分布式系统模式工作于UNIX和WINDOWS平台，JSP标签可扩充功能为开发人员提供简便的与XML兼容的接口，即共享网页的打包功能使其完全的工业标准化。
这种基于组建的模式能够有效的提高应用程序的开发效率。
因为这种模式能够使开发人员利用快捷的子组建快速创建模板应用程序。
然后再整和一些附加功能将其打包成一个JAVABEAN组建。
5）易于维护性
基于JSP技术的应用程序比基于ASP的应用程序更易于维护和管理。
脚本语言都很好服务于小的应用程序但不能适宜大型的复杂的应用程序，因为JAVA是结构化的，它比较比较容易创建和维护庞大的组建化的应用程序。
2.3JavaServlet
JavaServlet是一种独立于平台和协议的服务器端Java应用程序，可以生成动态的Web页面。
与传统的从命令行启动的Java应用程序不同，它由Web服务器进行加载，该Web服务器必须包含支持Servlet的Java虚拟机。
Servlet提供了大量的实用工具例程，例如自动地解析和解码HTML表单数据、读取和设置HTTP头、处理Cookie、跟踪会话状态等。
Servlet用Java编写，ServletAPI具有完善的标准。
因此，为IPlanetEnterpriseServer写的Servlet无需任何实质上的改动即可移植到Apache、MicrosoftIIS或者WebStar。
几乎所有的主流服务器都直接或通过插件支持Servlet。
2.4JQuery简介
Jquery是继prototype之后又一个优秀的Javascrīpt框架。
它是轻量级的js库（压缩后只有21k），它兼容CSS3，还兼容各种浏览器（IE6.0+,FF1.5+,Safari2.0+,Opera9.0+）。
jQuery使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。
jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。
jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。
2.5JSP技术简介
JSP是JavaServerPages的缩写，是由Sun公司倡导、许多公司参与，于1999年推出的一种动态网页技术标准。
JSP是基于JavaServlet以及整个Java体系的Web开发技术，利用这一技术可以建立安全的、跨平台的先进动态网站，这项技术还在不断地被更新和优化。
Servlet是Java语言的一部分，提供了用于服务器编程的API。
JavaServlet编写的Java程序称为servlet。
servlet通过HTML与客户交互信息，它的最大缺点不能有效管理页面的逻辑部分和页面的输出部分，导致页面代码非常混乱，所以用servlet来管理网站比较困难。
为了克服这一缺点，Sun公司推出了JSP，JSP提供了JavaServlet几乎所有的优点，当一个客户请求一个JSP页面时，JSP引擎根据JSP页面生成一个Java文件，即一个servlet。
而且，JSP利用对JavaBeans组件技术的支持，可以有效的管理页面的逻辑部分和页面的输出部分。
其实，JSP也可以和servlet有效的结合，分离页面的逻辑部分和页面的输出部分。
JAVABEAN技术简介
JAVABEAN是基于JAVA的组建模型，有点类似于MICROSOFT的COM组建。
在JAVA平台中，可以无限扩充JAVA程序的功能，通过JAVABEAN的组合可以快速生产新的应用程序。
对于程序员来说，最好的一点就是JAVABEAN可以实现代码的重复利用，另外对于程序的易维护性等等也有很重大的意义。
JAVABEAN通过JAVA虚拟机（JAVAVIRTUALMACHINE）执行，运行JAVABEAN最小的需求是JDK1.1或者以上的版本。
JAVABEAN传统的应用在于可视化的领域，如AWT下的应用。
自从JSP诞生后，JAVABEAN更多的应用在了非可视化领域，在服务器端应用方面表现出了越来越强的生命力。
2.6JDBC技术简介
JDBC是一种用于执行SQL语句的JavaAPI。
它由一组用Java编程语言编写的类和接口组成。
JDBC为工具/数据库开发人员提供了一个标准的API，使他们能够用纯JavaAPI来编写数据库应用程序。
有了JDBC，向各种关系数据库发送SQL语句就是一件很容易的事。
而且，使用Java编程语言编写的应用程序，就无须去考虑要为不同的平台编写不同的应用程序。
把Java和JDBC结合起来，可以使程序员只须写一遍程序就可让它在任何平台上运行。
JDBC扩展了Java的功能。
例如，用Java和JDBCAPI可以发布含有applet的网页，而该applet使用的信息可能来自远程数据库。
企业也可以用JDBC通过Intranet将所有职员连到一个或多个内部数据库中（即使这些职员所用的计算机有Windows、Macintosh和UNIX等各种不同的操作系统）。
随着越来越多的程序员开始使用Java编程语言，对从Java中便捷地访问数据库的要求也在日益增加。
简单地说，JDBC可做三件事：
（1）与数据库建立连接；
（2）发送SQL语句；
（3）处理结果。
2.7TOMCAT技术简介
在已JAVA技术为的WEB开发领域中，TAMCAT是许多JAVA程序员相当喜爱的开放源代码产品，它附属在APACHESOFTWAREFOUNDATION所主导的JAKART项目内。
由于TAMCT是SERVLET与JSP技术的参考实现（REFERNCEIMPLEMENTATION），
所以它不但可以当作独立的WEB服务器，也可以结合其它的WEB服务器，只担任SERVLET容器或JSP容器的角色。
2.8SQL语言及ORACLE数据库介绍
（1）SQL语言
SQL是结构化查询语言StructuredQueryLanguage的缩写。
SQL在关系型数据库中的地位就犹如英语在世界上的地位。
它是数据库系统的通用语言。
利用它，用户可以用几乎同样的语句在不同的数据库系统上执行同样的操作。
比如“select*from数据表名”代表要从某个数据表中取出全部数据，在Oracle、SQLServer2000等关系型数据库中都可以使用这条语句。
SQL已经被ANSI（美国国家标准化组织）确定为数据库系统的工业标准。
SQL是一个功能强大的数据库语言，通常使用于数据库的通讯。
SQL语句通常用于完成一些数据库的操作任务，比如在数据库中更新数据，或者从数据库中检索数据。
绝大多数的数据库系统使用SQL，同时它们也有自己另外的专有扩展功能，但是，标准的SQL命令，比如"Select"、"Insert"、"Update"、"Delete"、"Create"和"Drop"常常被用于完成绝大多数数据库的操作。
（2）ORACLE数据库
oracle数据库是一种大型数据库系统，一般应用于商业，政府部门，它的功能很强大，能够处理大批量的数据，在网络方面也用的非常多。
不过，一般的中小型企业都比较喜欢用mysql,SQLserver等数据库系统，它的操作很简单，功能也非常齐全。
只是比较oracle数据库而言，在处理大量数据方面有些不如。
Oracle简称甲骨文，是仅次于微软公司的世界第二大软件公司，该公司名称就叫Oracle。
该公司成立于１９７9年，是加利福尼亚州的第一家在世界上推出以关系型数据管理系统（RDBMS）为中心的一家软件公司。
Oracle不仅在全球最先推出了RDBMS，并且事实上掌握着这个市场的大部分份额。
现在，他们的RDBMS被广泛应用于各种操作环境：
WindowsNT、基于UNIX系统的小型机、IBM大型机以及一些专用硬件操作系统平台。
事实上，Oracle已经成为世界上最大的RDBMS供应商，并且是世界上最主要的信息处理软件供应商。
由于Oracle公司的RDBMS都以Oracle为名，所以，在某种程度上Oracle己经成为了RDBMS的代名词。
Oracle数据库管理系统是一个以关系型和面向对象为中心管理数据的数据库管理软件系统，其在管理信息系统、企业数据处理、因特网及电子商务等领域有着非常广泛的应用。
因其在数据安全性与数据完整性控制方面的优越性能，以及跨操作系统、跨硬件平台的数据互操作能力，使得越来越多的用户将Oracle作为其应用数据的处理系统。
Oracle数据库是基于“客户端／服务器”模式结构。
客户端应用程序执行与用户进行交互的活动。
其接收用户信息，并向“服务器端”发送请求。
服务器系统负责管理数据信息和各种操作数据的活动。
2.9运行环境
为了保证个人网页设计系统运行的高效性和可靠性，服务器应具有较高的软硬件配置，客户端的要求不是很高。
此应用程序可广泛运行于国际互联网即Internet，也可适用于内部的局域网。
其运行要求如下：
软件环境：
客户端：
Windows95/98/2000/XP，InternetExplorer（IE）等。
服务器端：
WindowsNT/Windows2000/XP，Tomcat6.0,JDK1.6及其以上版本，IE等；
数据库：
采用ORACLE10g，运行于服务器端。
硬件环境：
服务器CPU：
PIII500以上，内存：
1M以上。
客户机CPU：
P200MMX以上，内存：
32M以上。
3需求分析
3.1功能分析
系统包括主要的功能：
新用户的注册，会员登录,浏览个人资料及版主资料，修改个人信息，浏览版主日记，影音欣赏，下载公共资源，上传个人资源到个人网盘，上传及浏览个人相册，新增留言，查看留言，删除留言，娱乐应用等模块。
用户可以匿名发布留言及查看留言，浏览版主日记，欣赏电影及音乐，下载公共资源，浏览版主相册，查看实时天气，玩游戏，进入铁路客服中心等。
登录用户比匿名用户增加了上传资料到个人网盘，查看个人资料及修改个人资料等。
版主可以修改版主资料，查看所用用户信息及修改用户信息。
4系统设计
4.1系统设计思想
4.1.1个人网页说明
此网上论坛中三种不同角色分别为：
游客，登录用户，版主（管理员）。
4.1.2个人网页总体分析
通过上面的功能说明，我们可以将个人网页的制作分为四大部分：
（1）会员注册和登陆模块：
这个模块的功能，就是新来网友可以填写注册资料，通过审核后便成为本论坛的正式会员，并可以以会员身份登陆个人网页。
（2）下载资源：
用户可以下载公共资源。
（3）娱乐应用：
为用户提供实用的信息等。
（4）信息发布：
版主以上职务可以进行对文章和用户进行处理，查询，修改，删除等。
了解了具体的功能需求后，就可以按模块的开始论坛的设计了。
当然，这些模块的只是在功能上对论坛结构的划分，实际上并不能够完全的把他们独立出来进行设计。
4.2数据库设计思想
在建设网站系统之前，我们必须对系统所用到的数据进行大致的分类和具体的结构设计，既要做到清晰明了，又要能适应系统各项功能的调用，而不至于产生结构上的逻辑混乱，保证关键数据在意外情况下不会被破坏，可以说数据库是系统的重中之重。
数据库设计要遵循一些规则，一个好的数据库满足一些严格的约束和要求。
尽量分离各实体对应的表，一个实体对应一个表，分析该实体有哪些属性，对应有些什么字段，以及各实体之间的联系。
实体、属性与联系是进行概念设计时要考虑的三个元素，也是一个好的数据库设计的核心，数据库设计一个基本的思想就是留有备份字段以备以后系统扩大。
从实际出发，经过仔细地设计，得到各表1.1的设计如下。
表用户表
表名
usertable
实体名称
用户表
主键
uId
序号
字段名称
字段说明
类型
位数
属性
备注
1
id
用户ID
NUMBER
11
非空
标识
2
name
用户名
VARCHAR2
100
可以空
3
age
年龄
NUMBER
11
可以空
4
sex
性别
VARCHAR2
20
可以空
5
address
地址
VARCHAR2
200
可以空
6
password
用户密码
VARCHAR2
100
可以空
7
truename
真实姓名
VARCHAR2
200
可以空
8
personcode
身份证号
VARCHAR2
200
可以空
9
add3
空余字段
表3.2版主个人信息表
表名
PERSONALINFORMATION
实体名称
版主个人信息
主键
Id
序号
字段名称
字段说明
类型
位数
属性
备注
1
ID
ID
NUMBER
4
非空
标识
2
NAME
版主姓名
VARCHAR2
100
非空
3
SEX
性别
VARCHAR2
4
非空
主版块为0
4
BIRTHDAY
生日
DATE
5
XINGZUO
星座
VARCHAR2
50
6
HOME
家庭地址
VARCHAR2
10
7
UNIVERSITY
大学
VARCHAR2
200
8
HIGHSCHOOL
高中
VARCHAR2
200
9
PRIMARYSCHOOL
小学
VARCHAR2
100
10
INTEREST
兴趣
VARCHAR2
100
11
FAVORITEMUSIC
喜爱音乐
VARCHAR2
300
12
FAVORITEVIDEO
喜爱视频
VARCHAR2
300
13
FAVORITEGAMES
喜爱游戏
VARCHAR2
300
14
FAVORITESPORT
喜爱运动
VARCHAR2
200
15
FAVORITEBOOK
喜爱书籍
VARCHAR2
200
16
PHOTO
照片
VARCHAR2
200
17
FAVORITECARTOON
喜爱动漫
VARCHAR2
200
18
ADD3
备份字段
19
ADD4
20
21
22
表3.3日记表
表名
Note
实体名称
日记表
主键
topicId
序号
字段名称
字段说明
类型
位数
属性
备注
1
ID
ID
NUMBER
11
非空
标识
2
NOTE
日记内容
clob
非空
3
PUBLISHER
发布人
Varchar2
50
可以空
4
PUBLISHDATE
发布时间
Date
可以空
5
COMMENTS
说明
Varchar2
300
可以空
6
Fenleiid
分类id
NUMBER
7
TITLE
标题
Varchar2
200
可以空
8
TITLEBAK
副标题
Varchar2
200
可以空
表3.4分类表
表名
Fenlei
实体名称
分类表
主键
replyId
序号
字段名称
字段说明
类型
位数
属性
备注
1
Id
ID
NUMBER
11
非空
标识
2
name
姓名
VARCHAR2
200
可以空
3
supname
父名称
VARCHAR2
200
可以空
4
5
6
7
表留言表
表名
guestbook
实体名称
留言表
主键
rep
升级会员 