过滤器解决乱码问题

登录界面

输入用户名及密码过后的界面

 

登录界面代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
    body{
        margin:0;
    }
    input{
        margin:30px auto;
        width:200px;
        height:28px;
    }
    .border{
        width:400px;
        height:300px;
        background:url(./img/bg.jpg) no-repeat;
        margin:200px auto;
    }
    .content{
        width:300px;
        height:58px;
        border-radius:4px;
        margin: 30px auto;
        color:#fff;
    }
    .commit{
        position:absolute;
        margin-top:30px;
        left:760px;
        background:#3385ff;
    }
    .btnSubmit{
        line-height:30px;
        font-size:16px;
        width:100px;
        background:#3385ff;
        border:0;
    }
</style>
</head>
<body>
    <div class="border">
        <form action="./login" method="POST">
            <div class="content">
                用户名：<input type="text" name="username" placeholder="请输入用户名"><br/>
            </div>
            <div class="content">
                密   码：<input type="password" name="password" placeholder="请输入密码"><br/>
            </div>
            <div class="commit">
                <button type="submit" class="btnSubmit" style="">提交</button>
            </div>
            
    </form>
    </div>
    
    
</body>
</html>
View Code

 EncodingFilter.class

package com.my.deal;

import java.io.IOException;

import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;

public class EncodingFilter implements Filter{

    @Override
    public void destroy() {
    }

    @Override
    public void doFilter(ServletRequest arg0, ServletResponse arg1, FilterChain arg2)
            throws IOException, ServletException {
        //request 请求到服务器的编码格式
        arg0.setCharacterEncoding("UTF-8");
        //response 响应到页面的编码格式
        arg1.setContentType("text/html;charset=UTF-8");
        arg2.doFilter(arg0, arg1);
    }

    @Override
    public void init(FilterConfig arg0) throws ServletException {
    }

}
View Code

LoginServlet.class

package com.my.deal;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class LoginServlet extends HttpServlet {
       
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        //response.setContentType("text/html;charset=UTF-8");
        response.getWriter().write("你好，欢迎:"+username+"，来到首页");
        response.getWriter().write("<br/>");
        response.getWriter().write("你的密码是："+password);
    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }

}
View Code

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
  <display-name>12</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
    <welcome-file>login.html</welcome-file>
  </welcome-file-list>
  <servlet>
      <servlet-name>LoginServlet</servlet-name>
      <servlet-class>com.my.deal.LoginServlet</servlet-class>
  </servlet>
  <servlet-mapping>
      <servlet-name>LoginServlet</servlet-name>
      <url-pattern>/login</url-pattern>
  </servlet-mapping>
  <filter>
      <filter-name>EncodingFilter</filter-name>
      <filter-class>com.my.deal.EncodingFilter</filter-class>
  </filter>
  <filter-mapping>
      <filter-name>EncodingFilter</filter-name>
      <url-pattern>/*</url-pattern>
  </filter-mapping>
</web-app>
View Code

链接: https://pan.baidu.com/s/1dqrij6UBxRu-nt7mrtqYtA

提取码: 8it7 

posted @ 2019-04-14 19:51  QAQqiulin  阅读(219)  评论(0)  编辑  收藏  举报