Servlet简单例子:前后端通信

JJU_干干

Servlet简单例子:前后端通信

需要做的事:html代码 + Servlet代码 + 运行操作

html代码:一个简陋的表单代码

要点:

  1. 给form添加action属性,属性值为:/动态web项目名/Servlet类映射地址
  2. 给input添加name属性
  3. html文件要放到Web项目中的WebContent文件夹下

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>一个简单表单</title>
</head>
<body>
	<!-- action赋值为:/动态web项目名/Servlet类映射地址 -->
    <form action="/Servlet_01/Submit_Servlet">
        <div>
            <label for="">用户名</label>
            
            <!-- name属性通过submit提交给action对应的服务器 -->
            <input type="text" name="userName">
        </div>

        <div>
            <label for="">密码</label>
            <input type="text" name="password">
        </div>

        <div>
            <button type="button">取消</button>
            <button type="submit">登入</button>
        </div>

    </form>
</body>
</html>

代码效果:

我的项目文件树如下:


Servlet代码

要点:

  1. 防止请求和回复因用中文而出现乱码,操作为以下两点
  2. request.setCharacterEncoding("utf-8");
  3. response.setContentType("text/html;charset = utf-8");
  4. 通过request.getParameter("name属性值")获取容器中的参数

代码:

package case_01;

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 Submit_Servlet
 */
@WebServlet("/Submit_Servlet")
public class Submit_Servlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public Submit_Servlet() {
        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
		//response.getWriter().append("Served at: ").append(request.getContextPath());
		// 以下两条语句防止输入中文出现乱码
		request.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset = utf-8");
		
		// 用request的getParameter方法获取容器中的参数
		String userName = request.getParameter("userName");
		PrintWriter out = response.getWriter();
		out.println("用户名:"+userName);
	}

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

}

运行操作

方法一:在eclipse中看效果

  1. 在html文件中鼠标右键选择 Run As 中的 Run on Server

  1. 在输入框中,输入用户名,密码,然后点击登入,服务器上就会出现用户名信息


方法二:在浏览器中查看效果,前提是Servlet已经部署

  1. 在浏览器中输入:http://localhost:8080/Servlet_01/html/form.html,格式为:http://localhost:8080/项目名/html位置

  2. 填入对应信息,点击登入

posted @ 2020-10-29 01:07  ZengZG  Views(155)  Comments(0Edit  收藏  举报