个人网站实验报告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
升级会员 