北邮 信息网络应用基础 JSP 实验报告

信息网络应用基础

实验报告

学院：电子工程学院

班级：2012211xxx

学号：201221xxxx

姓名：xxxx

班内序号：xx

一、实验主题及问题定义

1.实验主题

本次jsp实验主题延续了上一次html实验的主题——周杰伦。2.问题定义

Web环境周杰伦主页。

(1)点击“Login.jsp”进入登录界面，输入用户名及密码登录。

(2)进入主页后，自动播放背景音乐《淡水海边》。可选择暂停或调节音量。

(3)在搜索栏输入想要搜索的关键字。

(4)右上角显示欢迎+用户名。

(5)选择想要浏览的模块并跳转。也可顺序浏览。

(6)“音乐作品”模块可点击“试听”跳转到QQ音乐该专辑的专题进行专辑试听。

(7)“你不知道的他”模块可点击“了解更多”链接跳转到另一设计的网页了解周杰伦不广为人知的一面。新打开的jsp网页右上角仍然显示欢迎+用户名。

(7)点击右上角“编辑”链接编辑个人信息，点击“确定”返回主页面。

(8)浏览完成，退出。

二、程序设计

1.功能

除了上次html所具备的功能外，改用jsp格式为网页添加了以下功能：

(1)网页登陆：用设定好的用户名及密码登陆后才可以跳转至主页面。

相关截图：

(2)欢迎：跳转至主页面后，页面右上角显示Welcome，***~“***”即为之前登陆时输入的用户名。同样，在点击“了解更多”的jsp链接后跳出的网页右上角也显示此句。

相关截图：

(3)修改个人信息：Welcome字样右侧还有一个“编辑”链接，点击后跳转至新页面可以编辑个人信息。其中包含“用户名”、“密码”、“所在地”、“年龄”、“粉龄”及“个人信息”。

相关截图：

2.技术

(1)网页登陆：运用了request及response技术。

(2)欢迎：运用了cookies技术。

(3)修改个人信息：“年龄”及“粉龄”设置部分有“+”“-”按钮可以对初定数字进行调节。运用了JavaScript技术。

三、数据设计

1.用户登录

(1)含义：判断用户名及密码是否匹配。

(2)作用范围：“Login.jsp”“test.jsp”“Jay Chou.jsp”“fail.jsp”。

(3)技术或方法：request.getParameter通过名字获取特定字符串，response.sendRedirect运用判断做出反应跳转至相应页面，post使其他页面可以读取该网页的信息。

(4)相关代码：

request.getParameter

response.sendRedirect

post

2.存储cookie

(1)含义：可以将用户名存储在客户端方便在其他网页调用。

(2)作用范围：所有页面。

(3)技术或方法：Cookie创建并写入cookie，setMaxAge设置cookie 存储最大时间，setPath设置cookie存储路径，response.addCookie 读出写入的cookie。

(4)相关代码：

Cookie+setMaxAge+setPath+response.addCookie

读出cookie

3.加、减控件

(1)含义：可以通过点击来改变年龄及粉龄。

(2)作用范围：“Edit.jsp”

(3)技术或方法：onclick="javascript:this.form.age.value++设置点一下+1的功能的JavaScript。

(4)相关代码：

“+”按钮

“-”按钮

四、问题及解决

1.MyEclipse环境配置

按照教程安装及配置好MyEclipse后，无法在软件及浏览器调试。Tomcat安装卸载再安装都不成功。无奈只好采取安装Tomcat后用Dreamwaver编写及调试的方法。

2.cookie写入不成功

从发现问题到解决问题之中发现了因为我编程时考虑不周带来的很多漏洞。比如同一jsp文件中request了一遍的东西在下一功能又request了一遍导致出错。比如已定义的string在同一jsp的另一功能中又被定义了一遍……诸如此类。都是马虎所致。在修改过后终于可以在右上角正确显示登陆时输入的用户名。

3.JavaScript网上范例少无从参考

想在网页中加入JavaScript可是搜索到的范例少之又少。在反复修改查找方式后终于实现了想要的功能。

五、实验感想

本次的jsp实验，让我真正体会到了做网页的困难和快乐。和上次相比主要运用的是我们的逻辑和思维，这便对我们的编程语言提出了更高的要求。在网页编写的过程中纵然遇到了很多问题，但是在和其他人交流和上网查找资料的过程中却学会了更多，这是很难得的。

通过上次的实验本来以为做网页是件很简单的事情，其实不然。这次经历也让我懂得真正的技术层面是没有简单的东西的。凡事只有刻苦学习、刻苦钻研才能在一定方面取得一些成就，学得一些东西。