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

本文介绍了如何使用servlet、DAO、javabean和jsp搭建简单的用户登录系统。首先通过Eclipse创建动态Web工程,配置Tomcat,接着编写login.html页面,然后创建servlet并处理请求,最后更新web.xml设置欢迎页面。通过实践,作者展示了基础的服务器搭建过程。
摘要由CSDN通过智能技术生成

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

好了,开始正题:

(一):工程的创建
首先打开eclipse,如图所示,创建一个动态的web工程
创建一个动态的web工程

选择Tomcat的版本,以及设置Tomcat所在路径(如果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=""><!-- 先空着action,后面我们需要填写对应的servlet-->
                <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>

下面是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"));//这里填写的是我们在html文件里面写的名字

    }

}

这个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的控制台输出内容:
这里写图片描述
我们可以看到用户名已经被打印出来了。

补充:最初学习的时候,总是不清楚工程的目录结构,下面我把自己的工程目录结构贴出来
这里写图片描述

这是我们搭建服务器的最基础的版本,后面将会具体再添加其他内容。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值