服务器搭建：servlet+dao+javabean+jsp实现简单的用户登录

来源：互联网发布：数据分析合同编辑：程序博客网时间：2024/06/07 17:20

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

好了，开始正题：

（一）：工程的创建
首先打开eclipse，如图所示，创建一个动态的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>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"));//这里填写的是我们在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
如下：

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

到这里我们的最初的服务器大致搭建完成，运行程序启动服务器，打开浏览器输入对应的url，
可以直接从自己的程序里面复制链接（我把端口号更改为了9594，原本是8080）
这里写图片描述

在浏览器中显示如图：
这里写图片描述

点击登录，查看eclipse的控制台输出内容：
这里写图片描述
我们可以看到用户名已经被打印出来了。

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

阅读全文

0 0