个人网站实验报告Word文档格式.docx

个人网站实验报告Word文档格式.docx

《个人网站实验报告Word文档格式.docx》由会员分享，可在线阅读，更多相关《个人网站实验报告Word文档格式.docx（11页珍藏版）》请在冰豆网上搜索。

2、实验内容

2.1网站模块

（1）个人主页

a．个人资料

b．家乡风情

c．人生历程（包含Flash，一个大屏滚动的图片）

d．我的成果

e．留言空间

f．美文连接

g．音乐播放

（2）家乡主页

a．博客

b．美景观光（包含flash,插入了一个随机播放的相册）

c．特色专区

d．背景音乐

（3）留言板

a．用户登录

b．主界面获取登录名并显示

c．留言板部分信息有验证

d．最后以邮箱形式提交

2.3代码的设计

为了便于维护，将所有代码进行分类，和我的主页有关的文件放在了根目录ch04下，和家乡有关的文件放在了ch05下，与留言板有关的文件放在了ch03目录下，布局如下：

3、开发环境

记事本，dreamweaver8

二、网站分析和设计

个人网站用于展示自己的个人信息，让大家能通过网站尽快的了解自己，并且在我的网站中特别设置了家乡栏目，让大家对我的家乡内蒙古有一个正确清楚的认识

1、个人主页如图：

2、我的个人资料：

3、风土乡情：

4、人生历程：

5、留言空间：

（1）登录界面：

（2）留言板主页：

（3）表单验证：

（4）以邮件形式提交：

6、家乡风景：

以上便是网站的几个界面，还需更加完善。

以个人主页为首页，通过连接，连接到其他编好的网页中，插入了Flash元素，并使用javascript脚本语言做表单验证，并实现了大图滚动效果，还为家乡美景观光插入了电子相册。

三、代码设计和功能实现

由于代码较多，这里展示一些主要功能的代码：

1、家乡风景观光实现电子相册的代码：

<

objectclassid="

clsid:

D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="

width="

351"

height="

210"

>

<

paramname="

flash_component"

value="

ImageViewer.swc"

/>

movie"

photo.swf/ImageViewer.swf"

FlashVars"

flashlet={imageLinkTarget:

'

_blank'

captionFont:

Verdana'

titleFont:

showControls:

false,frameShow:

false,slideDelay:

3,captionSize:

10,captionColor:

#333333,titleSize:

10,transitionsType:

Random'

titleColor:

#333333,slideAutoPlay:

true,imageURLs:

['

photo.swf/01.jpg'

'

photo.swf/1.jpg'

photo.swf/02.jpg'

photo.swf/2.jpg'

photo.swf/03.jpg'

photo.swf/3.jpg'

photo.swf/04.jpg'

photo.swf/4.jpg'

photo.swf/5.jpg'

photo.swf/6.jpg'

photo.swf/07.jpg'

photo.swf/7.jpg'

photo.swf/08.jpg'

photo.swf/8.jpg'

photo.swf/09.jpg'

photo.swf/9.jpg'

photo.swf/11.jpg'

photo.swf/12.jpg'

photo.swf/13.jpg'

photo.swf/14.jpg'

photo.swf/15.jpg'

photo.swf/16.jpg'

photo.swf/18.jpg'

photo.swf/19.jpg'

photo.swf/20.jpg'

photo.swf/21.jpg'

photo.swf/31.jpg'

photo.swf/32.jpg'

photo.swf/33.jpg'

photo.swf/34.jpg'

photo.swf/35.jpg'

photo.swf/36.jpg'

photo.swf/37.jpg'

photo.swf/38.jpg'

photo.swf/hu1.jpg'

photo.swf/hu2.jpg'

photo.swf/hu3.jpg'

photo.swf/hu5.jpg'

photo.swf/hu4.jpg'

photo.swf/hu6.jpg'

photo.swf/hu7.jpg'

],slideLoop:

true,frameThickness:

1,frameColor:

#333333,bgColor:

#311C00,imageCaptions:

[]}"

SCALE"

noborder"

QUALITY"

high"

BGCOLOR"

#000000"

embedsrc="

flashvars="

pluginspage="

type="

application/x-shockwave-flash"

scale="

quality="

bgcolor="

/embed>

/object>

2、获取登录信息的代码：

%

request.setCharacterEncoding（"

utf-8"

）;

Stringname=request.getParameter（"

name"

Stringpwd=request.getParameter（"

pwd"

if（name!

=null&

&

pwd!

=null）

{

session.setAttribute（"

sessionname"

name）;

out.println（name+"

欢迎您来留言！

"

}%>

3、表单验证代码：

functioncheck（）

{

if（form1.name.value=="

）

alert（"

姓名不能为空"

form1.name.focus（）;

returnfalse;

}

if（form1.email.value=="

邮箱不能为空"

form1.email.focus（）;

if（（form1.email.value.indexOf（'

@'

0）==-1）||（form1.email.value.indexOf（'

.'

0）==-1））

邮箱不合法"

form1.email.focus（）;

if（form1.des.value=="

alert（"

留言不能为空"

form1.des.focus（）;

returntrue;

}

四、总结：

此次实验收获最多的就是学会了Tomcat的使用，并基本了解了tomcat的结构，另外还学会了三种工具：

HTML、CSS、JSP，在网站制作过程中也遇到了大量的问题，分别如下，其中一部分附加解决办法：

1、在将项目导入Tomcat后，用服务器打开，发现乱版，乱码，图片也访问不到

解决方法：

经过查资料和问老师，知是在Tomcat下不能使用中文名，包括所有的文件夹和文件名，图片名也不可以用中文。

2、字符乱码，许多中文都不能正常显示

在jsp开头，应使用gb2312中文编码方式，以下其他部分则根据具体情况选择编码方式，一般情况下为gb2312

3、点击连接没有出现相应页面

路径不对，检查路径，如果是在本目录下页面则直接href=”文件名”

如果是目录下子目录下的文件：

则href=”文件夹名/文件名”

如果在当前目录的父目录，则href=”../文件夹名/文件名”

五、参考资料

《Javaweb》，清华大学出版社，2007