Almacenamiento de proyectos web y aplicación

1. Almacenamiento de proyectos web

Almacenamiento requerido en el proyecto web:

Almacenamiento del servidor:
　　base de datos:
　　tecnología de la sesión de datos básicos del proyecto de almacenamiento: almacenamiento de información actual del usuario

Almacenamiento del cliente: almacenamiento de
　　cookies: el tamaño está limitado a 4kb. Previa solicitud, el servidor devuelve un ID de cookie almacenado en la memoria caché del navegador, que ocupa banda ancha. El navegador general
　　IE6 limita 20 cookies por nombre de dominio.
　　UserData es una característica especial de IE 59. Hay menos personas y el almacenamiento local flash más utilizado es 25 veces el espacio de las cookies.
　　Google Gears se elimina : no hay límite para el tamaño de almacenamiento, pero se deben instalar complementos adicionales.
　　Tecnología IndexedDB: el cliente almacena objetos directamente. Actualmente No es el estándar de HTML, y no hay límite para el tamaño de la
　　tecnología HTML5 Webstroage: fácil de usar, el tamaño no puede exceder los 8mb

Sesión web: el navegador del cliente comienza a conectarse a un determinado servidor web, una serie de procesos de respuesta, hasta que el cliente cierra el navegador, la sesión finaliza

El método de almacenamiento requerido en el proyecto web: almacenamiento en forma de clave-valor, par KV, par clave-valor

sessionStroage el almacenamiento de datos a nivel de sesión solo desaparecerá en la sesión actual, cierre el navegador y los datos desaparecerán
　　SessionStroage.length Ver el número de datos almacenados actualmente
　　SessionStroage ['key'] = 'value' Almacenar datos
　　var a = SessionStroage ['key' ] Leer un
　　fragmento de datos SessionStroage.getItem ('clave') Leer un
　　fragmento de datos SessionStroage.setItem ('clave', 'valor') Almacenar un
　　fragmento de datos SessionStroage.removeItem ('clave') Eliminar los datos especificados
　　SessionStroage.clear () Eliminar todo Datos

localStorage Los datos de cierre del navegador de almacenamiento de sesión cruzada todavía existen
　　localStorage.length Ver el número de datos almacenados actualmente
　　localStorage ['key'] = 'value' Almacenar datos
　　var a = localStorage ['key'] Leer un dato
　　localStorage. getItem ('clave') lee un dato
　　localStorage.setItem ('clave', 'valor') almacena un dato
　　localStorage.removeItem ('clave') elimina los datos especificados
　　localStorage.clear () elimina todos los datos

Segundo, el tablero de mensajes de la aplicación de almacenamiento.

	<body>
		<div>
			<textarea id="texta" cols="30" rows="10"></textarea>
		</div>
		<div>
			<input type="button" value="发表" onclick="fun()" />
			<input type="button" value="清除" onclick="fun1()" />
		</div>
		<div id="dcon"></div>
		<script>
			if(localStorage.getItem("k_con")!=null){
				document.getElementById("dcon").innerHTML = localStorage.getItem("k_con");
			}
			function fun(){
				var texta = document.getElementById("texta").value;
				var dcon = document.getElementById("dcon");
				dcon.innerHTML += `<div>${texta}</div>`;
				document.getElementById("texta").value = '';
				localStorage.setItem("k_con",dcon.innerHTML)
			}
			function fun1(){
				localStorage.clear()
				document.getElementById("dcon").innerHTML = ''
			}
		</script>
	</body>

3. Almacenamiento de información de inicio de sesión de la aplicación de almacenamiento

	/* login.html 页面 */
    <body>
        <script>
			//如果用户已存在，则无需看到此页面
			var n = sessionStorage['LoginName'];
			if(n){
				location.href = "02index.html";
			}
		</script>
		
		<h3>用户登录</h3>
		用户名：<input type="text" id="uname" />
		密码：<input type="password" id="upwd" />
		<input type="submit" id="btnsubmit" value="提交" />
		
		<script>
			var btnsubmit = document.getElementById("btnsubmit");
			btnsubmit.onclick = function(){
				alert("登录成功");
				var uname = document.getElementById("uname").value;
				sessionStorage['LoginName'] = uname;
				setTimeout(function(){
					location.href = "02index.html";
				},3000)
			}
		</script>
	</body>
	
	/* login.html 页面 */
	<body>
		<h3>退出登录</h3>
		<p>退出登录成功！3秒钟之后返回首页。。。</p>
		<script>
		//清除用户信息
			sessionStorage.removeItem('LoginName');
			setTimeout(function(){
				location.href ="02index.html";
			},3000)
		</script>
	</body>

codingScript

Publicado 40 artículos originales · elogiado 31 · visitas 2781

carta privada preocupaciones

Almacenamiento de proyectos web y aplicación

1. Almacenamiento de proyectos web

Almacenamiento requerido en el proyecto web:

El método de almacenamiento requerido en el proyecto web: almacenamiento en forma de clave-valor, par KV, par clave-valor

Segundo, el tablero de mensajes de la aplicación de almacenamiento.

3. Almacenamiento de información de inicio de sesión de la aplicación de almacenamiento

Supongo que te gusta