使用JSP实现简单的用户登录注册页面示例代码解析

2024-10-19 15:39:07

实验要求：

将实验2中的系统用户登录和注册页面改为JSP页面，并部署自己的Web应用于Tomcat服务器中

具体要求：

完成登录JSP页面设计和注册页面设计

在登录页面表单中使用request对象获取用户信息，建立新的JSP页面完成登录验证（用户名和密码自己指定即可）。

验证结果显示（如登录成功/用户名密码错误，可以使用JavaScript，也可以使用新的JSP页面）。

在注册页面表单中使用request对象获取用户注册信息（注册项目由自己指定），在新的JSP页面显示用户注册信息，并提示注册成功。

代码

登录页面index.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>jsp作业</title>
 <link href="css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default">
 <div class="container-fluid">
  <div class="navbar-header">
   <a class="navbar-brand" href="./" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >jsp作业</a>
  </div>
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
   <ul class="nav navbar-nav navbar-right">
    <li><a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >登录</a></li>
   </ul>
  </div>
 </div>
</nav>
<div class="container">
 <div class="jumbotron">
  <h1>Hello, world!</h1>
  <p>这是一个jsp作业</p>
 </div>
</div>
</body>
</html>

登录页面login.jsp

<%@ page contentType="text/html; charset=utf-8" language="java"%>
<html lang="zh-CN">
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>登录</title>
 <link href="css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default">
 <div class="container-fluid">
  <div class="navbar-header">
   <a class="navbar-brand" href="./" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >jsp作业</a>
  </div>
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
   <ul class="nav navbar-nav navbar-right">
    <li><a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >登录</a></li>
   </ul>
  </div>
 </div>
</nav>
<div class="container">
 <div class="row">
  <div class="col-md-4">

  </div>
  <div class="col-md-4">
   <form class="form-signin" method="post" action="login-check.jsp">
    <h2 class="form-signin-heading">登录到jsp作业</h2>
    <label for="">用户名</label>
    <input type="text" name="username" id="username" class="form-control" placeholder="请输入用户名" required autofocus><br>
    <label for="">密码</label>
    <input type="password" name="password" id="password" class="form-control" placeholder="请输入密码" required>
    <div class="checkbox">
     <label>
      <input type="checkbox" value="remember-me" checked="checked"> 记住密码
     </label>
    </div>
    <button type="submit" class="btn btn-primary" id="btn-login">登录</button>
    <a href="reg.jsp" rel="external nofollow" rel="external nofollow" class="btn btn-default">注册</a>
   </form>
  </div>
  <div class="col-md-4">
  </div>
 </div>
</body>
</html>

登录结果页面login-check.jsp

<%@ page contentType="text/html; charset=utf-8" language="java"%>
<html lang="zh-CN">
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>登录</title>
 <link href="css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default">
 <div class="container-fluid">
  <div class="navbar-header">
   <a class="navbar-brand" href="./" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >jsp作业</a>
  </div>
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
   <ul class="nav navbar-nav navbar-right">
    <li><a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >登录</a></li>
   </ul>
  </div>
 </div>
</nav>
<div class="container">
 <div class="row">
  <div class="col-md-4">

  </div>
  <div class="col-md-4">
   <form class="form-signin" method="post" action="login-check.jsp">
    <h2 class="form-signin-heading">登录到jsp作业</h2>
    <label for="">用户名</label>
    <input type="text" name="username" id="username" class="form-control" placeholder="请输入用户名" required autofocus><br>
    <label for="">密码</label>
    <input type="password" name="password" id="password" class="form-control" placeholder="请输入密码" required>
    <div class="checkbox">
     <label>
      <input type="checkbox" value="remember-me" checked="checked"> 记住密码
     </label>
    </div>
    <button type="submit" class="btn btn-primary" id="btn-login">登录</button>
    <a href="reg.jsp" rel="external nofollow" rel="external nofollow" class="btn btn-default">注册</a>
   </form>
  </div>
  <div class="col-md-4">
  </div>
 </div>
</body>
</html>

注册页面reg.jsp

<%@ page contentType="text/html; charset=utf-8" language="java"%>
<html lang="zh-CN">
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>注册</title>
 <link href="css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default">
 <div class="container-fluid">
  <div class="navbar-header">
   <a class="navbar-brand" href="./" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >jsp作业</a>
  </div>
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
   <ul class="nav navbar-nav navbar-right">
    <li><a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >登录</a></li>
   </ul>
  </div>
 </div>
</nav>
<div class="container">
 <div class="row">
  <div class="col-md-4">
  </div>
  <div class="col-md-4">

   <form class="form-signin" action="reg-submit.jsp" method="post">
    <h2 class="form-signin-heading">注册到jsp作业</h2>
    <div id="info">

    </div>
    <label for="">用户名</label>
    <input type="text" name="username" id="username" class="form-control" placeholder="请输入用户名" required autofocus><br>
    <label for="">密码</label>
    <input type="password" name="password" id="password" class="form-control" placeholder="请输入密码" required><br>
    <label for="">重复密码</label>
    <input type="password" name="password2" id="password2" class="form-control" placeholder="请再次输入密码" required maxLength="16"><br>
    <button type="submit" class="btn btn-primary" id="btn-reg">注册</button>
    <a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="btn btn-default" id="btn-reg">返回登录</a>
   </form>
  </div>
  <div class="col-md-4">
  </div>
 </div>
</body>
</html>

注册结果页面reg-submit.jsp

<%@ page contentType="text/html; charset=utf-8" language="java"%>
<html lang="zh-CN">
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>结果</title>
 <link href="css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default">
 <div class="container-fluid">
  <div class="navbar-header">
   <a class="navbar-brand" href="./" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >jsp作业</a>
  </div>
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
   <ul class="nav navbar-nav navbar-right">
    <li><a href="login.jsp" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >登录</a></li>
   </ul>
  </div>
 </div>
</nav>
<div class="container">
 <% String username = request.getParameter("username");
 String password = request.getParameter("password");
 String password2 = request.getParameter("password2");
 %>
 <%
 if(password.equals(password2)){
  out.println("<div class='alert alert-success' role='alert'>注册成功</div>");
  out.println("<ul class='list-group'>");
  out.println("<li class='list-group-item'>用户名：" + username + "</li>");
  out.println("<li class='list-group-item'>密码：" + password + "</li>");
  out.println("</ul>");
 }
 else{
  out.println("<div class='alert alert-danger' role='alert'>两次密码输入不一致，请重新输入</div>");
 }
 %>
 <!-- <%=username %>
 <%=password %>
 <%=password2 %> -->
</div>

效果

到此这篇关于使用JSP实现简单的用户登录注册页面示例代码解析的文章就介绍到这了,更多相关JSP实现简单的用户登录注册页面内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

JSP+MySQL实现网站的登录与注册小案例

为了练手,我就自己试着做了一个网站的登录与注册的小案例.由于没有做美化处理,所以界面并不是很好看. 网站实现的功能如下: •用户首次注册功能 •用户登录功能下面我将会分模块展示注册模块首先需要一个注册界面,如下register.jsp: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOC
jsp基于XML实现用户登录与注册的实例解析（附源码）

简单的基于xml做数据库的登录与注册主题介绍: 1.xml的读取和存储,主要是用到dom4j技术,(网络中的文件存储路径采用classLoader) 文件的读取和存储,写了一个工厂类 public class DocumentFactory { private static Document dom=null;//需要共享一个dom,所以需要设置为static private static String name="user.xml"; private static String f
Servlet+JavaBean+JSP打造Java Web注册与登录功能

采用Java Web所实现的MVC结构图如下,其中控制器部分采用Servlet来实现,模型部分采用JavaBean来实现,而大部分的视图采用Jsp页面来实现. 思想基础 JSP+JavaBean两层结构工作原理应该是比较熟悉的,也比较好理解. 但是有一点必须要清楚就是用户通过浏览器来发送网页的请求,此请求到达服务器后在服务器端查找对应的网页,如果是首次请求(第二次就不用解释执行了),对于JSP来说要生成Servlet,然后通过Servlet引擎来执行 Servlet,把调用JavaBean的结果
在jsp中用bean和servlet联合实现用户注册、登录

声明:作者原创,版权所有.未经授权,不得转载在jsp中用bean和servlet联合实现用户注册.登录作者:imagebear版权:imagebear 本例需要的软件和运行环境:1.Windows2000 Server操作系统2.jdk1.43.JCreator2.5(java源码编辑调试器,吐血推荐!)4.Macromedia JRun MX5.Macromedia Dreamweaver MX(非必需)6.MySQL数据库(最好安装MySQL Control Center) 一.数据库设
JSP实现用户登录、注册和退出功能

本文讲述使用JSP实现用户登录,包括用户登录.注册和退出功能等. 1.系统用例图 2.页面流程图 3.数据库设计本例使用oracle数据库创建用户表包括id,username,password和email,共4个字段 -- Create table create table P_USER ( id VARCHAR2(50) not null, username VARCHAR2(20), password VARCHAR2(20), email VARCHAR2(50) ) tablesp
JavaWeb实现用户登录注册功能实例代码(基于Servlet+JSP+JavaBean模式)

下面通过通过图文并茂的方式给大家介绍JavaWeb实现用户登录注册功能实例代码,一起看看吧. 一.Servlet+JSP+JavaBean开发模式(MVC)介绍 Servlet+JSP+JavaBean模式(MVC)适合开发复杂的web应用,在这种模式下,servlet负责处理用户请求,jsp负责数据显示,javabean负责封装数据. Servlet+JSP+JavaBean模式程序各个模块之间层次清晰,web开发推荐采用此种模式. 这里以一个最常用的用户登录注册程序来讲解Servlet+JS
使用JSP实现简单的用户登录注册页面示例代码解析

实验要求: 将实验2中的系统用户登录和注册页面改为JSP页面,并部署自己的Web应用于Tomcat服务器中具体要求: 完成登录JSP页面设计和注册页面设计在登录页面表单中使用request对象获取用户信息,建立新的JSP页面完成登录验证(用户名和密码自己指定即可). 验证结果显示(如登录成功/用户名密码错误,可以使用JavaScript,也可以使用新的JSP页面). 在注册页面表单中使用request对象获取用户注册信息(注册项目由自己指定),在新的JSP页面显示用户注册信息,并提示注册成功
JSP实现简单的用户登录并显示出用户信息的方法

本文实例讲述了JSP实现简单的用户登录并显示出用户信息的方法.分享给大家供大家参考.具体实现方法如下: login.jsp 复制代码代码如下: <%@ page language="java" import="java.util.*" pageEncoding="GB18030"%> <% String path = request.getContextPath(); String basePath = request.
SSM框架下实现登录注册的示例代码

基本配置:jdk1.8 tomcat 8 MyEclipse 先打好地基: spring配置文件 application.xml: <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-
Redis实现登录注册的示例代码

目录 1. 引言 2. 流程图及代码实现 2.1 生成验证码保存到Redis 2.2 登录验证 2.3 请求拦截器 3. 总结 1. 引言在传统的项目中,用户登录成功,将用户信息保存在session中,这种方式在微服务架构中会产生一系列问题.例如在购物车服务具有多台服务器,当一个请求落在购物车1号服务器后,其session保存了用户信息,另一个请求落在了购物车2号服务器,发现没有用户信息,则重新需要进行登录.服务器之间有session不共享的问题.为了解决这一问题,tomcat提出了内存拷贝,
Android Studio实现简单的QQ登录界面的示例代码

一.项目概述 QQ是我们日常生活使用最多的软件之一,包含登录界面和进入后的聊天界面.好友列表界面和空间动态界面等.登录界面的制作比较简单,主要考验布局的使用,是实现QQ项目的第一步.现在APP开发的首要工作都是实现登录页面,所以学会了QQ登录界面对以后的软件开发有着很重要的作用. 二.开发环境三.详细设计 1.头像设计首先在layout文件里面选择了RelativeLayout(相对布局)作为整个页面的布局. 在顶端放置了一个ImageView控件,宽度和高度设置的都是70dp,水平居中设置
基于SSM框架实现简单的登录注册的示例代码

一.环境配置工程目录在pom.xml添加依赖 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd&
Java简易登录注册功能实现代码解析

哈希算法(Hash)又称摘要算法(Digest),它的作用是:对任意一组输入数据进行计算,得到一个固定长度的输出摘要. 哈希算法最重要的特点就是: 相同的输入一定得到相同的输出: 不同的输入大概率得到不同的输出. 哈希算法的目的就是为了验证原始数据是否被篡改. 我们来简单实现一个用于用户注册和登录最基本的功能. 在登录中,要检查是否存在某个用户信息,每个用户信息都是唯一的,所以可以借助Set的特性来操作用户信息的存放. 在注册中,要检查用户名是否已经被注册,而每个用户名也是唯一的,所以在这里也利
SpringBoot+Mybatis实现登录注册的示例代码

学习SpringBoot+Mybatis实现的登录注册功能的Demo,实现这个Demo在网上也参考了资料和代码,本文是本人在实现Demo后的个人总结,以便理清思路. 1.环境 jdk8 : "1.8.0_281" Maven: 3.6.3 Idea:2020.2 Mysql:5.6.40 Navicat:10.1.7 2.步骤 2.1 创建一个SpringBoot项目选择依赖如下: Web下的Spring Web. Template Engines下的Thymeleaf. SQL下的
Node.js+Express+MySql实现用户登录注册功能

本文实例为大家分享了Node.js实现用户登录注册的具体代码,供大家参考,具体内容如下 IDE:WebStorm 工程目录: 数据库表 Login.js: /** * Created by linziyu on 2017/7/8. */ /** * express接收html传递的参数 */ var express=require('express'); var app=express(); var mysql=require('mysql'); /** * 配置MySql */ var con

使用JSP实现简单的用户登录注册页面示例代码解析

相关推荐

随机推荐