开发平台:eclipse IDE 2021-03
java1.8 环境
创建项目:
创建com.servlet文件包,创建FirstServlet类,继承自HttpServlet
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 FirstServlet extends HttpServlet {
@Override
protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
//接收请求发来的参数
String name = request.getParameter("name");
String html = "<h1 style='color:red'>hi," + name +"!</h1><hr/>";
System.out.println("返回给浏览器的响应数据为:" + html);
PrintWriter out = response.getWriter();
out.println(html);//将html发送回浏览器
}
}
web.xml配置注解:
<servlet>
<servlet-name>first</servlet-name>
<servlet-class>com.servlet.FirstServlet</servlet-class>
</servlet>
<servlet-mapping> <!-- /FirstServlet/hi?name=nono SecoundServlet-->
<servlet-name>first</servlet-name>
<url-pattern>/hi</url-pattern>
</servlet-mapping>
整合好tomcat和eclipse进行发布,启动。
当前端进行数据提交时,我们定位post方法,新建一个类SecoundServlet:
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;
import org.apache.tomcat.util.buf.Utf8Encoder;
public class SecoundServlet extends HttpServlet{
@Override
protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String methodName = request.getMethod();
String name = request.getParameter("name");
String mobile = request.getParameter("mobile");
String sex = request.getParameter("sex");
String[] specs = request.getParameterValues("spec");
PrintWriter out = response.getWriter();//向浏览器输出的数据流
out.println("<h1>method:" + methodName + "</h1>");
out.println("<h1>name:" + name + "</h1>");
out.println("<h1>mobile:" + mobile + "</h1>");
out.println("<h1>sex:" + sex + "</h1>");
for(int i = 0 ; i < specs.length ; i++){
out.println("<h2>spec:" + specs[i] + "</h2>");
}
}
}
html前端需要发送请求让后端的request接收,即request.getParameter("name") 接收参数。<form action="/FirstServlet/haha" method="get" >提交的请求为自己定义的注解请求方式:/FirstServlet/haha
<servlet>
<servlet-name>secound</servlet-name>
<servlet-class>com.servlet.SecoundServlet</servlet-class>
</servlet>
<servlet-mapping><!-- /FirstServlet/haha-->
<servlet-name>secound</servlet-name>
<url-pattern>/haha</url-pattern>
</servlet-mapping>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学员信息登记表</title>
</head>
<body>
<h1>学员信息登记表</h1>
<form action="/FirstServlet/haha" method="get" >
姓名:<input name="name"/>
<br/>
电话:<input name="mobile"/>
<br/>
性别:
<select name="sex" style="width:100px;padding:5px;">
<option value="male" >男</option>
<option value="female">女</option>
</select>
<br/>
特长:
<input type="checkbox" name="spec" value="English"/>英语
<input type="checkbox" name="spec" value="Program"/>编程
<input type="checkbox" name="spec" value="Speech"/>演讲
<input type="checkbox" name="spec" value="Swimming"/>游泳
<br/>
<input type="submit" value="提交">
<br/>
</form>
</body>
</html>
后端接收了数据便可获得后端的响应,response.getWriter();//向浏览器输出的数据流.
启动tomcat server访问浏览器。填入数据提交看到一下效果
由请求到响应的过程就结束了。
其实注解也是可以的。