用JSP做个简单的登录注册页面_头秃代码奴的博客-程序员信息网_jsp登录注册页面代码

技术标签: python  java  web  session  html  Javaweb  

用JSP做个简单的登录注册页面

第一步先分析整个过程,然后得出大概思路。
首先,进入登录页面(login.jsp),如下:
在这里插入图片描述
我们是没有账号的所以需要注册账号,所以这时候必须有一个注册页面(register.jsp),如下
在这里插入图片描述
紧接着注册成功后跳转成功页面,这时我们需要一个注册成功的页面(registersuccess.jsp),如下:
在这里插入图片描述
点击返回页面后,我们就可以在登录页面登录,然后登录时有登录成功和登录失败的页面。所以还要再写两个(loginsuccess.jsp loginfailure.jsp)如下:
在这里插入图片描述
在这里插入图片描述这就是大概的一个思路了,接下来就是代码问题了。

登录页面代码

<%@ page language="java" contentType="text/html;
charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD
HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=ISO-utf-8">
<title>登录</title>
<style>
 #a {
    

    width:50%;
    height:200px;
    border: 1px dashed ;
    background-color:lightyellow;
    text-align:center;
}
body{
    
background-color:lightblue;
}
</style>
</head>
<body>
<div id="a">
<h1>登录界面</h1>
<form action="check.jsp" method="post">
账号:<input type="text" name="id"/>
<br>
密码:<input type="password"name="password"/>
<br>

<input type="submit" value="login"/>
没有账号?<a href ="register.jsp">注册账号</a>
</form>
</div>
</body>
</html>

注册页面代码

<%@ page language="java" contentType="text/html;
charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD
HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8">
<title>账号注册</title>
</head>
<style>
 #a {
    
    width:50%;
    height:50%;
    border: 1px dashed ;
    background-color:lightgreen;
    text-align:center;
}

body{
    
background-color:lightyellow;
}
</style>
<body>
<%--注册框 --%>
<div id="a">
<h1>注册账号</h1>
<form action="registersuccess.jsp"  method="post">&nbsp;&nbsp;&nbsp;:
<input type="text"
name="id">
<br>&nbsp;&nbsp;&nbsp;:
<input type="password"name="password">
<br>

姓名:
<input type="text" name="name">
<br>

手机号:
<input type="text" name="phonenumber">
<br>

<input type="submit" value="注册">

<input type="submit" value="重置">
</form>
</div>
</body>
</html>


注册成功代码


<%@ page language="java" contentType="text/html;
charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD
HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=UTF-8">
<title>注册成功</title>
</head>
<style>
 #a {
    

    width:50%;
    height:200px;
    border: 1px dashed ;
    background-color:lightyellow;
    text-align:center;
}

</style>
<body>
<div id="a">
<form action="check.jsp"
method="post">
 <%
request.setCharacterEncoding("UTF-8");
   String id=request.getParameter("id");
   session.setAttribute("id", id);
   String name=request.getParameter("name");
   session.setAttribute("name", name);
   String password=request.getParameter("password");
   session.setAttribute("password", password);
 %>
 恭喜您注册成功!<br>
 您的账号为:<%=id %><br>
 您的密码为:<%=password %><br>
 请妥善保管好您的密码!<br>
</form>
<a href="login.jsp"
style="color:#FAAF46 font-size:10px">返回登录页面</a>
</div>
</body>
</html>


登录成功页面

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登录成功</title>
<style>
body{
    
background-color:yellow;
}
 #a {
    
    width:50%;
 height:200px;
 border: 1px dashed ;
    background-color:lightyellow;
    text-align:center;
}
</style>
</head>
<body>
<div id="a">
<h1 align="center">
页面仅供测试。
</h1>
<h2 align="center">登录成功</h2>
</div>
</body>
</html>

登录失败页面

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登录成功</title>
<style>
body{
    
background-color:grey;
}
 #a {
    
    width:50%;
 height:200px;
 border: 1px dashed ;
    background-color:lightyellow;
    text-align:center;
}
</style>
</head>
<body>
<div id="a">
<h1 align="center">
页面仅供测试。
</h1>
<h2 align="center">登录失败</h2>
<h3 align="center"><a href="login.jsp" style="color:#FAAF46 font-size:10px">返回登录页面</a></h3>
</div>
</body>
</html>

在登录时还需要进行检验,看看账号密码是否正确

检查页面(check.jsp)主要代码(在body里面写)

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-utf-8">
<title>check</title>
</head>
<body>
<form method="post" action="">
<% 
   String id=(String)session.getAttribute("id");
   String password=(String)session.getAttribute("password");
   String name=request.getParameter("id");
   session.setAttribute("name", name);
   String password1=request.getParameter("password");
   session.setAttribute("password", password1);
if(id.equals(name)&&password1.equals(password))
{
     response.sendRedirect("loginsuccess.jsp");}
else
response.sendRedirect("loginfailure.jsp");
%>
</form>
</body>
</html>

第一次学习使用,如有意见请指出,感谢您的浏览。
2020-12/17修改,更新了check.jsp页面的代码。

这个只是用session来暂存我们的数据,没有存到数据库中,所以看需求,如果有需要可以了解一下主页中这个系列的内容

https://blog.csdn.net/l1051663145/article/details/110189213

本篇文章的代码需要的自提:
https://pan.baidu.com/s/1KacVIxh1Xl5QbMwyrK7iRw
提取码:kc1s

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/l1051663145/article/details/109212249

智能推荐

Ubuntu中编译opencv时出现error: opencv-3.3.1-dev/opencv2/highgui/highgui.hpp: 没有那个文件或目录_宇宙工大靓仔的博客-程序员信息网

/home/ygc/catkin_ws/src/probot_vision_pick/probot_vision/src/AdjustColorThreshold.cpp:18:10: fatal error: opencv-3.3.1-dev/opencv2/highgui/highgui.hpp: 没有那个文件或目录 #include "opencv-3.3.1-dev/opencv2/highgui/highgui.hpp"回忆一下,可能是Ubuntu下载了两个opencv版本的冲突。打开对

华三c语言笔试,H3C笔试及答案解析_睡不醒的小王爷的博客-程序员信息网

最近一直在找工作,前几天去H3C笔试了一把,题目出的还可以,偷偷记了点,我把答案和解析全都写出来了,希望对你有用.1、以下描述正确的有(AD)A、1个字节(byte)由8个比特(bit)组成B、signed char类型的取值范围是-127~128C、0xFFFFFFFF是4字节无符号数中最大的D、unsigned char类型的取值范围是0~255解析:signed char的取值范围是-128...

FireDAC 下的 Sqlite [9] - 关于排序_platou的博客-程序员信息网

http://weibo.com/2015/1026pp/2308373900741659058847http://weibo.com/2015/1026pp/2308373900741659058983http://weibo.com/2015/1026pp/2308373900741663245636http://weibo.com/2015/1026pp/230837390074

LTE-V2X车联网技术、标准、应用_互联互通社区的博客-程序员信息网

摘 要:V2X(vehicle to everything)通信是车联网中实现环境感知、信息交互与协同控制的重要关键技术。大唐电信科技产业集团最早提出并由中国企业主导的LTE-V2X国际...

Visual Studio 2015打开扩展和更新错误,提示未将对象引用到实例_JacksionGT的博客-程序员信息网

第一次打开直接报错:未将对象引用到实例我想着把所有扩展关闭,用不启用插件的方式启动Visual Studio 2015,但是没有找到这种启动方法。第二次,我使用管理员权限启动Visual Studio 2015,打开扩展和更新。首先提示:出错日志:AppData/Roaming/Microsoft/VisualStudio/14.0/ActivityLog.xml,重启可能会帮助解决此

计算机录音机应用程序在哪,windows7如何给电脑录音 windows7录音机在哪_迟趣的博客-程序员信息网

win7系统有自带比较多实用小工具给用户的,比如说录音机等。当我们需要录音的时候,我们可以打开电脑的录音机功能就可以使用了。不过有小伙伴不知道windows7如何给电脑录音,windows7录音机在哪。今天小编就教下大家具体的打开和使用方法。首先先打开录音机:1、点击电脑左下角开始按钮2、点击“所有程序”3、拖动滚动条,找到“附件”并点击打开附件。4、这里就能找到“录音机”,点击即可打开录音机使用...

随便推点

2021鸿蒙系统什么时候上线 鸿蒙支持哪些手机使用_暗涧幽火的博客-程序员信息网_鸿蒙os什么时候可以使用

华为宣布在2021年至少3亿台设备用鸿蒙,早在22日发布会上余承东就表示手机MateX2将首批升级鸿蒙操作系统,也预示着距离鸿蒙os上线的时间更近了一步,鸿蒙系统什么时候上线?下面带来介绍。2021鸿蒙系统什么时候上线?在华为22日晚间发布新一代折叠屏旗舰手机MateX2。华为常务董事、消费者业务CEO余承东表示,已为MateX2准备足够大产能,另外,MateX2将首批升级鸿蒙操作系统。根据华为软件部总裁王成录此前表态:“在2021年,将会有接近4亿台设备安装鸿蒙OS系统,包含了2亿台左右的第三

wm_concat()函数--------行转列,某一列值使用逗号进行隔开拼接,成为一条数据_数学教师写BUG的博客-程序员信息网

普通的查询:使用wm_concat()函数查询的结果:需要查询相同字段的不同属性值,要在同一行展示,就需使用此函数。PS:如果在查询的时候遇到不显示。那么查看下字段的类型是否一致,不一致请使用to_char()函数,若有重复,则使用distinct()函数!...

Spring Framework_学习记录_06_张今天的博客-程序员信息网

1.集合实例化DrawingApp.javapackage org.zcs.spring;import org.springframework.beans.factory.BeanFactory;import org.springframework.context.ApplicationContext;import org.springframework.context.suppo...

路由跳转重复点击报错_灬Saturday的博客-程序员信息网_重复点击路由报错

在路由切换时重复点击报错的解决方案: 这是Vue-Router4.0之后版本常见的问题,我们重复点击同一个路由会造成router延时,路由冗余,跳转过程中报错 解决办法:在点击事件结束后抛出一个catch即可 //为了使双击不报错,所以在路由切换时抛出一个err this.$router.replace(this.path).catch(err=&gt;err)...

C语言_数据类型+整型与浮点数的存储+无符号数与有符号数区别+(例分析子+讲解)_NUC_Dodamce的博客-程序员信息网_c语言无符号浮点数

文章目录数据类型一.整型在内存的存储二.浮点数在内存中的存储数据类型1,整形:(默认有符号数)在内存中存的是其对应二进制补码char(存在内存中是其ASCLL码)short(短整型)int(整形)long(长整形)2,浮点型:floatdoublelong double(不是所有编译器都支持)3,构造类型(自定义类型)数组结构体(struct)枚举(enum)联合体(union)4,指针类型void*float*short*char*5,空类型void一.整

forName().getResourceAsStream和forName().getClassLoader().getResourceAsStream方法的区别及总结(API文档分析)_这知识不进我脑袋呀的博客-程序员信息网

问题描述:在载入一个properties文件的时候,由于我的粗心写了一行易错代码 - -,InputStream is = Class.forName("utils._03DruidUtils").getResourceAsStream("druid.properties");结果直接给我报出一个空指针异常NullPointerException我仔细分析了下代码,一般空指针异常是读取文件没有读到,所以我就注意到了这一行代码InputStream is = Class.forName("ut

推荐文章

热门文章

相关标签