cookie案例 注册登录

最新推荐文章于 2023-03-20 11:34:41 发布
最新推荐文章于 2023-03-20 11:34:41 发布
阅读量713 收藏 2
点赞数
分类专栏： 案例
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38068491/article/details/83270442
版权

register.html

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div {
				width: 300px;
				padding: 20px;
				border: 1px solid black;
				border-radius: 10px;
				margin: 50px auto;
			}
		</style>
	</head>

	<body>
		<div id="box">
			用户名：<input type="text" id="userName" value="" /><br /><br /> 密&emsp;码：
			<input type="password" id="pwd" value="" /><br /><br />
			<input style="width: 80px;border-radius: 5px; font-size: 18px;" type="button" id="register" value="注册" />
		</div>
	</body>

</html>
<script type="text/javascript" src="public.js">
</script>
<script type="text/javascript">
	$id("register").onclick = function() {
		var unameVal = $id("userName").value;
		var pwdVal = $id("pwd").value;
		var arr = [{
			"userName": unameVal,
			"pwd": pwdVal
		}]
		var jsonStr = JSON.stringify(arr);
		if (document.cookie) {
			var flag = false;
			var cookieArr = document.cookie.split("; ");
			for (var i = 0; i < cookieArr.length; i++) {
				var uname = cookieArr[i].split("=")[0];
				if (uname == "user") {
					var userName = cookieArr[i].split("=")[1];
					flag = true;
					break;
				}
			}
			if (flag) {
				var flage = false;
				var JSONstr = JSON.parse(userName);
				for (var i = 0; i < JSONstr.length; i++) {
					if (JSONstr[i].userName == unameVal){
					flage = true;
				}
			}
			if (flage) {
				alert("你注册的用户名已存在，重新输入用户名");
			} else {
				var userInfoJson = JSON.parse(userName);
				var obj = {
					"userName": unameVal,
					"pwd": pwdVal
				}
				userInfoJson.push(obj);
				var userInfostr = JSON.stringify(userInfoJson);
				document.cookie = "user=" + userInfostr;
				alert("注册成功");
				window.location.href = "login.html";
			}
		} else {
			document.cookie = "user=" + jsonStr;
			alert("注册成功");
			window.location.href = "login.html";
		}
	} else {
		document.cookie = "user=" + jsonStr;
		alert("注册成功");
		window.location.href = "login.html";
	}
	}
</script>

login.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			div{
				width: 300px;
				padding: 20px;
				border: 1px solid black;
				border-radius: 10px;
				margin: 50px auto;
			}
		</style>
	</head>
	<body>
		<div id="box">
			用户名：<input type="text" id="userName" value="" /><br /><br />
			密&emsp;码：<input type="password" id="pwd" value="" /><br /><br />
			<input style="width: 80px;border-radius: 5px; font-size: 18px;" type="button" id="login" value="登录" />
		</div>
	</body>
</html>
<script src="public.js"></script>
<script type="text/javascript">
	
	//点击登录按钮
	$id("login").onclick=function(){
		var userunmae=$id("userName").value;
		var usepwd=$id("pwd").value;
		var userInfo=getCookie("user");
		var userInfoArr=JSON.parse(userInfo);
		var flag=false;
		for(var i=0;i<userInfoArr.length;i++){
			if(userInfoArr[i].userName==userunmae){
				flag=true;
				break;
			}
		}
		if(flag){
			alert("登入成功");
			location.href="success.html?userName="+userunmae;
		}else{
			alert("登入失败");
		}
		
	}
</script>

success.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h1>欢迎来到<span id="userName">xx</span>的世界</h1>
	</body>
</html>
<script type="text/javascript">
	var userName=document.getElementById("userName");
	userName.innerHTML=location.href.split("=")[1];
</script>

 

qq_38068491
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
11_JavaWeb——Cookie&Session案例资源
05-01
此资源是我的博客11_JavaWeb——Cookie&Session中的案例资源，关于比较难以编写的工具类我已在博客中给出，下载此资源后可直接运行，实现登录注册功能。其中登录功能能够记住用户使得下次登录不需要重复输入用户名和密码，注册功能实现了图片验证码验证注册，防止了恶意注册。希望有所帮助
cookie记住账号密码
08-09
NULL 博文链接：https://zhaoyi105.iteye.com/blog/2188775
Cookie的注册登录
qq_42785997的博客
08-02 1万+
先写一个要跳转的index.jsp &lt;%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8"%&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.or
cookie、session、登录注册（记住密码）
n20164206199的博客
01-10 6569
页面内容： 登录注册（记住密码）https://blog.csdn.net/n20164206199/article/details/86218384 搜索关键字点击显示到搜索框，搜索跳转页面https://blog.csdn.net/n20164206199/article/details/86219679 发布二货跳转到添加界面 首页图片内容、分页的获取与显示  ： https:...
会话技术（Cookie的使用、Session的使用、用户登录注册功能）
Java和网络安全学习交流
01-04 2809
对于会话跟踪这四个词，我们需要拆开来进行解释，首先要理解什么是会话，然后再去理解什么是会话跟踪:会话:用户打开浏览器，访问web服务器的资源，会话建立，直到有一方断开连接，会话结束。在一次会话中可以包含多次请求和响应。从浏览器发出请求到服务端响应数据给前端之后，一次会话(在浏览器和服务器之间)就被建立了会话被建立后，如果浏览器或服务端都没有被关闭，则会话就会持续建立着浏览器和服务器就可以继续使用该会话进行请求发送和响应，上述的整个过程就被称之为会话。
利用Cookie和Session完成用户登录注册案例
coderge's CSDN Blog.
03-20 6455
对于会话跟踪这四个词，我们需要拆开来进行解释，首先要理解什么是会话，然后再去理解什么是会话跟踪会话:用户打开浏览器，访问web服务器的资源，会话建立，直到有一方断开连接，会话结束。在一次会话中可以包含多次请求和响应。从浏览器发出请求到服务端响应数据给前端之后，一次会话(在浏览器和服务器之间)就被建立了会话被建立后，如果浏览器或服务端都没有被关闭，则会话就会持续建立着浏览器和服务器就可以继续使用该会话进行请求发送和响应，上述的整个过程就被称之为会话。
简单操作 Cookie 注册登录
热门推荐
yueloveme的博客
08-21 2万+
给大家推荐个靠谱的公众号程序员探索之路，大家一起加油 ​ 注意  ：现在 一般来说浏览器都会禁止访问Cookie 建议在IE浏览器上操作 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Main.html&lt;/title&gt; &lt;meta http-equiv="keywords" ..
cookie与登录注册
fengfangyuan的博客
10-30 1万+
cookie cookie是什么？ cookie是浏览器访问服务器后，服务器会返给浏览器的一段数据。浏览器会保存这段数据。当浏览器再次访问服务器时，浏览器会自动带上这段cookie。 cookie有有效期吗？ 有。默认20分钟，但是后端可以设置。设置方法可以看mdn相关知识。 cookie怎么作假？ 浏览器f12有cookie，手动作假。但是服务器可以设置js不能修改cookie。 登录注册 ...
JavaWeb小案例：使用cookie完成用户信息的注册、登录和注销
weixin_61930152的博客
04-20 8249
今天和大家分享一个小案例，也是我的课程作业，就是使用Cookie存储的方式，来完成用户登录界面功能的一个实现。 首先我们要知道，cookie实际上是客户端浏览器的一种存储方式，他是依赖于客户端浏览器的存储文本，也就是说我们可以用它把数据存在浏览器中来保证我们项目对数据的引用，但是它并不是很安全，不过我们这也只是作业，目的是为了让我们更熟练的掌握罢了，话不多说，开始我们项目的搭建： 这个项目分为两个大的部分：Servlet部分和jsp部分，我们分别来说： Servlet部分： 首先是要实现三个..
登录注册与Cookie
阿嚏乱码的地方
07-15 1万+
很多时候，我们登录一个网站的第一步是注册用户，然后登录。 这个高频次的操作前端与后端是如何交互完成登录成功页面跳转的呢？ 今天我们来聊一聊登录注册的那些事。 登录注册的流程，如上图 第一步：用户在注册页面将自己的账号密码邮箱等等信息传给服务器。 第二步 ：服务器拿到用户的信息后与数据库进行比较，是否重复，若无重复则将此用户信息加入数据库并返回200状态码到客户端。 第三步：客户端收...
vue登录注册实例详解
12-10
3.安装axios、js-cookie、element-ui、stylus等等常用插件 步骤二 1.在main.js中引入router、element-ui等 import Vue from 'vue' import store from './store' //可以先忽略 import App from './App' import ...
12_JavaWeb——Filter&Listener案例资源
05-02
此资源与我的博客12_JavaWeb——Filter&Listener中的案例对应，在11_JavaWeb——Cookie&Session案例资源基础上加上了过滤器，实现了对未登录用户的拦截，希望有所帮助。
javaweb中Cookie对用户密码保存的例子
09-29
javaweb中Cookie对用户密码保存的例子，当我们在购物网站浏览的时候，下次访问的时候就会出现我们访问过的记录，这个例子就是以Cookie为原理写的JavaWeb代码例子.
组件技术-设计- 简单的登录注册案例+留言板实现+txt文本存储实现成语接龙（包含两周内免登陆）
12-20
组件技术设计 jsp+servlet+bean+MySQL 简单的登录注册案例+留言板实现+txt文本存储实现成语接龙（包含两周内免登陆） 本项目利用Java中的DAO类（data access object）来访问数据库。用过滤器实现session的检查以此...
基于matlab实现的空间调制通信过程，包含信号调制、天线选择等发送过程，以及采用最大似然估计的检测过程 .rar
最新发布
05-02
基于matlab实现的空间调制通信过程，包含信号调制、天线选择等发送过程，以及采用最大似然估计的检测过程。.rar
基于matlab的关于生猪养殖场经营管理的研究.docx
05-02
本文档是课题研究的研究报告内含调研以及源码设计以及结果分析
网络作为特征提取器-python源码.zip
05-02
网络作为特征提取器-python源码.zip
JavaScript-javaweb项目
05-02
JavaScript-javaweb项目
node-v12.11.0-linux-arm64.tar.xz
05-02
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
cookie和session登录案例
03-16
一个常见的cookie和session登录案例是：用户在网站上输入用户名和密码，网站验证用户信息是否正确，如果正确则创建一个session，并将session ID 存储在一个cookie中发送给用户浏览器。用户在后续的访问中，浏览器会自动将cookie中的session ID发送给网站，网站根据session ID找到对应的session，从而识别用户身份，实现登录状态的保持。如果用户退出登录，则网站会销毁对应的session，同时删除浏览器中的cookie。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值