|
|
|
步骤 2 : 模仿和排错 步骤 3 : 创建 login.html 步骤 4 : 创建 LoginServlet 步骤 5 : 映射LoginServlet到路径login 步骤 6 : 在页面提交数据
老规矩，先下载右上角的可运行项目，配置运行起来，确认可用之后，再学习做了哪些步骤以达到这样的效果。
在确保可运行项目能够正确无误地运行之后，再严格照着教程的步骤，对代码模仿一遍。
模仿过程难免代码有出入，导致无法得到期望的运行结果，此时此刻通过比较正确答案 ( 可运行项目 ) 和自己的代码，来定位问题所在。 采用这种方式，学习有效果，排错有效率，可以较为明显地提升学习速度，跨过学习路上的各个槛。 推荐使用diffmerge软件，进行文件夹比较。把你自己做的项目文件夹，和我的可运行项目文件夹进行比较。 这个软件很牛逼的，可以知道文件夹里哪两个文件不对，并且很明显地标记出来 这里提供了绿色安装和使用教程：diffmerge 下载和使用教程
在web上右键 -> New ->File
创建一个 login.html文件 然后添加一个form元素 action="login" 标题会提交到login路径，login路径在后续步骤会映射到LoginServlet method="post" post方式表示提交的密码信息在浏览器地址栏看不到 接着准备账号和密码的input元素 因为要提交两个数据，在servlet端为了区分哪个是账号，哪个是密码，要给这两个input元素的name属性分别叫做name和password。 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录页面</title>
</head>
<body>
<form action="login" method="post">
账号: <input type="text" name="name"> <br>
密码: <input type="password" name="password"> <br>
<input type="submit" value="登录">
</form>
</body>
</html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录页面</title> </head> <body> <form action="login" method="post"> 账号: <input type="text" name="name"> <br> 密码: <input type="password" name="password"> <br> <input type="submit" value="登录"> </form> </body> </html>
创建一个LoginServlet
因为浏览器中的form的method是post,所以LoginServlet需要提供一个doPost方法 在doPost方法中，通过request.getParameter 根据name取出对应的账号和密码 然后用System.out.println() 打印在控制台 注 这里是打印在控制台，并没有在网页上输出 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 doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String name = request.getParameter("name");
String password = request.getParameter("password");
System.out.println("name:" + name);
System.out.println("password:" + password);
}
}
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 doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String name = request.getParameter("name");
String password = request.getParameter("password");
System.out.println("name:" + name);
System.out.println("password:" + password);
}
}
在web.xml中新增映射
<?xml version="1.0" encoding="UTF-8"?>
<web-app>
<servlet>
<servlet-name>HelloServlet</servlet-name>
<servlet-class>HelloServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>HelloServlet</servlet-name>
<url-pattern>/hello</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>LoginServlet</servlet-name>
<servlet-class>LoginServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>LoginServlet</servlet-name>
<url-pattern>/login</url-pattern>
</servlet-mapping>
</web-app>
首先重启tomcat
然后访问页面 http://127.0.0.1/login.html 输入账号密码，提交 然后在tomcat的窗口，就可以看到提交的账号和密码了。 注 不是在浏览器上看到这个提交的数据，浏览器上要看到tomcat的反馈数据，需要通过响应来实现。将在下一个章节讲解。
HOW2J公众号，关注后实时获知布最新的教程和优惠活动，谢谢。
问答区域
2018-08-03
示例代码也无法运行
2018-08-03
示例代码也无法运行
2018-07-31
还需要配置server.xml文件么
2018-07-13
为什么这一步中一定要访问127.0.0.1/login.html
2018-06-26
获取到的参数为空啊
2018-06-22
login.html文件中action="login"作用是什么？
2018-06-20
站长给的文件夹比较器是真的犀利啊，我的四只眼都没发现::)
2018-03-09
启动Tomcat闪退
2017-12-12
关于 中文 乱码 的问题 请教
2017-12-11
打开页面报错，访问hello没问题，但login.html失败
2017-11-25
获取不了参数
2017-11-20
能打开登录界面，一点击提交就报错，用了8080端口的tomcat
2017-11-08
servlet不能生成.class文件
2017-11-08
servlet不能生成.class文件
2017-11-04
包package和文件夹一样吗
2017-10-23
为什么hello省略.html可以访问，login不能省略.html?
2017-10-21
控制台打印显示的password 一直是null 而用户名则可以打印出admin
2017-10-21
打印在控制台上的密码一直显示null为用户名显示正常
2017-10-09
login.html位置的问题
2017-10-09
login.html位置的问题
2017-09-18
页面问题
2017-08-29
运行后没有反应
2017-08-15
是否是编辑器的问题？
2017-07-19
本节提供下载的项目与讲授内容不符
2017-06-24
映射LoginServlet到路径login的问题
2017-06-04
页面上的中文字符乱码了
2017-04-07
页面提交数据出现问题
2017-03-29
为什么不不出来给我输入信息的页面呢？
2017-03-29
为什么一定要在servlet里面写doget啊？？？？
2017-01-05
为什么 http://127.0.0.1/login.html 这个地址能找到web下面的login.html
2016-12-21
报错：点击login.html的登录之后报错404。
2016-09-22
报错,405
提问之前请登陆 |
|||||||||
