Web前端编程实验(七)
前言
本次实验所用编程语言为JSP
,所用编辑文本工具为Eclipse
。
注意事项
(1)前端编程注意JSP
语言的灵活运用。
(2)具体所有实验请参考博客 Web前端编程(一)~(八)。
实验七
1、实验题目。(注:题目如下)
2、代码实现。(注:代码如下)
(paramsForm.jsp
内代码如下)
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="ThreeParams" method=“post”>
<p>数据1:<input type="text" name="gr1"></p>
<p>数据2:<input type="text" name="gr2"></p>
<p>数据3:<input type="text" name="gr3"></p>
<p><input type="submit" value="提交"/>
<input type="reset" value="清除"/>
</p>
</form>
</body>
</html>
(ThreeParams.java
文件内代码如下)
package task7;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class ThreeParams extends HttpServlet{
protected void processRequest(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException{
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
out.println("<html>");
out.println("<body>");
out.println(request.getParameter("gr1")+"<br>");
out.println(request.getParameter("gr2")+"<br>");
out.println(request.getParameter("gr3")+"<br>");
out.println("</body>");
out.println("</html>");
out.close();
}
protected void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException {
processRequest(request,response);
}
protected void doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException,IOException {
processRequest(request,response);
}
}
(web.xml
文件内代码如下)
<?xml version="1.0" encoding="UTF-8"?>
<web-app>
<servlet>
<servlet-name>ThreeParams</servlet-name>
<servlet-class>task7.ThreeParams</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>ThreeParams</servlet-name>
<url-pattern>/ThreeParams</url-pattern>
</servlet-mapping>
</web-app>
3、实验结果如图所示。