HTML5 DataBase

超、凢脫俗 2021-09-17 01:16 298阅读 0赞

一,web     DataBase  
    浏览器的本地储存,离开本机,数据不存在  
    使用js语法操作数据库  
    有三个最重要API  
        var database = openSatabase(name,v,des,size,callback);  
        创建或打开已有的数据库  
        参数1:数据库的名称(如果名称存在就是打开,不存在就创建);  
        参数2:数据库版本号  
        参数3:数据库描述  
        参数4:数据库字段空间大小(B)  
        参数5:回调函数  
    2)database.transaction(function(tx)\{\})  
        数据库语句实现的位置在fun中  
        fun:是一个函数  
    3)tx.executeSql(sql,arr,success,error);  
        执行SQL语句的地方  
        参数1:SQL语句  
        参数2:SQL语句中使用?替代的字段  
        参数3:执行成功的回调  
        参数4:执行失败的回调

下面是一个关于DataBase封装的js

(function(){
    	//创建或打开数据库
    	window.createDataBase = createDataBase;
    	//创建表
    	window.createTable = createTable;
    	//删除表
    	window.deleteTable = deleteTable;
    	//添加数据
    	window.addData = addData;
    	//删除数据
    	window.deleteData = deleteData;
    	//清空数据表
    	window.clearTable = clearTable;
    	//修改数据
    	window.updateData = updateData;
    	//查询所有数据
    	window.selectAll = selectAll;
    	//查询一条数据
    	window.selectOne = selectOne;
    
    	//1,创建或打开数据库
    	function createDataBase(DBname,v,des,size){
    		return openDatabase(DBname,v,des,size,function(){});
    	}
    	//2,创建表
    	function createTable(db,tabName,arr,callback){
    		db.transaction(function(tx) {
    				var sqlStr = arr.join(',');
    				tx.executeSql(
    						'create table if not exists '+tabName+' ('+sqlStr+')',
    						[],
    						function(tx,result) {
    							callback && callback(1);
    						},
    						function(tx,error) {
    							callback && callback(0);
    						}
    					);
    			});
    	}
    	//3,删除表
    	function deleteTable(db,tabName,callback){
    		db.transaction(function(tx) {
    
    				tx.executeSql(
    						'drop table '+tabName,
    						[],
    						function(tx,result) {
    							callback && callback(1);
    						},
    						function(tx,error) {
    							callback && callback(0);
    						}
    					);
    			});
    	}
    	//4,添加数据
    		function addData(db,tabName,obj,callback){
    		var keys='';
    		var vals='';
    		for(var k in obj){
    			keys += k+',';
    			if (k=='name') {
    				vals+='"'+obj[k]+'",';
    			}else{
    				vals += obj[k]+','
    			}
    			
    		}
    		keys=keys.slice(0,keys.length-1)
    		vals=vals.slice(0,vals.length-1)
    		var str='insert into '+tabName+' ('+keys+') values('+vals+')';
    			db.transaction(function(tx){
    				tx.executeSql(
    						str,
    						[],
    						function(tx,result) {
    							callback&&callback(1);
    						},
    						function(tx,error) {
    							callback&&callback(0);
    						}
    					);
    			});
    		}
    	//5,删除一条数据
    	function deleteData(db,tabName,ID,callback) {
    		db.transaction(function(tx) {
    			tx.executeSql(
    				'delete from '+tabName+' where id = ?',
    				[ID],
    				function(tx,result) {
    					callback && callback(1);
    				},
    				function(tx,error) {
    					callback && callback(0);
    				}
    			)
    		});
    	}
    	//6,删除所有数据
    	function clearTable(db,tabName,callback){
    			db.transaction(function(tx) {
    				tx.executeSql(
    						'delete from '+tabName,
    						[ID],
    						function(tx,result) {
    							callback && callback(1);
    						},
    						function(tx,error) {
    							callback && callback(0);
    						}
    					)
    			});
    	}
    	//7,更新数据
    	function updateData(db,tabName,ID,obj,callback){
    		var str = '';
    		for (var k in obj) {
    			if (k == name) {
    				str += k + ' = "' + obj[k] + '",';
    			}else{
    				str += k + ' = ' + obj[k] + ',';
    			}
    			
    		}
    		str = str.slice(0,str.length-1);
    		db.transaction(function(tx) {
    				tx.executeSql(
    						'update '+tabName+' set '+str+' where id = ?',
    						[ID],
    						function(tx,result) {
    							callback && callback(1);
    						},
    						function(tx,error) {
    							callback && callback(0);
    						}
    					)
    			});
    	}
    	//8,查询所有数据
    	function selectAll(db,tabName,callback) {
    		var obj = {};
    		db.transaction(function(tx) {
    			tx.executeSql(
    				'select * from ' + tabName,
    				[],
    				function(tx,result) {
    					obj.res = 1;
    					obj.arr = result.rows;
    					callback && callback(obj);
    				},
    				function(tx,error) {
    					obj.res = 0;
    					obj.arr = error;
    					callback && callback(obj);
    				}
    			)
    		});
    	}
    	//9,查询一条数据
    	function selectOne(db,tabName,ID,callback) {
    		var obj = {};
    		db.transaction(function(tx) {
    			tx.executeSql(
    				'select * from ' + tabName + ' where id = ?',
    				[ID],
    				function(tx,result) {
    					obj.res = 1;
    					obj.arr = result.rows;
    					callback && callback(obj);
    				},
    				function(tx,error) {
    					obj.res = 0;
    					obj.arr = error;
    					callback && callback(obj);
    				}
    			)
    		});
    	}
    })();

发表评论取消回复

表情：

评论列表（有 0 条评论，298人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5

HTML入门实例：  <!DOCTYPE html> <html lang="e

ゞ浴缸里的玫瑰/ 2022年12月06日 01:12/ 0 赞/ 182 阅读

相关 html5简介_HTML5简介

html5简介 ![htmlcss2thumb][] The following is an extract from our book, [HTML5 & CSS3 fo

左手的ㄟ右手/ 2022年12月03日 09:43/ 0 赞/ 349 阅读

相关 HTML5

HTML5 常用的语义化标签 \`\`视频标签常见属性 \`\`音频标签常见属性 \`\`表单的新增

冷不防/ 2022年11月16日 15:23/ 0 赞/ 179 阅读

相关 HTML5

HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。一、新特性拖拽释放(Drag and d

╰半夏微凉°/ 2022年07月15日 08:51/ 0 赞/ 173 阅读

相关 HTML5

此篇收录HTML5的关键知识点，也是常见的面试题 HTML5是什么 HTML5新增了哪些内容 Web Storage是什么cooki

￡神魔★判官ぃ/ 2022年07月12日 23:48/ 0 赞/ 245 阅读

相关 HTML5

HTML5 了解HTML5 HTML5 是 HTML 标记语言的一个最新版本 HTML5 制定了web应用开发的一系列标准, 成为第一个将web作为应用

小咪咪/ 2022年06月12日 06:18/ 0 赞/ 243 阅读

相关 HTML&HTML5

HTML&HTML5 学习笔记职坐标网上视频课程 ![这里写图片描述][SouthEast] ![这里写图片描述][SouthEast 1] ![这里写图片描述

梦里梦外;/ 2022年06月05日 07:46/ 0 赞/ 397 阅读

相关 HTML5本地存储之Database Storage篇

在上一篇[《HTML5本地存储之Web Storage篇》][HTML5_Web Storage]中，简单介绍了如何利用localStorage实现本地存储；实际上，除了ses

蔚落/ 2022年04月12日 07:53/ 0 赞/ 252 阅读

相关 HTML5 DataBase

一,web DataBase 浏览器的本地储存,离开本机,数据不存在使用js语法操作数据库有三个最重要API

超、凢脫俗/ 2021年09月17日 01:16/ 0 赞/ 299 阅读

相关 html 5 本地数据库（Web Sql Database）

基于HTML5的Web DataBase 可以让你在浏览器中进行数据持久地存储管理和有效查询，假设你的离线应用程序有需要规范化的存储功能本文讲述如何使用核心方法openDa

向右看齐/ 2021年09月14日 05:36/ 0 赞/ 234 阅读