北邮信网动态网页实验报告.docx
- 文档编号：9350223
- 上传时间：2023-05-18
- 格式：DOCX
- 页数：33
- 大小：237.05KB
北邮信网动态网页实验报告.docx
《北邮信网动态网页实验报告.docx》由会员分享，可在线阅读，更多相关《北邮信网动态网页实验报告.docx（33页珍藏版）》请在冰点文库上搜索。
北邮信网动态网页实验报告
信息网络应用基础实验报告
题目：
动态网页姓名：
班级：
**********学号：
一、实验主题
1、总主题：
通过主人公庄焱的成长过程介绍电视剧《我是特种兵》，表达军人情怀。
总运行流程：
运行链接“login.jsp”后进行操作。
主要应用技术：
（1）JSP内置对象：
request、response、session、application；
（2）JavaScript;
（3）多框架、超链接、表格、表单、多媒体。
2、分模块
（1）登陆输入模块（login.jsp）
▪功能：
用户登录，输入账号和密码，成功验证后自动跳转进入验证页面。
▪运行流程：
点击链接“login.jsp”进入登陆页面，输入用户名和密码，点击“登陆”。
▪应用技术：
使用
▪关键代码：
（2）登录验证模块（verify.jsp）
▪功能：
将登陆输入模块传递的用户名和密码进行验证，正确则跳转至主页面，不正确则提示并返回登陆输入页面（已设置用户名为“xiboliyalang”，密码为“zhuangyan”。
或用户名为“doudou”，密码为“Tequiero”）。
▪运行流程：
跳转至本页面后自动运行。
▪应用技术：
使用request.getParameter（"password"）获取用户名和密码；使用response.sendRedirect（"thelastbullet.jsp"）重定向至主页面；使用response.setHeader（"Refresh","3;URL=login.jsp"）延迟三秒跳转回登陆输入页面。
▪关键代码：
（3）主界面展示模块（thelastbullet.jsp;No0.jsp;No1.jsp;No2.jsp;No3.jsp）
▪功能：
展示设计主题。
▪运行流程：
登陆后自动显示。
▪应用技术：
多框架、超链接、表格、表单、多媒体。
▪关键代码：
此部分主要为第一次实验内容，不加赘述。
（4）留言输入模块（input.jsp）
▪功能：
输入留言主题及内容。
▪运行流程：
点击主页面上的“点击留言”进入留言输入页面，输入留言及主题后点击“提交”，可提交留言；点击“重填”可清除所填写内容，重新填写；点击“查看留言板”可直接查看所有留言。
▪应用技术：
使用
▪关键代码：
（5）留言保存模块（save.jsp）
▪功能：
建立向量变量，获取留言，判断留言是否为空，并做相应操作；提供用户继续留言和查看留言板选项。
▪运行流程：
提交留言后自动跳转。
跳转后选择继续留言或查看留言板。
▪应用技术：
建立向量变量Vectorv=newVector（）用于存储留言主题和正文；使用application.setAttribute（"Message",v）传递向量v；使用request.setCharacterEncoding（"UTF-8"）设置编码格式；使用response.sendRedirect（"input.jsp"）重定向至输入留言界面。
▪关键代码：
（6）查看留言模块（view.jsp）
▪功能：
查看留言板，并返回继续留言。
▪运行流程：
点击“查看留言板”后自动跳转，点击“继续留言”跳转回留言输入界面。
▪应用技术：
建立StringTokenizer类对象StringTokenizerliuyan=newStringTokenizer（message,"#"）用于依次提取主题及正文并输出。
▪关键代码：
二、实验内容及运行结果
运行结果：
按设计预想运行，图示如下：
登录界面：
未输入用户名或密码时：
输入用户名或密码错误时：
主页面：
留言界面：
留言提交后：
查看留言板：
继续留言后查看留言板：
三、实验心得与感受
经过本次实验，我更加牢固的掌握了动态网页编程的技术，除去书本中给出的语句，再遇到相应的需求时，自己会从网上和书本上查询用法，也学到了很多知识。
在遇到问题后不断调整，最后设计出整体动态网页。
希望在之后的考试中可以获得满意的成绩。
【附件】
login.jsp:
<%@pagelanguage="java"contentType="text/html;charset=UTF-8"import="java.sql.*"errorPage=""%>
//www.w3.org/1999/xhtml">
body{
background-image:
url（1.jpg）;
margin:
200px;
cellpadding:
0px;
margin-left:
180px;
margin-right:
auto;
text-align:
center;
font-size:
18px;
}
table{
background-image:
url（2.jpg）;
}
026仓库登陆