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

HTML5 Web 数据库的使用

 
阅读更多

针对HTML5 Web数据库的封装如下:

  备注来自网络:

//自定义的数据库操作类   
var Cls_websql = function(db_name,config){   
       
        //初始化变量   
        var cf= config?config:{},   
        cfg = {   
            version: cf.version?cf.version:'1.0',desc: cf.desc?cf.desc:'数据库'+db_name,size: cf.size?cf.size:10*1024   
        },   
    
        log= function(msg, cat, src){   
            if (window['console'] !== undefined && console.log) {   
                console[cat && console[cat] ? cat : 'log'](msg);   
            }   
        },   
    
           
       //还不成熟,sql中不能包含"?",例"select user where title like 'tb?'"   
        formatSql= function(sql,data){   
            var count=0;   
            return sql.replace(/(\?)/g, function(a,b){   
                return data[count++];   
            });   
        },   
    
           
       //初始化数据库   
        db= function(){   
            if(window['openDatabase'] !== undefined){   
                log("数据库连接成功");   
                return openDatabase(db_name, cfg.version , cfg.desc , cfg.size);   
            }else{   
                log("数据库连接失败");   
                return null;   
            }   
        }();   
    
     this.db= db;   
       
   //执行sql操作   
    this.execSql= function(sql,data,success,failure){   
        if(!db){   
            log("请先初始化数据库和表。");   
            return;   
        }   
        if(!data){   
            data= [];   
        }   
        if (success === undefined){   
            success = function(tx, results){   
                log("操作成功:"+formatSql(sql,data));   
            }   
        }   
        var errfun= toString.call(failure) === '[object Function]'?   
                    function(tx, err){   
                        failure.call(this,tx,err,formatSql(sql,data));   
                    } :   
                    function(tx, err){   
                        log("操作失败! msg:"+err.message+" sql:"+formatSql(sql,data));   
                    };   
        //真正执行sql的地方
        db.transaction(function(tx){   
            try{   
                tx.executeSql(sql,data,success,errfun)   
            }catch(e){   
                log("数据库执行失败:"+e.message);   
            }   
        });   
    };   
    
};   

 

使用如下:

<!DOCTYPE html>
<html>
<head>
<title>测试 WebSQL Database</title>
<meta charset="utf-8" />
</head>
<body onload="init()">
<h1>Web SQL Database</h1>
<div id="info"></div>
<div id="result"></div>
<button onclick="javascript:query();" value="查询"></button>
</body>
<script src="../js/WebSQLDatabase.js"></script>
<script>
    function init() {
        var websql = new Cls_websql("stationList", {});
        websql.execSql('CREATE TABLE IF NOT EXISTS SETS (key unique, value)');
    }
    function query() {
        var websql = new Cls_websql("stationList", {});
        websql.execSql("select * from sets ", [], function() {
            alert('success');
        }, function() {
            alert('failure');
        })
    }
</script>
</html>

 

分享到:
评论

相关推荐

    Html5数据库Web SQL

    Html5数据库Web SQL

    web数据库技术课件

    5. **数据库连接与查询**:学习Web数据库技术时,会接触到如何使用PHP建立数据库连接,执行SQL查询(如SELECT、INSERT、UPDATE、DELETE)以及处理查询结果。 6. **数据安全**:包括SQL注入防护、用户输入验证和密码...

    Web数据库基础教程

    在互联网世界中,Web数据库是实现动态网页和交互式应用的核心技术之一。本教程将带你深入理解Web数据库的基础,包括其工作原理、重要概念以及如何通过ASP(Active Server Pages)和CSS(Cascading Style Sheets)...

    Web数据库技术实用教程

    《Web数据库技术实用教程》是一本深入探讨如何在Web环境下集成和管理数据库的教材。它主要面向希望了解和掌握Web数据库应用开发的初学者和专业人士。Web数据库技术是现代互联网应用的重要组成部分,它使得用户可以...

    HTML基于Web的数据库加密与密文检索系统源码.zip

    HTML基于Web的数据库加密与密文检索系统源码HTML基于Web的数据库加密与密文检索系统源码HTML基于Web的数据库加密与密文检索系统源码HTML基于Web的数据库加密与密文检索系统源码HTML基于Web的数据库加密与密文检索...

    Web版的数据库管理工具

    5. **Web应用架构**:此类工具通常采用MVC(Model-View-Controller)架构,其中Model代表数据模型,View负责展示,Controller处理用户交互。Java后端作为Controller和Model,Angular前端作为View,两者通过RESTful ...

    Web数据库开发实例

    它包含了ASP.NET、HTML、CSS和JavaScript编辑器,以及调试工具,便于构建Web数据库应用。 4. **.NET Framework 2.0**:这是一个用于开发和运行应用程序的平台,提供了许多服务,如内存管理、类型安全、异常处理等。...

    (C#)Web数据库项目开发源码

    "(C#)Web数据库项目开发源码"这个标题表明这是一个使用C#编程语言开发的Web应用程序,其核心功能是与数据库进行交互。C#是一种广泛用于构建Windows桌面应用、Web应用以及游戏开发的面向对象的语言,尤其在微软的...

    利用ASP实现Web数据库的访问

    ### 利用ASP实现Web数据库的访问 #### ASP基本概念及运行机制 ASP(Active Server Pages)是由微软公司推出的一种服务器端脚本环境,它允许开发者轻松地将HTML网页、脚本语言(如VBScript或JScript)以及ActiveX...

    web数据库课程设计Access

    在“Web数据库课程设计Access”这个主题中,我们主要探讨的是如何使用Microsoft Access来构建和管理Web应用程序中的数据库。Access是一款强大的数据库管理系统,它能够帮助我们设计、存储和管理大量数据,尤其适用于...

    jsp web 数据库课件 ppt

    常见的Web数据库架构包括B/S(Browser/Server)模式,其中浏览器作为客户端,服务器端运行数据库管理系统。Web数据库常用于电子商务、在线教育、内容管理系统等场景。 【基础知识点】 1. **HTML/CSS/JavaScript**: ...

    Web数据库课程开发设计

    在Web数据库课程中,学生应掌握如何使用这些技术来构建用户友好的界面,以便与数据库进行交互。 其次,数据库管理系统(DBMS)的选择和使用至关重要。常见的有MySQL、Oracle、SQL Server和MongoDB等。它们提供了SQL...

    C#web 连接数据库

    标签"c#web数据库"表明了这个项目的核心技术,即使用C#语言来处理Web应用与数据库的交互。这包括创建数据库连接、执行SQL语句(如SELECT、INSERT、UPDATE、DELETE等)、处理结果集以及关闭连接等步骤。ADO.NET是.NET...

    PHP 4.0与架构Web数据库

    Web数据库架构通常涉及以下组件: 1. **客户端**:用户通过Web浏览器访问Web应用,提交请求到服务器。 2. **Web服务器**:接收并处理来自客户端的HTTP请求,将PHP脚本解析并执行。 3. **PHP**:作为服务器端脚本...

    web数据库应用小例子

    【标题】"Web数据库应用小例子"展示了如何在Web环境中集成和使用数据库来构建功能性的应用程序。这个项目可能包括创建一个简单的网站,该网站能够与后台数据库进行交互,实现数据的存储、检索和展示。 【描述】提到...

    网络数据库课件ppt(web数据库ppt)

    《网络数据库技术》教学大纲 课程编号:EE3221152 课程名称:网络数据库技术 英文名称:Network Database and Its Application ...阮家栋 施美雅 编著 《Web数据库技术》北京:科学出版社,2002年

    基于ASP技术开发Web数据库检索程序

    【Web数据库检索程序开发】基于ASP技术开发Web数据库检索程序,主要是通过设计用户界面(如通用检索主页)接收用户的查询请求,然后通过数据库接口程序与数据库进行交互。数据库接口程序设计主要包括以下步骤: 1. ...

    Web数据库技术Web数据库技术.ppt

    【Web数据库技术】是互联网发展中的重要组成部分,它结合了数据库管理系统(DBMS)与Web技术,使得用户可以通过Web浏览器方便地检索和交互数据库内容。随着互联网的普及,原本局限于单机或局域网的数据库逐渐被移植...

    Java Web数据库系统应用开发与实例源代码

    Java Web数据库系统应用开发是构建基于互联网的交互式应用程序的关键技术,主要涉及到Web服务器、数据库服务器和编程语言的集成。本资源"Java Web数据库系统应用开发与实例源代码"提供了实际操作中的源代码,帮助...

Global site tag (gtag.js) - Google Analytics