`
chenfeng_lian
  • 浏览: 10394 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

html5 本地数据库的sql操作

 
阅读更多
 //********************************
	//****Html5 管理本地数据库脚本****
	//********************************
	var LOCAL = window.LOCAL || {}, win = window;

	LOCAL.LocalDB = function(options){
		this.opts = $.extend({}, LOCAL.defaults, options);
		console.log(this.opts);
	}
	LOCAL.LocalDB.prototype = {
		//打开数据库
		openDB: function() {
			var self = this, options = self.opts;
			try{
				if(!options.dbObj) {
					options.dbObj = win.openDatabase(options.dbName, options.dbVersion,
												options.dbDescription, options.dbMaxSize);
					console.log(options.dbName + '数据库创建成功...');
				}
			}catch(e){
				console.log("打开数据库出现未知错误: " + e);
            	options.dbObj = null;
			};
		},
		//连接数据库
		getDBConn: function() {
			this.openDB();
		},
		//默认执行sql方式
		executeSqlDefault: function(sqlStr, params, successHandler, errorHandler) {
			var self = this, options = self.opts;
			this.getDBConn();
			options.dbObj.transaction(function(tx){
				tx.executeSql(sqlStr, params, successHandler, errorHandler);
			}, null, null);

		},
		//自定义sql函数执行
		executeSqlTrans: function(fun, successHandler, errorHandler) {
			var self = this, options = self.opts;
			this.getDBConn();
			options.dbObj.transaction(fun, successHandler, errorHandler);
		},
		//修改数据库版本信息
		changeDBVersion: function(newVersion) {
			var self = this, options = self.opts;
			this.getDBConn();
			options.dbObj.changeVersion(options.dbVersion, newVersion, null, errorFun, null);
		},
		//判断某表是否存在:表名、存在回调函数、不存在回调函数
		isExitTable: function(tableName, exitFun, notExitFun) {
			var self = this, options = self.opts,
				sql = "select * from sqlite_master where type='table' and name = ?";
			this.getDBConn();
			options.dbObj.transaction(function(tx) {
				tx.executeSql(sql, [tableName], function(transaction, result) {
					if (result.rows.length > 0 && exitFun) {
	                    exitFun.call();
	                } else if (result.rows.length <= 0 && notExitFun) {
	                    notExitFun.call();
	                }
				}, null);
			});
		},
		 //删除表数据:表名,删除成功回调函数
		 delTableData: function(tableName, callBackFun) {
		 	var self = this, options = self.opts,
		 		sql = 'delete form ?'
			this.getDBConn();
			options.dbObj.transaction(function(tx) {
				tx.executeSql(sql, [tableName], callBackFun, null);
			});
		 },
		 //删除表,删除成功回调函数
		 dropTable: function(tableName, callBackFun) {
		 	var self = this, options = self.opts,
		 		sql = 'drop table ?'
			this.getDBConn();
			options.dbObj.transaction(function(tx) {
				tx.executeSql(sql, [tableName], callBackFun, null);
			});
		 }
	};
	LOCAL.defaults = {
		dbName: 'book',//数据库名
		dbVersion: '1.0',//版本信息
		dbDescription: 'just test',//描述
		dbMaxSize: 1024*1024*1024,//最大值
		dbObj: null
	}

 基于jquery

分享到:
评论

相关推荐

    HTML5 本地数据库操作

    接下来我们将深入探讨HTML5的本地数据库操作及其相关知识点。 1. Web Storage:HTML5的本地存储主要由两部分组成,即`localStorage`和`sessionStorage`。`localStorage`用于持久化存储,数据在浏览器关闭后依然保留...

    html5本地存储web sql数据库操作增删查找实例

    HTML5的本地存储是Web应用程序离线运行的关键技术之一,其中Web SQL数据库是早期实现本地存储的方式之一。本文将深入探讨HTML5中的Web SQL数据库,包括它的创建、表格操作以及数据的增删查改。 首先,Web SQL数据库...

    HTML5本地存储——Web SQL Database

    Web SQL Database是HTML5早期的本地存储解决方案之一,允许Web应用程序在用户的浏览器中存储大量结构化数据,类似于关系型数据库。这个通信录示例就是对Web SQL Database用法的一个直观展示。 首先,我们来看如何...

    html5使用本地sqlite数据库

    在HTML5中使用SQLite数据库,你需要通过JavaScript来操作。以下是一些关键的步骤和概念: 1. **创建数据库**:使用`window.openDatabase()`方法创建一个新的SQLite数据库。你需要提供数据库的名称、版本、描述和...

    HTML5-本地数据库.rar

    为了操作HTML5的本地数据库,开发者通常需要编写JavaScript代码,使用API提供的方法创建、读取、更新和删除数据。例如,可以使用`openDatabase()`创建一个新的数据库,然后使用`transaction()`执行事务,`object...

    利用html5本地数据库,实现自定义背景图片。

    在本案例中,“利用html5本地数据库,实现自定义背景图片”这一主题,将深入探讨如何利用HTML5的Web SQL(SQLite)数据库来存储用户选择的背景图片,以实现个性化的网页背景设置。 首先,我们需要了解HTML5的Web ...

    HTML5本地数据库基础操作详解

    HTML5本地数据库是一种在用户浏览器中存储数据的机制,它允许网页应用在离线状态下也能访问数据,极大地提升了用户体验。这种技术主要通过Web SQL Database API实现,虽然在最新的Web标准中已被Web Storage(包括...

    html连接access数据库的小例子

    在这个小例子中,我们将探讨如何使用JavaScript在静态HTML页面上连接并操作Access数据库。 首先,为了在HTML中使用JavaScript与Access数据库交互,我们需要一个服务器端的技术来作为桥梁,因为JavaScript本身无法...

    html5数据库运用.rar

    HTML5的数据库运用不仅限于IndexedDB,还有Web SQL Database,尽管现在已被废弃,但在一些老版本的浏览器中仍被使用。IndexedDB的优势在于其非关系型数据模型,适合大数据量和复杂查询,而Web SQL Database则基于SQL...

    Web SQL数据库概述.pptx

    Web SQL数据库是HTML5中的一种客户端数据库解决方案,使用SQL语言来操作客户端数据库的API。它的出现是为了解决HTML5本地存储的局限性,例如localStorage和sessionStorage只能存储少量数据结构,而无法处理大量结构...

    微信小程序与本地数据库的进行基础数据交互的案例资源

    在微信小程序开发中,与本地数据库进行数据交互是常见的需求,尤其在实现用户信息存储、商品管理、订单处理等功能时。本案例资源提供了一个全面的示例,涵盖了从后端Java服务到微信小程序前端,再到数据库操作的完整...

    HTML5操作WebSQL数据库的实例代码

    HTML5中的WebSQL是一种在客户端浏览器中使用的数据库存储机制,它允许开发者在浏览器中进行SQL数据库的查询和操作,类似本地数据库的操作方式。下面将详细介绍WebSQL数据库的知识点。 首先,WebSQL并不是HTML5的一...

    android与html5的交互——数据库操作,UI操作,以及html5的localStorage、定位功能

    本篇将深入探讨Android与HTML5之间的交互,主要关注数据库操作、UI操作、HTML5的localStorage以及定位功能。 1. **数据库操作**: HTML5引入了Web SQL Database和IndexedDB作为离线存储解决方案,允许在浏览器端...

    Sql数据库的Web管理系统源码

    描述中提到的“可以实现WEB浏览方式管理SQLserver”,意味着用户无需在本地安装专门的数据库管理工具,如SQL Server Management Studio (SSMS),而是通过浏览器即可完成对数据库的常规操作,如创建和修改表、执行...

    actionscipt访问本地数据库例子

    在标题“ActionScript访问本地数据库例子”中,我们聚焦的是如何使用ActionScript与本地数据库进行交互,而描述进一步指出这个例子是基于Google Gears的。Google Gears是一个已经停止更新的开源插件,它提供了离线...

    学生学籍管理系统(连接本地数据库使用)包含工程文件

    本地数据库是指安装在用户计算机上的数据库管理系统,如MySQL、SQL Server或Oracle等,它们负责存储和管理数据,为应用程序提供数据服务。在这个系统中,数据库已经预先配置好,用户无需额外设置,可以直接使用。 ...

    java实现本地读取图片存储到数据库中并在html网页显示

    在本文中,我们将深入探讨如何使用Java实现在本地读取图片并将其存储到数据库中,之后再通过HTML页面显示这些图片。这个过程涉及到的主要技术包括Java编程、数据库操作(特别是MySQL)以及前后端交互。 首先,我们...

Global site tag (gtag.js) - Google Analytics