使用servlet进行页面的跳转之获得表单参数并以表格的形式返回浏览器

最新推荐文章于 2023-04-26 15:04:37 发布

土味霸总

最新推荐文章于 2023-04-26 15:04:37 发布

阅读量1.4k

点赞数 1

分类专栏： web网页制作文章标签： 1024程序员节

本文链接：https://blog.csdn.net/tuweibazong/article/details/127486184

版权

web网页制作专栏收录该内容

5 篇文章 0 订阅

订阅专栏

老师布置了一道作业，具体要求如下：

（1）在注册页面中提交用户信息至服务器Servlet，在该Servlet中获取表单参数并以表格的形式返回客户端浏览器；

（2）利用request对象的获取数据；

（3）利用response对象输出数据即HTML

（4）对中文乱码进行处理

首先，新建一个html文件，我的html名是：zcxx.html，意思就是注册信息：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册信息</title>
</head>
<body>
	<div id="zc" style="margin-left:40%;margin-top:10%;height:304px;">
		<h1 >请注册确认信息</h1><hr/>
		<form action="zhuc" method="get">
			用户名：<input id="yhm" name="yhm" type="text" placeholder="请输入您的账号"><br/>
			设置密码：<input id="mima" name="mima" type="password" placeholder="请输入您的密码"><br/>
			真实姓名：<input id="xm" name="xm" type="text" placeholder="请输入真实姓名"><br/>
			您的性别：<input id="xb" name="xb" type="radio" value="男">男
				   <input id="xb" name="xb" type="radio" value="女">女
				   <br/>
			您的手机：<input id="sj" name="sj" type="text" placeholder="请输入手机号码"><br/>
			单位名称：<input id="dwmc" name="dwmc" type="text" placeholder="请输入单位名称"><br/>
			单位地址：<select id="province" name="province">
						<option>请选择省份</option>
						<option>四川省</option>
						<option>重庆市</option>
					</select>
				    <select id="city" name="city">
				    	<option>请选择城市</option>
				    	<option>成都</option>
				    	<option>重庆</option>
				    </select>
				    <select id="quxian" name="quxian">
				    	<option>请选择区县</option>
				    	<option>沙坪坝区</option>
				    </select><br/>
			是否有慢性病：<input id="mxb" name="mxb" type="checkbox" value="高血压">高血压
					  <input id="mxb" name="mxb" type="checkbox" value="糖尿病">糖尿病
					  <input id="mxb" name="mxb" type="checkbox" value="冠心病">冠心病
					  <br/>
			<input type="submit" name="button" value="提交"><br/>			
		</form>
	</div>
</body>
</html>

然后在浏览器打开就是这样：

由于我没有写css文件调整他的格式，所以他现在就是这样的，有需要的话，可以自己写css文件进行格式上的美观。

另外就是我的选择省份和城市那里并没有进行前后关联的操作。

下面我将向html中写入一些内容并使用servlet进行页面的跳转：

点击提交之后的页面将是：

实现页面跳转的文件是servlet文件，我的servlet文件名叫做：ZcxxServlet.java

我的servlet文件是在创建的时候就勾选了doget和dopost的方法，我是默认的勾选，所以还有一些其他的方法：

package edu.servlet.request;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class ZcxxServlet
 */
@WebServlet("/ZcxxServlet")
public class ZcxxServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public ZcxxServlet() {
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		request.setCharacterEncoding("UTF-8");  //中文乱码的处理
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter out=response.getWriter();
		out.println("<!DOCTYPE html>");
		out.println("<html>");
		out.println("<head>");
		out.println("<meta charset=\\\"UTF-8\\\">");
		out.println("<title>注册信息</title>");
		out.println("</head>");
		out.println("<body href=\'/ZcxxServlet.java\'>");
		out.println("<div id=\'zc\' style=\'margin-left:40%;margin-top:10%;height:304px;\'>");
		out.println("<h1 >请注册确认信息</h1><hr/>");
		out.println("<form action=\'zhuc\' method=\'get\'>");
		out.println("用户名："+request.getParameter("yhm")+"<br/>");
		out.println("设置密码："+request.getParameter("mima")+"<br/>");
		out.println("真实姓名："+request.getParameter("xm")+"<br/>");
		String[] xb=request.getParameterValues("xb");
		String sex="";
		for (int j=0;j<xb.length;j++) {
			sex=sex+xb[j];
		}
		out.println("您的性别："+request.getParameter("xb")+"<br/>");
		out.println("您的手机："+request.getParameter("sj")+"<br/>");
		out.println("单位名称："+request.getParameter("dwmc")+"<br/>");
		out.println("单位地址："+request.getParameter("province")+request.getParameter("city")+request.getParameter("quxian")+"<br/>");
		String[] mxb=request.getParameterValues("mxb");
		String mx="";
		for (int i=0;i<mxb.length;i++) {
			mx=mx+mxb[i]+"&nbsp;&nbsp;";
		}
		out.println("是否有慢性病："+mx+"<br/>");
		out.println("</form>");
		out.println("");
		out.println("</div>");
		out.println("</body>");
		out.println("</html>");
		
		//response.getWriter().append("Served at: ").append(request.getContextPath());
	}

	/**
	 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		
		
	}

}

然后对两个文件之间进行连接的就是在web.xml文件中的配置了，web.xml是系统自带的文件，但是我们必须要在里面进行配置，才能成功实现页面的请求与应答：

   <servlet>
    	<servlet-name>zhuc</servlet-name>
    	<servlet-class>edu.servlet.request.ZcxxServlet</servlet-class>
   </servlet>
   <servlet-mapping>
    	<servlet-name>zhuc</servlet-name>
    	<url-pattern>/zhuc</url-pattern>
   </servlet-mapping>

servlet-class里面的文件路径可以通过把鼠标放在ZcxxServlet.java中的名字上，然后复制粘贴而来具体操作如图：