WEB相关存储方式

1.数据库存储
(1)数据可以共享(或数据结构化)
(2)数据独立性
(3)数据冗余大，易移植
(4)统一管理和控制

create table users(
u_id int( 10) unique not null auto_increment primary key,
u_name varchar( 20 ) unique not null,
u_email varchar( 30 ) unique not null,
u_pwd varchar (20) not null,
u_call char( 11) unique not null
)charset=utf8;

2.sessionStorage和localStorage

sessionStorage是用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。

localStorage是用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。

判断浏览器是否支持localStorage可以使用下面的代码：
if(window.localStorage){
　　alert("浏览支持localStorage") ;
}
else{
　　alert("浏览暂不支持localStorage") ;
}

localStorage和sessionStorage的基本操作：

setItem存储value
用途：将value存储到key字段
用法：.setItem( key, value)
代码示例：
sessionStorage.setItem("key", "value");
localStorage.setItem("site", "javasctipit");

getItem获取value
用途：获取指定key本地存储的值
用法：.getItem(key)
代码示例：
var value = sessionStorage.getItem("key");
var site = localStorage.getItem("site");

removeItem删除key
用途：删除指定key本地存储的值
用法：.removeItem(key)
代码示例：
sessionStorage.removeItem("key");
localStorage.removeItem("site");

clear清除所有的key/value
用途：清除所有的key/value
用法：.clear()
代码示例：
sessionStorage.clear();
localStorage.clear();

定时清除localStorage：
function fun(){
var data=new Date();
if(data.getMinutes()>=36){
　　　　localStorage.clear();
　　}
}

localStorage和sessionStorage点其他操作方法：.点操作和[]
var storage = window.localStorage;
storage.key1 = "hello";
storage["key2"] = "world";
console.log(storage.key1);
console.log(storage["key2"]);

显示localStorage的数据(key的用法)
var storage = window.localStorage;
for (var i=0;i < storage.length; i++){
　　var key = storage.key(i);
　　var value = storage.getItem(key);
　　console.log(key + ":" + value);
};

3.cookie
写入cookie；
function SetCookie(name,value)//两个参数，一个是cookie的名子，一个是值
{
　　var date = new Date();
　　date.setDate(date.getDate()+30);//设置此cookie保存30天
　　document.cookie = name + "="+ escape (value) + ";expires=" + date.toUTCString();
}
读取cookie的值
function getCookie(name)//取cookies函数
{
　　var ary = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
　　if(ary != null) return unescape(ary[2]); return null;
}
删除cookie
function delCookie(name)//删除cookie函数
{
　　var date = new Date();
　　date.setTime(date.getTime() - 1);
　　var val=getCookie(name);
　　if(val!=null) document.cookie= name + "="+val+";expires="+date.toUTCString();
}

4.websql;
var db;
function createDB(){
//创建或连接数据库
　　db = openDatabase("f15","","测试数据库",1024*1024,function(){
　　　　if(db){
　　　　　　console.log("创建或连接成功");
　　　　}else{
　　　　　　console.log("创建或连接失败");
　　　　}
　　});
}
function dropDB(){
//删除数据库
　　　　db.transaction(function(fx){
　　　　fx.executeSql("drop database f15",[],function(){
　　　　　　alert("删除数据库成功");
　　　　},function(fx,error){
　　　　　　console.log(error);
　　　　　　alert("删除失败："+error);
　　　　});
　　});
}
function createTable(){
//创建表
　　db.transaction(function(fx){
　　　　fx.executeSql("create table t_student(s_id integer primary key autoincrement,s_name varchar(20))",[],function(){
　　　　　　alert("建表成功");
　　　　},function(fx,error){
　　　　　　console.log(error);
　　　　　　alert("建表失败："+error);
　　　　});
　　});
}
function dropTable(){
//删除表
　　db.transaction(function(fx){
　　　　fx.executeSql("drop table t_student",[],function(){
　　　　　　alert("删除成功");
　　　　},function(fx,error){
　　　　　　console.log(error);
　　　　　　alert("删除失败："+error);
　　　　});
　　});
}
function add(){
　　//增加数据
　　db.transaction(function(fx){
　　　　fx.executeSql("insert into t_student(s_name) values(?)",["阿三"],function(){
　　　　　　alert("增加成功");
　　　　},function(fx,error){
　　　　　　console.log(error);
　　　　　　alert("增加失败："+error);
　　　　});
　　});
}
function search(){
//查询数据
　　db.transaction(function(fx){
　　　　fx.executeSql("select * from t_student",[],function(fx,result){
　　　　　　// alert(result.rows.length);
　　　　　　for(var i = 0;i < result.rows.length;i++){
　　　　　　　　alert(result.rows.item(i).s_id + " "+result.rows.item(i).s_name);
　　　　　　}
　　　　},function(fx,error){
　　　　　　console.log(error);
　　　　　　alert("增加失败："+error);
　　　　});
　　});
}
function deleteDate(id){
//删除数据
　　　　db.transaction(function(fx){
　　　　　　fx.executeSql("delete from t_student where s_id=? ",[id],function(){

　　　　},function(fx,error){
　　　　　　console.log(error);
　　　　　　alert("删除失败："+error);
　　　　});
　　});
}
function amendDate(name,id){
//修改数据
　　　　db.transaction(function(fx){
　　　　　　fx.executeSql("update t_student set s_name=? where s_id=? ",[name,id],function(){

　　　　},function(fx,error){
　　　　　　console.log(error);
　　　　　　alert("修改失败："+error);
　　　　});
　　});
}