JSP中实现留言页面的编写并将留言信息展示出来
1、JavaBean类,实现java代码和html的部分分离,提高代码的复用
package com.wgh;
public class MessageBean {
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、工具类
中文汉字和英文不同,不进行相应的转换,会导致提交的信息在展示时看不懂
package com.wgh;
import java.io.UnsupportedEncodingException;
public class MyTools {
public static String toChinese(String str) {
if (str == null)
str = "";
try {
// 通过String类的构造方法,将指定的字符串转换为“UTF-8”编码
str = new String(str.getBytes("ISO-8859-1"), "UTF-8");
} catch (UnsupportedEncodingException e) {
str = "";
e.printStackTrace();
}
return str;
}
}
3、跳转页面
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<jsp:useBean id="messageBean" class="com.wgh.MessageBean" scope="request">
<jsp:setProperty name="messageBean" property="*"/>
</jsp:useBean>
<jsp:forward page="show.jsp"/>
4、留言页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>留言页面</title>
<style type="text/css">
ul {
list-style: none; /*设置不显示项目符号*/
margin:0px; /*设置外边距*/
padding:5px; /*设置内边距*/
}
li {
padding:5px; /*设置内边距*/
}
</style>
</head>
<body>
<form action="deal.jsp" method="post">
<ul>
<li>留 言 者:<input type="text" name="author" size="20"></li>
<li>留言标题:<input type="text" name="title" size="30"></li>
<li>留言内容:<textarea name="content" rows="6" cols="30"></textarea></li>
<li><input type="submit" value="提交"> <input type="reset"
value="重置"></li>
</ul>
</form>
</body>
</html>
5、展示界面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="com.wgh.MyTools" %>
<!-- 获取request范围内名称为messageBean的MessageBean类实例 -->
<jsp:useBean id="messageBean" class="com.wgh.MessageBean" scope="request"/>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>显示留言信息</title>
<style type="text/css">
ul {
list-style: none; /*设置不显示项目符号*/
margin:0px; /*设置外边距*/
padding:5px; /*设置内边距*/
}
li {
padding:5px; /*设置内边距*/
}
</style>
</head>
<body>
<ul>
<!-- 获取留言者后进行转码操作 -->
<li>留 言 者:<%=MyTools.toChinese(messageBean.getAuthor()) %></li>
<!-- 获取留言标题后进行转码操作 -->
<li>留言标题:<%=MyTools.toChinese(messageBean.getTitle()) %></li>
<!-- 获取留言内容后进行转码操作 -->
<li>留言内容:<textarea rows="6" cols="30" readonly><%=MyTools.toChinese(messageBean.getContent()) %></textarea></li>
<li><a href="index.jsp">继续留言</a></li>
</ul>
</body>
</html>
运行截图:
留言内容区截图:
留言信息展示区截图