前一段时间写了一个应用,里面需要用户的登录注册。由于以前没有涉及过这方面的知识,所以走了很多弯路。花了好几天才完成了用户的登录。犯错的原因一是对于工程的目录结构不了解,而是对于各个部分的作用不了解。这周我们老师刚好讲到web服务器的搭建,听完他说得才知道以前自己搭建的那一个是多么烂。
好了,开始正题:
(一):工程的创建
首先打开eclipse,如图所示,创建一个动态的web工程
选择Tomcat的版本,以及设置Tomcat所在路径(如果Tomcat之前没有安装,请先完成安装与配置再往下进行,我下载的是第九版,第八版要更稳定一些,如果还没有下载,建议选择第八版)
点击finish,然后我们来到下面这个界面
一直点击next直到这个界面,在这个界面里,我们勾选上生成web.xml
文件的复选框。
到这里,我们已经完成工程的创建了。
(二):编写login.html文件
首先在WebContent目录下新建一个文件,命名为login.html,下面是login.html的代码,不会html的直接复制就好了。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用户登录</title>
<style type="text/css">
dd,dt{
margin:0;
}
</style>
</head>
<body>
<div id="login" style="margin:300px auto auto auto;width:300px;border: 3px solid red" >
<form id="form1" name="form1" method="post" action="">
<dl>
<dt style="text-align: center;margin-bottom: 15px;" >用户登录</dt>
<dd style="text-align: center;margin-bottom: 10px;"><input type="text" name="userName" placeholder="请输入用户名" required="required" autofocus="autofocus" class="input-size" /></dd>
<dd style="text-align: center;"><input type="password" name="password" placeholder="请输入密码" required="required" class="input-size" /></dd>
<dd></dd>
<dd style="text-align: center;margin-top: 15px;"><input type="submit" value="登 录" class="btn-submit" /></dd>
</dl>
</form>
</div>
</body>
</html>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
下面是login.html的效果图
(三):创建servlet
创建servlet需要下载servlet-api.jar包,下面是资源的下载链接,解压之后,我们把jar文件拷到WebContent目录下的lib文件夹,或者添加到编译路径里面。
点击下载
在java Resource新建一个servlet,命名为LoginServlet
package com.xue.servlet;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@WebServlet("/LoginServlet")
public class LoginServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
System.out.println("name" + request.getParameter("userName"));
}
}
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
这个servlet只是把我们输入的用户名在控制台打印出来。
在login.html中,我们开始没有填写action的值,现在把它填写上我们:LoginServlet
填写的这个字段是从servlet里面得到的
(四):更改web.xml里面的内容,把欢迎文件列表改为我们的login.html
如下:
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
<display-name>ServletDemo</display-name>
<welcome-file-list>
<welcome-file>login.html</welcome-file>
</welcome-file-list>
</web-app>
到这里我们的最初的服务器大致搭建完成,运行程序启动服务器,打开浏览器输入对应的url,
可以直接从自己的程序里面复制链接(我把端口号更改为了9594,原本是8080)
在浏览器中显示如图:
点击登录,查看eclipse的控制台输出内容:
我们可以看到用户名已经被打印出来了。
补充:最初学习的时候,总是不清楚工程的目录结构,下面我把自己的工程目录结构贴出来