前一段时间写了一个应用,里面需要用户的登录注册。由于以前没有涉及过这方面的知识,所以走了很多弯路。花了好几天才完成了用户的登录。犯错的原因一是对于工程的目录结构不了解,而是对于各个部分的作用不了解。这周我们老师刚好讲到web服务器的搭建,听完他说得才知道以前自己搭建的那一个是多么烂。
好了,开始正题:
(一):工程的创建
首先打开eclipse,如图所示,创建一个动态的web工程
选择Tomcat的版本,以及设置Tomcat所在路径(如果Tomcat之前没有安装,请先完成安装与配置再往下进行,我下载的是第九版,第八版要更稳定一些,如果还没有下载,建议选择第八版)
点击finish,然后我们来到下面这个界面
一直点击next直到这个界面,在这个界面里,我们勾选上生成web.xml
文件的复选框。
到这里,我们已经完成工程的创建了。
(二):编写login.html文件
首先在WebContent目录下新建一个文件,命名为login.html,下面是login.html的代码,不会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>
(三):创建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"));//这里填写的是我们在html文件里面写的名字
}
}
这个servlet只是把我们输入的用户名在控制台打印出来。
在login.html中,我们开始没有填写action的值,现在把它填写上我们:LoginServlet
(四):更改web.xml里面的内容,把欢迎文件列表改为我们的login.html
如下:
<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>ServletDemodisplay-name>
<welcome-file-list>
<welcome-file>login.htmlwelcome-file>
welcome-file-list>
web-app>
到这里我们的最初的服务器大致搭建完成,运行程序启动服务器,打开浏览器输入对应的url,
可以直接从自己的程序里面复制链接(我把端口号更改为了9594,原本是8080)