Java Web应用小案例 - 实现用户登录功能

news2024/11/18 3:47:29

文章目录

  • 一、使用纯JSP方式实现用户登录功能
    • （一）项目概述
    • （二）实现步骤
      • 1、创建Web项目
      • 2、创建登录页面
  • 二、使用JSP+Servlet方式实现用户登录功能
  • 三、使用JSP+Servlet+DB方式实现用户登录功能

一、使用纯JSP方式实现用户登录功能

（一）项目概述

今天我们将一起学习如何使用纯JSP方式实现用户登录功能。在这个过程中，我们会通过四个主要步骤来完成这个任务：创建Web项目、创建登录页面、创建登录处理页面以及创建登录成功和失败页面。

（二）实现步骤

1、创建Web项目

  • 创建Jakarta EE项目，要设置项目名称 - LoginDemo01，保存位置 - D:\WebProjects，选择模板 - Web application，设置应用服务器 - Tomcat 10.1.16，语言 - Java，构建系统 - Maven，组 - net.huawei、构件 - LoginDemo01，JDK - 21
    在这里插入图片描述
  • 单击【Next】按钮，选择版本 - Jakarta EE 10，添加依赖 - Servlet
    在这里插入图片描述
  • 单击【Create】按钮完成项目的创建
    在这里插入图片描述
  • 在项目结构窗口里，修改构件名 - 将LoginDemo01:war exploded改成LoginDemo01，与项目名保持一致
    在这里插入图片描述
  • 要编辑服务器配置，重新部署项目
    在这里插入图片描述
  • 切换到【Server】选项卡，URL已经自动变成http://localhost:8080/LoginDemo01/
    在这里插入图片描述
  • 启动服务器，查看效果
    在这里插入图片描述
  • 单击【Hello Servlet】超链接
    在这里插入图片描述

2、创建登录页面

  • 接下来，我们开始创建登录页面。登录页面是用户输入用户名和密码的地方，我们将其命名为login.html。在这个页面中，我们使用HTML代码创建一个表单，包含了账号和密码两个输入框，以及登录和重置两个按钮，为了登录页面美观，我们需要一个外部样式表styles.css。
  • 创建login.html页面
    在这里插入图片描述
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login Page</title>
    <link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div class="container">
    <h1>用户登录</h1>
    <form action="/doLogin.jsp" method="POST">
        <input type="text" id="username" name="username" required placeholder="请输入用户名">
        <input type="password" id="password" name="password" required placeholder="请输入密码">
        <button type="submit">登录</button>
        <button type="reset">重置</button>
    </form>
</div>
</body>
</html>

  • 说明：单击【登录】按钮，用户提交的数据交给doLogin.jsp页面来处理

  • 创建styles.css文件
    在这里插入图片描述

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
}

.container {
    max-width: 400px;
    margin: 50px auto;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

h1 {
    text-align: center;
}

form {
    display: flex;
    flex-direction: column;
}

label {
    margin-top: 10px;
}

input[type="text"],
input[type="password"] {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

button {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

button:hover {
    background-color: #45a049;
}

button[type="reset"] {
    background-color: #f44336;
}

button[type="reset"]:hover {
    background-color: #d32f2f;
}
  • 启动服务器，查看登录页面效果
    在这里插入图片描述

然后，我们需要创建登录处理页面。登录处理页面是负责处理用户登录请求的地方，我们将其命名为doLogin.jsp。在这个页面中，我们使用JSP代码获取用户输入的用户名和密码，然后判断登录是否成功。如果登录成功，我们就跳转到登录成功页面；否则，我们就跳转到登录失败页面。

接着，我们需要创建登录成功和失败页面。这两个页面分别显示登录成功和失败的信息，我们将其命名为success.jsp和failure.jsp。在这两个页面中，我们都使用HTML和JSP代码显示用户登录的结果。

最后，我们需要编辑项目首页。项目首页是用户访问的第一个页面，我们将其命名为index.jsp。在这个页面中，我们使用HTML代码创建了一个超链接，用户可以通过这个超链接跳转到登录页面。

现在，让我们来测试一下我们的程序。启动服务器后，我们会看到首页显示了“纯JSP方式实现用户登录功能”的标题，以及一个可以跳转到登录页面的超链接。当我们点击这个超链接时，就会跳转到登录页面。在登录页面中，我们可以输入用户名和密码，然后点击登录按钮。如果我们输入的是正确的用户名和密码，就会跳转到登录成功页面；否则，就会跳转到登录失败页面。

这就是我们如何使用纯JSP方式实现用户登录功能的过程。希望大家能够通过这次学习，对JSP编程有更深入的理解，并掌握如何使用JSP实现简单的业务逻辑。谢谢大家！

二、使用JSP+Servlet方式实现用户登录功能

大家好！今天我们将一起学习如何使用JSP+Servlet方式实现用户登录功能。在这个过程中，我们会通过五个主要步骤来完成这个任务：创建Web项目、创建登录页面、创建登录处理程序、创建登录成功和失败页面以及编辑项目首页。

首先，我们需要创建一个Java Enterprise项目，并添加Web Application功能。接下来，我们要设置项目的名称和保存位置。然后，我们单击【Finish】按钮完成项目的创建。在项目结构窗口里，我们需要修改Artifact名 - LoginDemo02。最后，我们要编辑服务器配置，重新部署项目。

接下来，我们开始创建登录页面。登录页面是用户输入用户名和密码的地方，我们将其命名为login.jsp。在这个页面中，我们使用HTML代码创建了一个表格，包含了账号和密码两个输入框，以及登录和重置两个按钮。

然后，我们需要创建登录处理程序。登录处理程序是负责处理用户登录请求的地方，我们将其命名为LoginServlet。在这个程序中，我们使用Servlet代码获取用户输入的用户名和密码，然后判断登录是否成功。如果登录成功，我们就跳转到登录成功页面；否则，我们就跳转到登录失败页面。

接着，我们需要创建登录成功和失败页面。这两个页面分别显示登录成功和失败的信息，我们将其命名为success.jsp和failure.jsp。在这两个页面中，我们都使用HTML和JSP代码显示用户登录的结果。

最后，我们需要编辑项目首页。项目首页是用户访问的第一个页面，我们将其命名为index.jsp。在这个页面中，我们使用HTML代码创建了一个超链接，用户可以通过这个超链接跳转到登录页面。

现在，让我们来测试一下我们的程序。启动服务器后，我们会看到首页显示了“JSP+Servlet方式实现用户登录功能”的标题，以及一个可以跳转到登录页面的超链接。当我们点击这个超链接时，就会跳转到登录页面。在登录页面中，我们可以输入用户名和密码，然后点击登录按钮。如果我们输入的是正确的用户名和密码，就会跳转到登录成功页面；否则，就会跳转到登录失败页面。

这就是我们如何使用JSP+Servlet方式实现用户登录功能的过程。希望大家能够通过这次学习，对JSP和Servlet编程有更深入的理解，并掌握如何使用它们实现简单的业务逻辑。

三、使用JSP+Servlet+DB方式实现用户登录功能

大家好！今天我们将一起学习如何使用JSP+Servlet+DB方式实现用户登录功能。在这个过程中，我们会通过九个主要步骤来完成这个任务：创建数据库、创建用户表、创建Web项目、创建用户实体类、添加数据库驱动程序、创建数据库连接管理工具类、创建用户数据访问类、测试用户数据访问类以及创建用户服务类。

首先，我们需要创建一个名为test的数据库，并在其中创建一个名为t_user的用户表。这个表包含用户的ID、用户名、密码、联系电话和注册时间等字段。我们还需要在这个表中插入一些用户记录，以便我们在后续的测试中使用。

接下来，我们需要创建一个Java Enterprise项目，并添加Web Application功能。在这个项目中，我们需要创建一个名为login.jsp的登录页面，用于让用户输入用户名和密码。然后，我们需要创建一个名为LoginServlet的登录处理程序，用于处理用户登录请求。在这个处理程序中，我们需要调用服务层的方法，以查询数据库中的用户信息并判断登录是否成功。如果登录成功，我们就跳转到登录成功页面；否则，我们就跳转到登录失败页面。

为了实现服务层的功能，我们需要创建一个名为UserService的服务类。在这个类中，我们需要定义一个名为login的方法，用于查询数据库中的用户信息并返回结果。此外，我们还需要创建一个名为UserDao的数据访问类，用于执行SQL查询语句并获取结果。

为了实现数据访问层的功能，我们需要创建一个名为ConnectionManager的数据库连接管理工具类。在这个类中，我们需要定义一个名为getConnection的方法，用于获取数据库连接。同时，我们还需要定义一个名为closeConnection的方法，用于关闭数据库连接。

最后，我们需要在项目中添加数据库驱动程序，并创建一个名为User的用户实体类，用于封装用户信息。我们还需要创建一个名为TestUserDao的测试类，用于测试用户数据访问类的功能。

同时，我们还创建了一个UserService接口和它的实现类UserServiceImpl，该服务类包含了获取用户、登录以及查询所有用户的方法。

为了处理用户的登录请求，我们在net.huawei.servlet包下创建了一个LoginServlet类。这个类继承了HttpServlet类，并重写了doPost方法。在doPost方法中，我们从请求对象中获取用户名和密码，然后调用UserService的login方法进行登录验证。如果登录成功，我们就跳转到登录成功的页面；否则，跳转到登录失败的页面。

此外，我们还需要创建三个JSP页面：登录页面（login.jsp）、登录成功页面（success.jsp）和登录失败页面（failure.jsp）。这三个页面分别用于展示登录表单、登录成功提示和登录失败提示。

最后，我们修改项目的首页index.jsp，添加一个链接到登录页面。

现在，让我们来测试一下我们的程序。启动服务器后，我们会看到登录页面显示了用户名和密码的输入框。当我们输入正确的用户名和密码时，就会跳转到登录成功页面；否则，就会跳转到登录失败页面。

这就是我们如何使用JSP+Servlet+DB方式实现用户登录功能的过程。希望大家能够通过这次学习，对JSP、Servlet、数据库编程有更深入的理解，并掌握如何使用它们实现复杂的业务逻辑。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1295046.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

spring 的概述和入门

spring 的概述和入门

​ 我是南城余&#xff01;阿里云开发者平台专家博士证书获得者&#xff01; 欢迎关注我的博客&#xff01;一同成长&#xff01; 一名从事运维开发的worker&#xff0c;记录分享学习。 专注于AI&#xff0c;运维开发&#xff0c;windows Linux 系统领域的分享&#xff01; …
阅读更多...
ffmpeg格式转换 免费使用视频格式转换教程

ffmpeg格式转换 免费使用视频格式转换教程

下载安装 首先去官网下载ffmpeg的软件包https://ffmpeg.org/ 如果是windows可以在直接下载编译好的软件包 https://www.gyan.dev/ffmpeg/builds/ 进入解压后的目录&#xff0c;子目录bin中的ffmpeg.exe就是我们要使用的转换器 视频信息查看 打开cmd控制台&#xff0c;从…
阅读更多...
Linux嵌入式配置USB鼠标支持+触摸板

Linux嵌入式配置USB鼠标支持+触摸板

在linux嵌入式中加入鼠标支持&#xff0c;首先在内核里面将mice驱动加入编译&#xff0c;这里用到的是usb所以还要有usb的支持&#xff0c;下载到板子上启动 1、定位鼠标 要用鼠标&#xff0c;首先要知道生成的鼠标设备是哪个&#xff0c;直接直接ls input目录&#xff0c;当…
阅读更多...
HalconDotNe.HOperatorException:“HALCON error#1401:

HalconDotNe.HOperatorException:“HALCON error#1401:

Wrong number of values of control parameter 1in operator draw_rectangle2_mod错误提示参数值不对&#xff0c;是窗体hv_WindowHandle错了&#xff0c;窗体未创建。
阅读更多...
【Linux系统编程】项目自动化构建工具make/Makefile

【Linux系统编程】项目自动化构建工具make/Makefile

介绍&#xff1a; make和Makefile是用于编译和构建C/C程序的工具和文件。Makefile是一个文本文件&#xff0c;其中包含了编译和构建程序所需的规则和指令。它告诉make工具如何根据源代码文件生成可执行文件&#xff0c;里面保存的是依赖关系和依赖方法。make是一个命令行工具&a…
阅读更多...
[ 蓝桥杯Web真题 ]-Markdown 文档解析

[ 蓝桥杯Web真题 ]-Markdown 文档解析

目录 介绍 准备 目标 规定 思路 补充知识 解法参考 介绍 Markdown 因为其简洁的语法大受欢迎&#xff0c;已经成为大家写博客或文档时必备的技能点&#xff0c;众多博客平台都提倡用户使用 Markdown 语法进行文章书写&#xff0c;然后再发布后&#xff0c;实时的将其转化…
阅读更多...
如何入驻抖音本地生活服务商，门槛太高怎么办？

如何入驻抖音本地生活服务商，门槛太高怎么办？

随着抖音本地生活服务市场的逐渐成熟&#xff0c;越来越多平台开始涉及本地生活服务领域&#xff0c;而本地生活服务商成了一个香窝窝&#xff0c;为了保护用户权益和平台生态&#xff0c;对入驻入驻抖音本地生活服务商的条件及审核也越来越严格&#xff0c;这让很多想成为抖音…
阅读更多...
【Flink系列四】Window及Watermark

【Flink系列四】Window及Watermark

3.1、window 在 Flink 中 Window 可以将无限流切分成有限流&#xff0c;是处理有限流的核心组件&#xff0c;现在 Flink 中 Window 可以是时间驱动的&#xff08;Time Window&#xff09;&#xff0c;也可以是数据驱动的&#xff08;Count Window&#xff09;。 Flink中的窗口…
阅读更多...
CSS特效025：旋转的loading状态

CSS特效025：旋转的loading状态

CSS常用示例100专栏目录 本专栏记录的是经常使用的CSS示例与技巧&#xff0c;主要包含CSS布局&#xff0c;CSS特效&#xff0c;CSS花边信息三部分内容。其中CSS布局主要是列出一些常用的CSS布局信息点&#xff0c;CSS特效主要是一些动画示例&#xff0c;CSS花边是描述了一些CSS…
阅读更多...
idea安装包下载

idea安装包下载

idea安装教程 IDEA安装包链接&#xff1a;https://pan.baidu.com/s/15dEPF2hV3WPiFWMwGOsKWQ 提取码&#xff1a;kxl7 有激活部署的文档说明&#xff0c;下载自己看吧&#xff0c; 链接&#xff1a;https://pan.baidu.com/s/11yh8cz0R86Ngl7EJN8_5FA 提取码&#xff1a;mdg6
阅读更多...
小知识点——Servlet

小知识点——Servlet

Servlet 是什么&#xff1f; Java Servlet 是运行在 Web 服务器或应用服务器上的程序&#xff0c;它是作为来自 Web 浏览器或其他 HTTP 客户端的请求和 HTTP 服务器上的数据库或应用程序之间的中间层。使用 Servlet&#xff0c;您可以收集来自网页表单的用户输入&#xff0c;呈…
阅读更多...
2023滨海湾人工智能论坛举办，范向伟代表和鲸科技共同发起成立工业智能算法联盟

2023滨海湾人工智能论坛举办，范向伟代表和鲸科技共同发起成立工业智能算法联盟

人工智能是新一轮科技革命和产业变革的重要驱动力量&#xff0c;算力算法产业也正迎来爆发式增长。12月7日&#xff0c;以“要素融合知识互联”为主题的2023滨海湾人工智能论坛在东莞滨海湾新区举行&#xff0c;本次活动由东莞市人民政府主办&#xff0c;东莞滨海湾新区管委会、…
阅读更多...
【android开发-21】android中调用系统摄像头camera拍照和相册的用法详解

【android开发-21】android中调用系统摄像头camera拍照和相册的用法详解

1&#xff0c;调用摄像头 在Android中&#xff0c;调用系统摄像头拍照需要使用Intent来启动Camera应用&#xff0c;并在应用中设置相应的权限。下面是一个简单的例子&#xff1a; // 创建一个Intent对象&#xff0c;指定要执行的动作是拍照 Intent intent new Intent(Medi…
阅读更多...
循环结构中 break、continue、return 和exit() 的区别

循环结构中 break、continue、return 和exit() 的区别

循环结构中 break、continue、return 和exit() 的区别 文章目录 循环结构中 break、continue、return 和exit() 的区别一、break语句二、continue语句三、return 语句四、exit() 函数 说明&#xff1a;本文内容参考牟海军　著《C语言进阶&#xff1a; 重点、难点与疑点解析》&a…
阅读更多...
MyBatis中的N+1问题，使用ResultSet来解决，需要存储过程【非常详细】

MyBatis中的N+1问题，使用ResultSet来解决，需要存储过程【非常详细】

基础表sql 订单表 CREATE TABLE test_order (order_id bigint(20) NOT NULL AUTO_INCREMENT COMMENT 订单id,order_name varchar(255) NOT NULL DEFAULT COMMENT 订单名字,PRIMARY KEY (order_id) ) ENGINEInnoDB AUTO_INCREMENT3 DEFAULT CHARSETutf8mb4 COMMENT订单表;INS…
阅读更多...
八个适合女大学生做的赚钱小副业

八个适合女大学生做的赚钱小副业

大学的生活可以说是多姿多彩&#xff0c;既有沉浸在课堂知识中的学习&#xff0c;也有课余时间可以自由支配的自我发展。然而&#xff0c;作为一名女大学生&#xff0c;除了追求优异的学业表现&#xff0c;是否还有其他更加多元化且有意义的方式来充实自己呢&#xff1f; 当然&…
阅读更多...
Kubernetes集群安装高可用postgresql

Kubernetes集群安装高可用postgresql

Kubernetes集群安装高可用postgresql Bitnami 提供的 postgresql-ha 解决方案是一个预配置的、高可用的 PostgreSQL 集群配置&#xff0c;通常部署在 Kubernetes 环境中。它使用了一些关键技术和组件来实现数据库的高可用性。&#xff0c;Bitnami postgresql-ha 主要采用以下构…
阅读更多...
问题:batchnormal训练单个batch_size就会报错吗

问题:batchnormal训练单个batch_size就会报错吗

Batch Normalization&#xff08;批标准化&#xff09;是一种深度学习中的正则化技巧&#xff0c;它可以改进网络的训练过程。在训练神经网络时&#xff0c;Batch Normalization可以帮助解决内部协变量偏移&#xff08;Internal Covariate Shift&#xff09;的问题。 在标准的…
阅读更多...
库卡LBR_iisy_3_R760协作机器人导入到coppeliasim

库卡LBR_iisy_3_R760协作机器人导入到coppeliasim

1.从库卡官网xpert下载模型 一般载都是这个step文件格式&#xff0c;其他的好像不太好用。coppeliasim导入格式用的是stl,需要用freeCAD打开重新转换一下。下载下来后&#xff0c;很多都是一个整体&#xff0c;在freeCAD导入中&#xff0c;导入选择要不勾选合并。 下载完用CAD …
阅读更多...
DHTMLX Scheduler PRO 6.0.5 Crack

DHTMLX Scheduler PRO 6.0.5 Crack

功能丰富的 JavaScript调度程序 DHTMLX Scheduler 是一个 JavaScript 日程安排日历&#xff0c;具有 10 个视图和可定制的界面&#xff0c;用于开发任何类型的日程安排应用程序。 DHTMLX JS 调度程序库的主要特性 我们的 JS 调度程序最需要的功能之一是时间轴视图。借助时间轴…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023