登录界面
输入用户名及密码过后的界面
登录界面代码
<!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>
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 { } }
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); } }
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>
链接: https://pan.baidu.com/s/1dqrij6UBxRu-nt7mrtqYtA
提取码: 8it7