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

最新推荐文章于 2024-01-14 03:45:11 发布
最新推荐文章于 2024-01-14 03:45:11 发布
阅读量9.1k 收藏 157
点赞数 20
分类专栏： JavaWeb 文章标签： java javascript 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41301333/article/details/131202057
版权

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

（一）实现思路

  • 登录页面login.jsp，输入用户名和密码后，跳转到登录处理页面doLogin.jsp进行业务逻辑处理，登录成功，跳转到登录成功页面success.jsp，否则跳转到登录失败页面failure.jsp。

（二）实现步骤

1、创建Web项目
  • 开始先创建Java Enterprise项目，添加Web Application功能
    在这里插入图片描述

在这里插入图片描述

  • 设置项目名为LoginDemo，并设置好保存位置
    在这里插入图片描述

  • 单击【Finish】按钮
    在这里插入图片描述

  • 在项目结构窗口里修改Artifact名 - LoginDemo01，把后缀删除掉
    在这里插入图片描述
    在这里插入图片描述

  • 编辑服务器配置，重新部署项目
    在这里插入图片描述

  • 先是【Server】选项卡
    在这里插入图片描述

  • 然后切换到【Deployment】选项卡
    在这里插入图片描述

2、创建登录页面
  • 创建登录页面 - login.jsp
    在这里插入图片描述
  • 代码如下
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户登录</title>
</head>
<body>
<h3 style="text-align: center">用户登录</h3>
<form action="doLogin.jsp" method="post">
    <table border="1" cellpadding="10" style="margin: 0px auto">
        <tr>
            <td align="center">账号</td>
            <td><input type="text" name="username"/></td>
        </tr>
        <tr>
            <td align="center">密码</td>
            <td><input type="password" name="password"/></td>
        </tr>
        <tr align="center">
            <td colspan="2">
                <input type="submit" value="登录"/>
                <input type="reset" value="重置"/>
            </td>
        </tr>
    </table>
</form>
</body>
</html>
3、创建登录处理页面
  • 创建登录处理页面 - doLogin.jsp
    在这里插入图片描述
  • 代码如下
<%
    // 获取登录表单数据
    String username = request.getParameter("username");
    String password = request.getParameter("password");
    // 判断登录是否成功
    if (username.equals("无心剑") && password.equals("903213")) {
        // 跳转到登录成功页面，传递用户名
        response.sendRedirect("success.jsp?username=" + username);
    } else {
        // 跳转到登录失败页面，传递用户名
        response.sendRedirect("failure.jsp?username=" + username);
    }
%>
4、创建登录成功页面
  • 登录成功页面 - success.jsp
    在这里插入图片描述
  • 代码如下
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录成功</title>
</head>
<body>
<h3 style="text-align: center">恭喜，<%=request.getParameter("username")%>，登录成功！</h3>
</body>
</html>
5、创建登录失败页面
  • 创建登录失败页面 - failure.jsp
    在这里插入图片描述
  • 代码如下
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录成功</title>
</head>
<body>
<h3 style="text-align: center">恭喜，<%=request.getParameter("username")%>，登录成功！</h3>
</body>
</html>
6、编辑项目首页
  • 项目首页 - index.jsp
    在这里插入图片描述
  • 代码如下
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户登录</title>
</head>
<body>
<h3 style="text-align: center">用户登录</h3>
<form action="doLogin.jsp" method="post">
    <table border="1" cellpadding="10" style="margin: 0px auto">
        <tr>
            <td align="center">账号</td>
            <td><input type="text" name="username"/></td>
        </tr>
        <tr>
            <td align="center">密码</td>
            <td><input type="password" name="password"/></td>
        </tr>
        <tr align="center">
            <td colspan="2">
                <input type="submit" value="登录"/>
                <input type="reset" value="重置"/>
            </td>
        </tr>
    </table>
</form>
</body>
</html>
（三）测试结果
  • 启动服务器，显示首页
    在这里插入图片描述
  • 单击【跳转到登录页面】超链接
    在这里插入图片描述
  • 输入正确的用户名和密码（无心剑：903213）
    在这里插入图片描述
  • 单击【登录】按钮，跳转到登录成功页面
    在这里插入图片描述
  • 返回登录页面，输入错误的用户名或密码
    在这里插入图片描述
  • 录屏操作
    在这里插入图片描述
炒鸡玛卡
关注
  • 20
    点赞
  • 踩
  • 157
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
jsp实现简单的登录
GloryMagic的博客
11-25 3436
JSP 实现登录功能 第一步: 创建login.jsp登录页面 在所创建的动态项目his_v1中，于WebContent文件夹下创建login.jsp。其显示效果类似于下图: 对应源代码如下： <html> <body> <!-- 需要注意的是:xml配置文件中的url-pattern这里写的是/LoginServlet，而在jsp中form表单的action写的是L...
jsp编写的 一个登陆界面
12-09
jsp编写的 一个登陆界面 相信对你有用
jsp唯美登录界面，附源码
05-09
登录界面设计，不随浏览器大小变化而变化，采用div布局
jsp实现登录界面
weixin_51114682的博客
08-11 3637
文实例为大家分享了jsp实现登录界面的具体代码，供大家参考，具体内容如下。
JavaWeb实现简易教务管理系统-servlet-jsp-MVC
07-03
运行指南： https://blog.csdn.net/weixin_44904205/article/details/118443427?spm=1001.2014.3001.5501 这是一个纯JavaWeb项目，采用MVC模式，即 模型(model)-视图(view)-控制器(controller)，没有使用其他框架，采用的是纯servlet+jsp实现的一个简易选课JavaWeb项目，实现的功能如下：包括 **管理员 教师 学生** 设计一个简易的教学管理系统，该系统的用户包括学生、教师与管理员。其中： 1、学生可以管理自己的信息，选课； 2、教师可以管理自己的信息、自己所教课程管理、成绩管理； 3、管理员对课程信息进行管理； 4、根据教学管理系统需要，自行设计相应功能。
JSP实现简单登录功能（适用零基础小白 只含功能代码）
qq_51983316的博客
10-13 1万+
一、实验要求 使用JSP内置对象实现简单登录页面 包含login1.jsp（登录页）、login2.jsp（返回信息页）、test.tag（验证页） 注意：本博客只包含最简单的功能页面，如需页面设计与debug，可私戳博主~ 二、实验环境 JDK：13 Tomcat：9.0 三、实验过程 1. 建立文件目录结构 2. 编写 test.tag 文件 该页面主要功能为验证用户名、密码的正确性，从而返回相关结果给信息页面 <%@ attribute nam...
JSP+Servlet + Tomcat实现用户登录（一）简易登录功能【JavaWeb、无数据库】
qq_22841387的博客
10-04 3162
两个方法如果不被重写，那么就会默认调用HttpServlet中的代码。我们来看HttpServlet源码中。
JSP写一个简单的登录界面
yao10241113的博客
09-30 1万+
jsp的简单登录功能实现
jsp实现简易登录页面
weixin_45520627的博客
06-12 3320
建立insertuser.jsp完成添加功能，将文本框中内容添加进user表（使用mysql）​​​​。输入用户名admin 密码admin后，显示弹出窗“登陆成功”，否则显示“登录失败”这里要使用到mysql，首先就是创建对应的表，这里建立数据库Exam，建立表user。驱动也就是导入你对应数据库版本的Java-mysql的包。这里是处理页面，需要补充的是，jsp连接数据库需要加载。不导入这个jar会报错，导入的包要和mysql版本一致。然后是一样的登陆页面。
login(登录).jsp
2301_78317112的博客
06-07 873
用户名:</td><td>密码:
用JSP写一个简单的用户登录
热门推荐
weixin_54120050的博客
04-15 1万+
用jsp写一个简易的登录界面
JSP实现登录注册连接MySql数据库-初学
03-03
代码是在初学Web时写的，现在闲来无事做的代码和界面优化，连接MySql数据库，里面有数据库脚本，测试帐号：admin，密码：admin；仅供初学者学习使用。
纯Servlet和JSP实现的博客小程序
01-22
纯Servlet和JSP实现的博客小程序，用到的第三方类库只有JSTL和MySQL驱动。功能有用户注册、登录，用户修改信息、新建、更新博客，添加评论。系统需求；JDK1.8、MySQL数据库、Tomcat8或者其他支持Java EE 7的服务器
jsp+mysql简单留言板实现
05-06
源码说明： 采用纯jsp页面+Mysql的方法实现功能 项目编码是gb2312，要转换格式的请自己装换，界面简洁，功能简单，实现容易，非常适合初学者 有助于加深初学者对jsp的理解和使用Mysql数据库 String DBDRIVER = "com.mysql.jdbc.Driver"; String DBURL ="jdbc:mysql://localhost:3306/db_jsp?characterEncoding=utf-8"; //数据库名：tianming String DBUSER = "root"; //mysql数据库用户名 String DBPASSWORD = "root"; //mysql数据库密码 功能说明：【留言内容过长的用... 代替】 权限设置：分为学生用户和管理员用户【不可直接访问页面，必须登陆后才可以进入】 普通用户的可以实现发布内容、查看内容 管理员用户的可以实现发布内容、查看内容、 删除留言、编辑留言 可以在登录页面进行注册 页面介绍： zhuce.jsp 注册页面 login.jsp 用户登录界面 login_conf.jsp 用户登录验证 login_success.jsp 用户登录成功提示 list_notes.jsp 发布内容显示和查询结果显示页面 insert.jsp 添加新内容页面 。。。。。。。。。。。。 使用到的数据：db_jsp.sql【位于项目的web页中】 使用方法一： 使用mysql命令行： create database db_jsp; use db_jsp;把文件内容复制粘贴到命令行即可 使用方法一： 在mysql中新建一个名为db_jsp的数据库；导入db_jsp.sql 文件即可
炫酷的登录jsp页面完整代码
03-10
炫酷的登录页面，css样式，js等等全部都有，登录效果也是写好的，其登陆用户名和密码是写死的，自己可以根据需要改成动态的
jsp+sql书店(纯lw).zip
09-04
这个项目是一个基于Java语言开发的Web应用程序，采用SSM（Spring+SpringMVC+MyBatis）或SSH...通过这些技术和工具的组合，可以实现一个高效、可靠、易于维护的Web应用程序，满足用户的需求，并提供良好的用户体验。
JSP简洁论坛生成HTML V1.0
05-17
内容索引:JSP源码,论坛社区,JSP论坛程序　JSP简洁论坛生成HTML 是本人学习JSP的一个练习，界面简洁大方，速度极快，对百度和GOOGLE等搜索引擎友好，实现了大部分论坛功能，使用TOMCAT5.0+JDK1.4+SqlServer2000数据库...
基于matlab的数字图像分割技术研究及实现(纯lw).zip
09-04
这个项目是一个基于Java语言开发的Web应用程序，采用SSM（Spring+SpringMVC+MyBatis）或SSH...通过这些技术和工具的组合，可以实现一个高效、可靠、易于维护的Web应用程序，满足用户的需求，并提供良好的用户体验。
Servlet JSP-实现简单的登录功能
最新发布
踏雨歌青春，诗酒趁年华
01-14 1437
本篇文章讲解如何使用Servlet-JSP-实现简单的登录功能。我们在进行Servlet和JSP实现简单登录功能的过程中，首先通过Eclipse创建了一个Maven项目，这为我们的Web应用提供了良好的项目管理和依赖管理。接下来，我们解决了新建项目时可能出现的报错状态，通过右击项目的Deployment Descriptor生成了Stub，为后续的配置做好了准备。然后，我们配置了Tomcat，使得我们的Maven项目能够在Tomcat容器中运行。
jsp实现用户登录功能
05-02
首先，你需要在你的项目中创建一个登录页面，然后根据用户输入的用户名和密码，将其传递到服务器端进行验证，如果验证通过，则跳转到主页，否则提示用户输入有误。 以下是一个简单的示例代码： 1. 创建登录页面 ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录页面</title> </head> <body> <h1>用户登录</h1> <form action="login.jsp" method="post"> <p>用户名：<input type="text" name="username"></p> <p>密码：<input type="password" name="password"></p> <p><input type="submit" value="登录"></p> </form> </body> </html> ``` 2. 创建 login.jsp 页面 ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String username = request.getParameter("username"); String password = request.getParameter("password"); if (username != null && password != null && username.equals("admin") && password.equals("123456")) { session.setAttribute("username", username); response.sendRedirect("home.jsp"); } else { out.println("<script>alert('用户名或密码错误！');history.back();</script>"); } %> ``` 在这个示例中，我们使用了 JSP 内置对象 `request` 来获取用户输入的用户名和密码，然后进行验证。如果验证成功，我们将用户名存储到会话中，并使用 `response.sendRedirect()` 方法将用户重定向到主页；否则，我们使用 JavaScript 弹出一个提示框，并让用户返回到登录页面重新输入。 3. 创建 home.jsp 页面 ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String username = (String) session.getAttribute("username"); if (username == null) { response.sendRedirect("login.jsp"); } else { out.println("<h1>欢迎 " + username + " 登录！</h1>"); } %> ``` 在这个示例中，我们使用 JSP 内置对象 `session` 来获取存储在会话中的用户名，如果用户名为空，则使用 `response.sendRedirect()` 方法将用户重定向到登录页面；否则，我们在页面上显示欢迎信息。 以上就是一个简单的 JSP 实现用户登录功能的示例代码。需要注意的是，这个示例还存在安全漏洞，例如用户可以通过修改 URL 来访问主页等。在实际开发中，我们需要更加严格地进行验证和防范攻击。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

炒鸡玛卡

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值