Javaweb程序设计基础入门eclipse实现用户注册登录和session存储

已于 2023-11-07 10:02:41 修改
阅读量3.4k 收藏 75
点赞数 5
分类专栏： Javaweb 文章标签： eclipse java ide
于 2023-10-14 13:33:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74109036/article/details/133823861
版权

通过HTML，CSS，JavaScript和JSP实现页面的注册，登录和信息显示的三个界面的设计。

1.1注册界面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script type="text/javascript">
		function yanzheng(thisForm)
		{
			with(thisForm){
				if(username.value == "")
				{
					alert("用户账号不能为空");
					return false;
				}
				else if(password.value == ""){
					alert("用户口令不能为空");
				}
				else if(password.value.length<6||password.value.length>20)
				{
					alert("用户密码应该为6~20位");
					return false;
				}
				else if(yanzengmima.value!=yonghumjima.value)
				{
					alert("两次密码不一致");
					return false;
				}
				else{
					return true;
				}
			}
		}
	</script>
<style>
	body{
		font-weight: 1000;
		font-family: 宋体;
	}
	.tou{
		font-size:25px ;
		text-align: center;
		width: 600px;
		height: 50px;
		margin: 0 auto;
	}
	.four{
		font-size:10px ;
	}
	.biaoti{
		font-size: 20px ;
		width: 600px;
		height: 800px;
		text-align: left;
		margin: 0 auto;
		line-height: 1.8;
	}
	.jiaozhu{
		color: black;
		font-weight: 750;
		font-size: 15px;
	}
	.changdu{
		width: 40px;
		border-radius: 5px;
		box-shadow: 1px 1px 1px ;
	}
	.zhuti{
		width: 120px;
		border-radius: 5px;
		box-shadow: 1px 1px 1px black;
	}
	.a1{
	width: 6.25rem;
		margin: 0 auto;
	}
	.a2{
		border-radius: 5px;
		box-shadow: 1px 1px 1px black;
	}
	.a3{
		border-radius: 5px;
		box-shadow: 2px 2px 2px black;
	}
</style>
</head>
<body>
	<div class="tou">新用户注册页面</div>
	<div class="biaoti">
		<form action="panduanhoutan.jsp" method="post" onsubmit="return yanzheng(this)">
			用户账号：<input type="text" name="username" class="zhuti"><span class="jiaozhu">(账号不可以为空值)</span><br>
         	用户口令：<input type="password" name="password" class="zhuti"><span class="jiaozhu">(用户口令不可以为空，长度应该在8-20之间)</span><br>
		    确认口令：<input type="password" name="nextword" class="zhuti"><span class="jiaozhu">(两次口令必须要一致)</span><br>
	       	真实姓名：<input type="text" name="xingming" class="zhuti"><span class="jiaozhu">(真实姓名不可以为空)</span><br>
			<span>性别：</span><label><input type="radio" name="sex" value="男">男</label>
			<label><input type="radio" name="sex" value="女">女</label>
			<br>
			<span>教育程度：</span><select name="education" class="a3">
				<option>-请选择你的教育程度--</option>
				<option>高中</option>
				<option>大专</option>
			<option>本科</option>
				<option>硕士</option>
				<option>博士</option>
			</select><span class="four">注：该下拉列表有：高中，大专，本科，硕士，博士等选项</span>
			<br>
			个人爱好：<input type="checkbox" name="habby" value="旅游">旅游
			                <input type="checkbox" name="habby" value="音乐"> 音乐
							<input type="checkbox" name="habby" value="运动">运动
							<input type="checkbox" name="habby" value="阅读">阅读
							<input type="checkbox" name="habby" value="游戏">游戏
							<br>
			自我介绍：<textarea name="self_introduction" cole="34" row="5"></textarea><br>	
			<div class="a1"><input type="submit" value="注册" calss="a2"> <input type="reset" value="取消" class="a2"></div>
		</form>
	</div>
</body>
</html>

2.登录界面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
			body{
				font-weight: 800;
				font-family: 宋体;
			}
			.a1{
				height: 200px;
				width: 350px;
				margin-top: 0 auto;
				text-align:center;
				border: 3px solid black;
				border-radius: 50px;
				line-height: 50px;
				margin: 0 auto;
				font-size: 22px;
			}
			.a2{
				width:80px;
				box-shadow: 1px 1px 1px black;
				border-radius: 5px;
			}
			.zhuti{
				border-radius: 5px;
				box-shadow: 1px 1px 1px black;
				width: 200px;
			}
			legend{
				text-align: left;
				font-size: 25px;
			}
</style>
</head>
<body>
<fieldset class="a1">
			<legend>用户注册</legend>
		<form action="denglvjiaoyao.jsp" method="post">
					用户账号：<input type="text" name="username1" class="zhuti"><br>
	             	用户口令：<input type="password" name="password1" class="zhuti"><br>
		<input type="submit" value="登录" class="a2"> <input type="reset" value="取消" class="a2">
		</form>
		</fieldset>
	</body>

3.通过Java代码进行登录界面的校验

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
		<%
		String username1 = request.getParameter("username1");
		String password1 = request.getParameter("password1");
		if(username1.equals((String)session.getAttribute("username")) && password1.equals((String)session.getAttribute("password"))){
			%> 
			<jsp:forward page="gerenxingxi.jsp"></jsp:forward>
			<%
		}
		else{
			out.println("<script>alert('登陆失败,请检查你的账号密码是否正确');window.location.href='denglv.jsp'</script>");
		}
		%>
</body>
</html>

1.用request.getParameter()获取表单提交的数据来存储账号和密码

2.if语句来进行账号和密码的校验

4.信息显示界面HTML

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" import="java.util.* "%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
		<style>
			body{
				font-weight: 1000;
				font-family: 楷体;
			}
			.a1{
				width: 1400px;
				height: 180px;
				border-bottom:3px solid black;
				margin: 0 auto;
			}
			.a2{
				width: 300px;
				height: 720px;
				float: left;
				border-right: 3px solid black;
			}
			.a3{
				width:1400px ;
				height:900px ;
				border: 3px solid black;
				margin: 0 auto;
			}
			.a4{
				width: 1097px;
				height: 717px;
				float: right;
			}
			.a5{
				width: 300px;
				height: 70px;
				border-bottom: 2px solid black;
				line-height: 70px;
			    font-size: 25px;
				text-align: center;
			}
			.a6{
				margin: 100px 100px 100px 100px;
				width: 897px;
				height: 517px;
				text-align: left;
				font-size: 25px;
				line-height: 50px;
			}
			.a8{
				height: 140px;
				width: 1220px;
				font-size: 100px;
				line-height: 180px;
			}
			.a9{
				height: 40px;
				width: 1400px;
				font-size: 30px;
				text-align: right;
				line-height: 40px;
			}
			.a10{
				width: 300px;
				height: 645px;
				text-align: center;
				font-size: 25px;
				line-height: 60px;
			}
			img{
				height: 180px;
				width: 180px;
				float: left;
			}
			p{
				font-size: 25px;
			}
			a:focus{
				color: red;
			}
		</style>
</head>
	<body>
		<div class="a3">
		<div class="a1">
			<div class="a7">
				<img src="img/OIP-C.jpg"/>
			</div>
			<div class="a8">
				BSS论坛
			</div>
			<div class="a9">
				<%=new Date().toLocaleString() %>   
			</div>
		</div>
		<div class="a2">
			<div class="a5">
				欢迎你，<%=session.getAttribute("xingming") %>同学
			</div>
			<div class="a10">
				<a href="#">查看个人基本信息</a><br>
				<a href="denglv.jsp">注销</a>
			</div>
		</div>
		<div class="a4">
			<div class="a6">
				用户账号：<%=session.getAttribute("username") %>
				<br>
				用户口令：<%=session.getAttribute("password") %>
				<br>
				真实姓名：<%=session.getAttribute("xingming") %>
				<br>
				性   别：<%=session.getAttribute("sex")%>
				<br>
				教育程度：<%=session.getAttribute("education") %>
				<br>
				个人爱好：<%String[] habby =(String[])session.getAttribute("habby");
				for(int i=0;i<habby.length;i++){
					out.print(habby[i]+" ");
				}
				%>
				<br>
				自我介绍：<%=session.getAttribute("self_introduction") %>
			</div>
		</div>
		</div>
	</body>
</html>

通过requst.getParameter()获取表单提交的数据

通过session.setAttribute()存储数据信息；

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
String username = request.getParameter("username");
String password = request.getParameter("password");
String nextword = request.getParameter("nextword");
String xingming = request.getParameter("xingming");
String education = request.getParameter("education");
String sex = request.getParameter("sex");
String[] habby = request.getParameterValues("habby");
String self_introduction = request.getParameter("self_introduction");
session.setAttribute("username", username);
session.setAttribute("password", password);
session.setAttribute("nextword", nextword);
session.setAttribute("xingming", xingming);
session.setAttribute("education", education);
session.setAttribute("sex", sex);
session.setAttribute("habby", habby);
session.setAttribute("self_introduction", self_introduction);
response.sendRedirect("denglv.jsp");
%>
</body>
</html>

下面是效果图

1，注册

2，登录

3，信息显示界面

一些不方便信息展示，但是不影响界面展示效果

总结；关于jsp一些基础知识

Request:javax.servlet.http.HttpserVerletRequest

主要作用：来自客户端向服务端发送请求，所有的请求信息都会封装在request对象中。request的作用域就是一次请求。

request.getParameter()获取表单提交的数据

request.getParameterValues()获取表单提交的一组数据

request.getRequestDispatcher().forward(request,response)完成请求转发

request.setAtteribute(String name,String vlaue);

request.getAttribute(String name);

requset.setCharacterEncoding()完成请求编码的设置

其他都是HTML和css，JavaScript的基本知识

        

小魏要不苦cry
关注
  • 5
    点赞
  • 踩
  • 75
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
JavaWeb程序设计入门课件JavaWeb框架共25页
11-21
JavaWeb程序设计入门课件JavaWeb框架共25页.pdf.zip
基于eclipse的登录注册页面
weixin_46675635的博客
07-08 8481
目录 一.功能讲解 1.本页面设计了sqlite数据库的操作。 二.效果图 三.代码展示 1.创建activity_login.xml页面 2.LoginActivity.java 一.功能讲解 1.本页面设计了sqlite数据库的操作。 注册的时候先查询数据库中是否有这个此账号。如果有，提醒用户此账号已经存在；如果没有允许用户注册。 登录的时候先查询数据库中是否有此账号。如果没有此账号，提醒用户先注册；如果有，检查密码是否正确，如果密码不正确，提醒用户重新输入；如果正确，进入主页面
在eclipse中基于JSP的用户注册登录界面
菜鸟-传奇
05-08 1万+
1、开发工具和开发环境 开发工具：MyEclipse10，JDK1.6.0_13(32位)，Tomcat7.0（32位），mysql5.7.13 开发环境：WIN10 2、Demo_JSP实现功能 用户登录、用户注册、退出登录。 3、Demo_JSP使用技术 本实例使用了JSP、JDBC来实现用户登录、用户注册和退出登录功能。系统架构图如图一所示...
JavaWeb（第一实验）---通过Eclipse建立简单登录界面，mysql详细教程
最新发布
2401_84002271的博客
04-09 1056
这份面试题几乎包含了他在一年内遇到的所有面试题以及答案，甚至包括面试中的细节对话以及语录，可谓是细节到极致，甚至简历优化和怎么投简历更容易得到面试机会也包括在内！也包括教你怎么去获得一些大厂，比如阿里，腾讯的内推名额！某位名人说过成功是靠99%的汗水和1%的机遇得到的，而你想获得那1%的机遇你首先就得付出99%的汗水！你只有朝着你的目标一步一步坚持不懈的走下去你才能有机会获得成功！成功只会留给那些有准备的人！一个人可以走的很快，但一群人才能走的更远。
使用eclipse开发javaweb注册功能
乔治大哥的博客
08-26 4580
和登录一样道理：准备工作： 实体类User: private int id; private String username; private String password; private String sex; private int age; HTML: <!DOCTYPE html> <html> &...
JSP实现简单的用户登录并显示出用户信息的方法
01-08
本文实例讲述了JSP实现简单的用户登录并显示出用户信息的方法。分享给大家供大家参考。具体实现方法如下： login.jsp 代码如下:<%@ page language=”java” import=”java.util.*” pageEncoding=”GB18030″%>  <%  String path = request.getContextPath();  String basePath = request.getScheme()+”://”+request.getServerName()+”:”+request.getServerPort()+path+”/”;  %> 
eclipse + MySQL+struts 实现登录注册
09-13
通过注册写入数据库，通过数据库进行比对，用户注册则返回已注册重新输入。本地数据库功能，当注册完成，系统写入数据库表中，再次注册相同用户时返回已注册
JavaWeb零基础入门
03-01
本课程从零开始细致讲解JavaWeb网站开发，是JavaWeb的入门课程。需要提前有Java语言基础。
用Ecplice做一个简单的登录界面
weixin_63236032的博客
10-30 3223
注意：如需登录，需要再重新定义一个项目，实现页面跳转的功能。
eclipse-登录注册web项目-练
m0_52901132的博客
03-02 1万+
目录 1.软件环境 2.创建Dynamic Web Project项目 3.导入JDBC jar包 4. 创建 JSP 页面 5. 创建 一个 包 写 java代码 6. 新建一个 Servlet 用于登录​ 7. 修改代码中的 数据库和数据库密码​ 8.注册 页面 JSP 9. 新建一个 Servlet 用于 注册用户 10.修改 web.xml 11.数据库建库（testdb）建表(user) 12.右键项目 运行​ 13. 运行 截图 1.软件环境 ...
java web实现简单登录注册（eclipse，mysql）
LUf_y_的博客
04-26 1万+
使用eclipse 链接MySQL实现简单的登录注册
JavaWeb程序设计入门课件Session对象共9页.p
11-20
JavaWeb程序设计入门课件Session对象共9页.pdf.zip
JavaWeb实现用户登录注册功能实例代码(基于Servlet+JSP+JavaBean模式)
10-22
主要基于Servlet+JSP+JavaBean开发模式实现JavaWeb用户登录注册功能实例代码，非常实用，本文介绍的非常详细，具有参考借鉴价值，感兴趣的朋友一起看看吧
JavaWeb程序设计入门课件HttpServletRes
11-19
JavaWeb程序设计入门课件HttpServletResponse和HttpServletRequest共15页.pdf.zip
JavaWeb程序设计入门课件HttpServlet共4页
11-19
JavaWeb程序设计入门课件HttpServlet共4页.pdf.zip
JavaWeb学习----JSP简介及入门（含Eclipse for Java EE及Tomcat的配置）
weixin_33747129的博客
10-23 850
 ​【声明】  欢迎转载，但请保留文章原始出处→_→  生命壹号：http://www.cnblogs.com/smyhvae/ 文章来源：http://www.cnblogs.com/smyhvae/p/4046862.html   【前言】 JSP本身是JavaWeb中的知识，但是在学习Android网络时，必然要涉及到与服务器之间的交互，所以学一下JSP以及其他JavaWeb的内...
JavaWeb专栏之（三）：Eclipse创建JavaWeb项目
热门推荐
小Du猿的博客
02-02 23万+
JavaWeb专栏之（三）：Eclipse创建JavaWeb项目 前言： 关注：《遇见小Du说》微信公众号，分享更多Java知识，不负每一次相遇。更多内容请访问：www.dushunchang.top 在上一篇文章中，小Du猿带大家使用Idea创建JavaWeb项目，相比之下Idea作为当前非常主流的开发IDE，深受Java后端程序员使用。市面上约75%开发者使用Idea，一代开发神器Eclipse就此没落。小Du猿第一次使用的开发IDE就是Eclipse，也算是我的启蒙神器。今天就带了使
eclipse编写简单注册页面（JSP+MySQL）
weixin_47957229的博客
11-13 8227
eclipse编写简单注册页面（JSP+MySQL） 数据库页面 项目构成 register.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册</title>
【Sql Server】eclipse 连接sql server实现登录注册功能
aystl_gss的博客
11-21 305
用java对数据库进行增删，实现用书的登录和注册
javaweb实现用户登录注册 mysql
07-30
JavaWeb是基于Java语言开发的Web应用程序框架，它可以很方便地实现用户登录注册功能，并且可以利用MySQL数据库来存储用户信息。 首先，我们可以在JavaWeb中创建一个登录页面和一个注册页面。登录页面包括用户名和密码输入框，注册页面包括用户名、密码和确认密码输入框。 当用户点击登录按钮时，JavaWeb会将用户输入的用户名和密码发送到服务器端。服务器端通过MySQL数据库中的用户表，查询是否存在匹配的用户名和密码。如果匹配成功，则登录成功；否则，登录失败。 当用户点击注册按钮时，JavaWeb会将用户输入的用户名和密码发送到服务器端。服务器端需要先检查用户名是否已经存在于用户表中，如果存在，则返回错误提示；否则，在用户表中插入新的用户记录，并返回注册成功的提示信息。 在实现中，我们可以使用JavaWeb框架中的Servlet来处理用户提交的登录和注册请求。在处理登录请求时，我们可以使用JDBC来连接MySQL数据库，并使用SQL语句进行查询操作。在处理注册请求时，我们可以使用相同的JDBC连接MySQL数据库，并使用SQL语句进行插入操作。 此外，为了增加用户体验，我们可以利用JavaWeb框架提供的Session来维护用户的登录状态。在用户登录成功后，我们可以将其登录信息存储在Session中，在用户访问其他页面时进行验证，以确保用户已经登录。 通过以上步骤，我们可以很方便地实现用户登录注册功能，并利用MySQL数据库来存储用户信息。这样，用户就可以通过登录来访问需要身份认证的页面，而无需重复注册。同时，我们也可以通过MySQL数据库来管理用户信息，例如修改密码、找回密码等操作。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值