互联网软件开发—— 实验三 JSP 内置对象（留言板）_request.getparameter("titletext").tostring()

作者：羊村懒王 | 2024-04-21 09:56:35

踩

request.getparameter("titletext").tostring()

实验名称：实验三 JSP 内置对象

一、实验目的

1、掌握表单提交及页面间参数传递的方法。
2、理解页面转发与重定向之间的区别。
3、掌握 request、session 和 application 等内置对象的常用 API。

二、实验内容和要求

1、对实验二的内容进行扩展，编写以下 JSP 文件。
(1) login.jsp：登录页面，如下图所示。
在这里插入图片描述

(2) doLogin.jsp：登录处理页面，假定合法的用户名均以“ahpu_”开头且长度介于 6 至 12，
密码均为“123”。若用户名或密码不正确则显示错误信息，否则重定向到 messageBoard.jsp。
(3) messageBoard.jsp：留言板页面，如下图所示。输入留言标题和留言内容，点击提交，转
发到 showMessage.jsp。
在这里插入图片描述

(4) showMessage.jsp：显示所有留言页面，如下图所示。
在这里插入图片描述

要求：
(1) 登录成功后将用户名（即留言者）存于 session 下的某个 key 中，以便后面取出。
(2) messageBoard.jsp 必须含有登录检查逻辑，以防止用户通过地址栏直接访问该页面。
(3) 注意对留言标题、内容等表单参数中可能输入的特殊字符进行转义，如<、>、”分别转
义为<、>、"。
(4) 创建 Message 类用于封装留言信息，字段包括留言者、标题、内容、时间。
(5) 提交留言后将创建的 Message 对象添加到 application 下的某个 key 中（其对应 value 为
List 对象）。

三、实验步骤

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<style> 
	input[type=button], input[type=submit], input[type=reset] {
	  background-color: #4CAF50;
	  border: none;
	  color: white;
	  padding: 6px 16px;
	  text-decoration: none;
	  margin: 6px  2px 0px;
	  cursor: pointer;
	}
	input[type=text] ,input[type=password]{
	  width:60%;
	  padding: 8px 8px;
	  margin: 6px 2px;
	  box-sizing: border-box;
	  border: none;
	  background-color: #C0C0C0;
	  color: white;
	}
	div {
 	width: 30%;
  border:2px solid green;
  background-color: #f2f2f2;
  padding: 10px;
 
}
</style>
  </head>
  
  <body>
  <div>
<form action="doLogin.jsp" method="post">
 用户名：<input type="text" name="username"><br> 
 口 &nbsp;&nbsp;令：<input type="password" name="password"><br>
 <input type="submit" value="登录">
 <input type="reset" value="重置">
</form>
	</div>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45

doLogin.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%
	String name=request.getParameter("username");
	String pass=request.getParameter("password");
	if(name.startsWith("ahpu_") && name.length()>=6 && name.length()<=12 && pass.equals("123")){
		session.setAttribute("username",name);//值为“username”的name传入session
		response.sendRedirect("messageBoard.jsp");
	}else
		out.print("用户名或者密码错误！");
%>
1
2
3
4
5
6
7
8
9
10
11

messageBoard.jsp
利用存入session的username属性是否为困判断是否登录，未登录，重定向到登录界面

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<html>
</head>
<style>

input[type=text], select {
  width: 95%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 20%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;

  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

div {
 width: 60%;
  border:2px solid green;
  background-color: #f2f2f2;
  padding: 40px;
  border-radius:25px;
}
</style>
<body>
<%
	if(session.getAttribute("username") == null )//未登录用户，返回登录界面
		response.sendRedirect("login.jsp");
%>
<div>
	<form action="doMessage.jsp" method="post">
		标题：<br>
		<input type="text" name="title" placeholder="请填写标题"><br>
		内容	：<br>
		<textarea name="content" rows="5" cols="73"></textarea><br>
		<input style="float:right"   type="submit" value="提交">
	</form>
</div>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

doMessage.jsp

<%@page import="lumen2.Message"%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	request.setCharacterEncoding("utf-8");
	//获取Messagae对象的属性
	String title=request.getParameter("title");//request获取title属性的值
	String content=request.getParameter("content");//request获取content属性的值
	String name=session.getAttribute("username").toString();
	//把一个 Number 对象转换为一个字符串，并返回结果,session中获取session的值
	Date createTime= new Date();//系统获取时间
	
	Message message=new Message();
	//调用Message属性的set方法，将上面获得的值传入
	message.setName(name);
	message.setTitle(title);
	message.setContent(content);
	message.setCreateTime(createTime);
	
	List<Message> list=(List<Message>)application.getAttribute("messagelist");
	//创建类型为Message的集合，将application中获得的messagelist传入list中，
	//没有messagelist时,传入list的值为null
	if(list==null) //说明还没有留言
		list=new ArrayList<Message>();
	
	list.add(message);
	application.setAttribute("messagelist", list); //将list存入application	
	response.sendRedirect("showMessage.jsp");//重定向

%>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

showMessage.jsp
利用for循环和html表格，将内容输出

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@page import="lumen2.Mytools"%>
<%@page import="java.util.List"%>
<%@page import="lumen2.Message"%>
1
2
3
4

<html>
	<head>
		<style>
		table 
		{
    		border-collapse: collapse;
    		width:70%;
		}
		table, td, th
		{
			border:2px solid black;
		}
		th
		{
			background-color:green;
			color:white;
			height:35px;
			
		}
		td{
			text-align:center;
			vertical-align:center;
			height:30px;
			background-color:＃C0C0C0;
		}
		
		</style>
	</head>
<body>

<%
List<Message> list=(List<Message>)application.getAttribute("messagelist"); //取出留言list
%>
<table >
	<tr>
		<th> # </th>
		<th>用户</th>
		<th>标题</th>
		<th>内容</th>
		<th>编辑日期</th>
	</tr>
	<%
	for(int i=0;i<list.size();i++){
		Message message=list.get(i);
	
	 %>
	 
	 <tr>
		<td><%=i+1 %></td>
		<td><%=message.getName() %></td>
		<td><%=Mytools.change(message.getTitle()) %></td>
		<td><%=Mytools.change(message.getContent()) %></td>
		<td><%=message.getCreateTime().toLocaleString() %></td>
	</tr>
	
	<%} %>
</table>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59

Mytools.java
工具类，将转义字符替换

package lumen2;

public class Mytools {
		public static String change(String str){
			str=str.replace("<","&lt;");
			str=str.replace(">","&gt;");
			str=str.replace("&","&amp;");
			str=str.replace("'","&apos;");
			str=str.replace("\"","&quot;");
			//转义字符
			return str;
		}	
}
1
2
3
4
5
6
7
8
9
10
11
12
13

Message.java

package lumen2;

import java.util.Date;

public class Message {
	private String name;
	private String title;
	private String content;
	private Date  createTime;
	
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public String getTitle() {
		return title;
	}
	public void setTitle(String title) {
		this.title = title;
	}
	public String getContent() {
		return content;
	}
	public void setContent(String content) {
		this.content = content;
	}
	public Date getCreateTime() {
		return createTime;
	}
	public void setCreateTime(Date createTime) {
		this.createTime = createTime;
	}
	
	
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

实验结果
在这里插入图片描述

思考题：

简述转发与重定向的区别和联系。

请求转发: 跳转中不需要携带数据，推荐使用response.sendRedirect()方法
重新定向: 跳转中需要携带数据，推荐使用request.getRequestDispatcher()，共享一个request。

forward 是服务器端的跳转，从一个java程序转到了另一个java程序，所以此时request会被作为参数传递过去。
sendRedirect 这个是客户端的跳转，服务器端会发送一个跳转的代码和url给浏览器，浏览器会重新请求指定的URL,此时，request已经无效了。当然，此时session还是生效的。