服务器搭建:servlet+dao+javabean+jsp实现简单的用户登录(一)

前一段时间写了一个应用,里面需要用户的登录注册。由于以前没有涉及过这方面的知识,所以走了很多弯路。花了好几天才完成了用户的登录。犯错的原因一是对于工程的目录结构不了解,而是对于各个部分的作用不了解。这周我们老师刚好讲到web服务器的搭建,听完他说得才知道以前自己搭建的那一个是多么烂。

好了,开始正题:

(一):工程的创建 
首先打开eclipse,如图所示,创建一个动态的web工程 
服务器搭建:servlet+dao+javabean+jsp实现简单的用户登录(一)_第1张图片

选择Tomcat的版本,以及设置Tomcat所在路径(如果Tomcat之前没有安装,请先完成安装与配置再往下进行,我下载的是第九版,第八版要更稳定一些,如果还没有下载,建议选择第八版) 
服务器搭建:servlet+dao+javabean+jsp实现简单的用户登录(一)_第2张图片
服务器搭建:servlet+dao+javabean+jsp实现简单的用户登录(一)_第3张图片 
点击finish,然后我们来到下面这个界面 
服务器搭建:servlet+dao+javabean+jsp实现简单的用户登录(一)_第4张图片
一直点击next直到这个界面,在这个界面里,我们勾选上生成web.xml 
文件的复选框。 
服务器搭建:servlet+dao+javabean+jsp实现简单的用户登录(一)_第5张图片
到这里,我们已经完成工程的创建了。

(二):编写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>
  • 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+dao+javabean+jsp实现简单的用户登录(一)_第6张图片

(三):创建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文件里面写的名字

    }

}
  • 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 
如下:


<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>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

到这里我们的最初的服务器大致搭建完成,运行程序启动服务器,打开浏览器输入对应的url, 
可以直接从自己的程序里面复制链接(我把端口号更改为了9594,原本是8080) 
服务器搭建:servlet+dao+javabean+jsp实现简单的用户登录(一)_第7张图片

在浏览器中显示如图: 
服务器搭建:servlet+dao+javabean+jsp实现简单的用户登录(一)_第8张图片

点击登录,查看eclipse的控制台输出内容: 
服务器搭建:servlet+dao+javabean+jsp实现简单的用户登录(一)_第9张图片
我们可以看到用户名已经被打印出来了。

补充:最初学习的时候,总是不清楚工程的目录结构,下面我把自己的工程目录结构贴出来 
服务器搭建:servlet+dao+javabean+jsp实现简单的用户登录(一)_第10张图片

你可能感兴趣的:(服务器搭建:servlet+dao+javabean+jsp实现简单的用户登录(一))