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>留 &nbsp;言 &nbsp;者:<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>留 &nbsp;言 &nbsp;者:<%=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>

运行截图:
留言内容区截图:

留言信息展示区截图

JSP中实现留言页面的编写并将留言信息展示出来的更多相关文章

  1. jsp中向浏览器页面输出的方式总结

    jsp中百分号内输出 不需要有JavaScript标签 1.因为jsp就是包含在html 里面,所以什么都不干时,就是在body里面输出html内容 2.百分号 内是JavaScript代码?java ...

  2. JSP中,当页面为404或者500时。设置跳转到错误提示页面

    最好的就是在WEB.XML文件中配置错误代码的跳转页面,首先建立个 出现500错误的页面,提示出错了,然后再WEB.XML文件中配置,配置如下 一. 通过错误码来配置error-page <er ...

  3. jsp中的setHeader页面跳转备忘录

    1 <!-- response.setHeader("refresh","3;url=你想跳的页面")--> <%-- response.se ...

  4. 在JSP中应用JavaBean

    1. 解决中文乱码的JavaBean 在JSP页面中,处理中文字符经常会出现字符乱码的现象,特别是通过表单传递中文数据时容易产生.它的解决办法有很多,如将request的字符集指定为中文字符集,编写J ...

  5. jsp页面中引用其他页面的方法

    初看这个标题....大家的感觉一定是好2啊.....博主一定要说jsp的动态引用(jsp:include)和静态引用(@include)了.介绍这两者区别的文章已经烂大街了..一搜一大把..博主竟然还 ...

  6. Servlet、JSP中页面跳转的方式

    一.Servlet:当然,在servlet中,一般跳转都发生在doGet, doPost等方法里面.1)  redirect 方式response.sendRedirect("success ...

  7. jsp中运用application实现共享留言板功能

    jsp中application的知识点总结: 1.一个Web应用程序启动后,将会自动创建一个application对象,在整个应用程序的运行过程中只有这一个application对象,即所有访问该网站 ...

  8. 在jsp中常用的内置对象(5个)小总结和两种页面跳转方式(服务器端调转、客户端跳转)的区别

    jsp中常用的几个内置对象: 一.request对象 主要作用:  (1)获取请求页面的信息   比如:request.getParameter("参数名");  (2)获取客户端 ...

  9. JSP中页面定时刷新

    1.JSP中页面定时刷新 <% //页面每隔30秒自动刷新一遍 response.setHeader("refresh" , "30" ); %> ...

随机推荐

  1. 处理化学SDF文件出现乱码的解决经验

    近期,在VS2019中用WTL编写一个处理化学SDF文件的程序,遇到多处数据出现乱码的问题,典型一处情况如下:在原始SDF文件的一个字段中,有个形如下面的文字信息: https://product.p ...

  2. Luogu1868 饥饿的奶牛 (动态规划)

    开始以为是贪心,10分:想了个DP估计会超时,一翻题解各路初中神仙,背包都有. \(n^2\)很好想,考虑单调性用二分优化出log #include <iostream> #include ...

  3. BZOJ1787/Luogu4281: [Ahoi2008]Meet 紧急集合

    画画图可知,三点\(lca\)必有两相同,\(a,b,c\)距离为\(dis_a + dis_b + dis_c - dis_{lca(a,b)} - dis_{lca(b,c)} - dis_{lc ...

  4. CSS 布局(一):Flex 布局

    主轴和纵轴 对某一盒子模型添加display: flex;属性后,称之为 Flexible Box 模型(或称之为 flexbox),即弹性盒子模型,简称弹性盒子. 弹性盒子为子元素提供了强大的空间分 ...

  5. 基于 .NET 6 的轻量级 Webapi 框架 FastEndpoints

    大家好,我是等天黑. FastEndpoints 是一个基于 .NET 6 开发的开源 webapi 框架,它可以很好地替代 .NET Minimal APIs 和 MVC ,专门为开发效率而生,带来 ...

  6. html页面中插入html的标签,JS控制标签属性

    html页面中插入html的标签 方法1: 使用标签: <textara> </textara>标签 方法2: 使用JS: document.getElementById(&q ...

  7. CF-1684C - Column Swapping

    Problem - 1684C - Codeforces 题意: 现在有一个n*m的棋盘,每个棋子有一个值,你可以交换两列棋盘的棋子位置,使得每一行的棋子从左到右为非递减. 题解: 只需要判断一行不满 ...

  8. 第九十五篇:vue-router的导航守卫

    好家伙,考完期末考了. 恢复博客更新 1.什么是导航守卫? "导航"表示路由正在发生变化 设置导航,就在切换过程中进行限制   "守卫"就好理解了 盯着你,不然 ...

  9. Base64加密、解密

    #region Base64加密方法 /// <summary> /// Base64加密,采用utf8编码方式加密 /// </summary> /// <param ...

  10. Git&GitHub 03 使用 SSH 协议

    注意事项与声明 平台: Windows 10 作者: JamesNULLiu 邮箱: jamesnulliu@outlook.com 博客: https://www.cnblogs.com/james ...