实验目的:掌握使用有效范围是application的bean制作一个简单的留言板。
实验要求:编写两个JSP页面,input.jsp和show.jsp,编写一个名字为board的JavaBean; 1)input.jsp页面提供一个表单,表单上有允许用户输入留言者的姓名、留言标题和留言内容,该表单将用户输入的信息提交给当前页面,当前页面调用名字为board的JavaBean,并使用表单提交的数据设置board的相关属性的值。input.jsp要求提供一个超链接,用户可以点击这个超链接访问show.jsp 2)show.jsp调用board的JavaBean, 显示该JavaBean的属性的值。 3)编写的board的JavaBean应当有留言者的姓名、留着标题和留言内容等属性。
代码如下:
1.创建用来封装表单数据的值JavaBean--------board
package com.wyy.bean;
public class board {
private String author;
private String title;
private String content;
public String getAuthor() {
return author;
}
public void setAuthor(String author) {
this.author = author;
}
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;
}
}
2.创建进行转码操作的工具JavaBean--------MyTools
package com.wyy.bean;
import java.io.UnsupportedEncodingException;
public class MyTools {
public static String toChinese(String str) {
if(str==null) str="";
try {
//通过String类的构造方法将指定的字符串转换为UTF-8编码,转换后的编码格式必须与jsp页面的编码格式一致
str=new String(str.getBytes("ISO-8859-1"),"UTF-8");
}catch(UnsupportedEncodingException e) {
str="";
e.printStackTrace();
}
return str;
}
}
3.创建填写留言信息的input.jsp页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<jsp:useBean id="myBoard" class="com.wyy.bean.board" scope="application"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>留言簿</title>
</head>
<body>
<form action="" method="post">
<table border="1" rules="rows">
<tr>
<td>留言者:</td>
<td><input type="text" name="author" size="20"></td>
</tr>
<tr>
<td>留言标题:</td>
<td><input type="text" name="title" size="35"></td>
</tr>
<tr>
<td>留言内容:</td>
<td><textarea name="content" rows="8" cols="34"></textarea></td>
</tr>
<tr align="center" height="30">
<td colspan="2">
<input type="submit" value="提交">
<input type="reset" value="重置">
</td>
</tr>
<tr align="center" height="30">
<td colspan="2">
<a href="show.jsp">查看留言板</a>
</td>
</tr>
</table>
</form>
<jsp:setProperty name="myBoard" property="*"/>
</body>
</html>
4.创建显示留言信息的show.jsp页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page import="com.wyy.bean.MyTools" %>
<jsp:useBean id="myBoard" class="com.wyy.bean.board" scope="application"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>留言册展示</title>
</head>
<body>
<table border="1" height="200" rules="rows">
<tr>
<td>留言者:</td>
<td><%=MyTools.toChinese(myBoard.getAuthor()) %></td>
</tr>
<tr>
<td>留言标题:</td>
<td>
<%=MyTools.toChinese(myBoard.getTitle()) %>
</td>
</tr>
<tr>
<td>留言内容:</td>
<td>
<textarea rows="8" cols="34" readonly>
<%=MyTools.toChinese(myBoard.getContent()) %>
</textarea>
</td>
</tr>
<tr align="center">
<td colspan="2">
<a href="input.jsp">继续留言</a>
</td>
</tr>
</table>
</body>
</html>
5.效果图: