`

Web SQL初体验之新手指导(全功能解析)

    博客分类:
  • js
阅读更多

1。创建并打开数据库

var db = window.openDatabase("myDatabase", "1.0", "My WebSQL test database", 5*1024*1024); 
// 参数含义:数据库名称,版本号,描述,占用大小(bytes)

 

2。创建数据表

db.transaction(function (tx) {
   tx.executeSql("CREATE TABLE IF NOT EXISTS fightclub (id INTEGER PRIMARY KEY AUTOINCREMENT, rules TEXT)");
});

 

 

3。插入数据

db.transaction(function (tx) {
   tx.executeSql( "INSERT INTO fightclub(rules) VALUES(?)", ['You do not talk about Fight Club']);
});

// or

db.transaction(function (tx) {
    tx.executeSql( "INSERT INTO fightclub(rules) VALUES(?)",['I like u']);
});

 

浏览器web sql数据展示格式:

 

 

4。查询数据

// db.readTransaction or db.transaction即可查询
db.transaction(function (tx) {
  tx.executeSql( "SELECT * FROM fightclub",[],function(tx, results){
    var items = results.rows;
    Object.keys(items).map(k=>console.log(items[k]));
  });
});

 

其他SQL操作可参考sqlite语法。

  • 大小: 24.3 KB
分享到:
评论

相关推荐

    EMS SQL Manager for MySQL中文语言包

    【标题解析】 "EMS SQL Manager for MySQL中文语言包" 是一个专为MySQL数据库管理系统设计的第三方工具——EMS SQL Manager的中文语言版本。这个工具主要帮助用户更方便地管理和操作MySQL数据库,对于不熟悉英文界面...

    SQL SERVER2000教程

    本教程旨在深入解析SQL Server 2000的核心概念、功能和使用技巧,帮助学习者掌握这个经典数据库系统。 一、SQL Server 2000概述 SQL Server 2000是基于标准的SQL(结构化查询语言)数据库平台,支持多种操作系统,...

    天气加通讯录

    在这里,jQuery被用来简化与WebSQL数据库的交互,提供更流畅的用户体验。 5. **数据库操作**:在应用中,用户可以添加、删除、修改和查询联系人信息,这四个基本的数据库操作在WebSQL中通过jQuery实现。例如,新增...

    php手册全集收藏--新手必备

    最后,"php.ini说明.doc"是对PHP配置文件php.ini的详细解析,理解php.ini可以帮助开发者调整PHP的行为,优化性能,或者启用/禁用特定的扩展功能。这对于理解和解决问题,特别是服务器配置方面的问题,至关重要。 总...

    Java练手项目,新手练习

    Spring是Java领域的一个全功能框架,它提供了依赖注入(Dependency Injection, DI)和面向切面编程(Aspect-Oriented Programming, AOP)等功能。依赖注入允许开发者解耦组件,提高代码的可测试性和可维护性。...

    Django.3.Web.Development.Cookbook.4th.Edition

    ### Django 3 Web Development Cookbook Fourth Edition — 关键知识点解析 #### 一、书籍概述与背景 《Django 3 Web Development Cookbook 第四版》是一本针对Python Web开发领域中的Django框架的专业指导书籍。...

    全套前端新手入门API中文帮助文档

    本文将详细解析“全套前端新手入门API中文帮助文档”所包含的重要知识点,旨在为初学者提供一个全面的学习指南。 首先,我们要理解API的含义。API是一组规则、工具和协议,用于构建软件应用。在前端开发中,API主要...

    PHP Thinkphp5全套基础视频教程 适合新手党入门(第三课)

    在数据库方面,Thinkphp5提供了强大的ORM(对象关系映射)支持,允许开发者使用面向对象的方式来操作数据库,降低了SQL语句的编写难度。你将学习如何定义模型,创建数据表,进行增删改查操作,以及实现关联查询。 ...

    Spring+SpringMVC+Mybatis+Maven+MySql项目框架 加分页详解适合新手学习.zip

    总的来说,这个项目实例为初学者提供了一个完整的Java Web开发环境,涵盖了从数据库设计、后端服务开发到前端页面展示的全过程,通过学习和实践,可以帮助新手快速掌握这些核心技术,并了解如何在实际项目中应用。

    JAVA WEB入门到精通全部源程序和ppt(含21个程序实例和ppt).zip

    【标题】"JAVA WEB入门到精通全部源程序和ppt"是一个综合的学习资源包,它包含了从基础到进阶的JAVA WEB开发的全方位教程。这个压缩包的目的是帮助初学者和有经验的开发者深入理解JAVA在Web环境中的应用,以及如何...

    SSM+拦截器+Mysql基础性框架(适合新手研究)

    首先,Spring框架是整个SSM的核心,它是一个全功能的容器,负责管理对象(如Bean)的生命周期和依赖关系。Spring通过IOC(控制反转)和AOP(面向切面编程)两大核心概念,极大地提高了代码的可维护性和灵活性。在SSM...

    【新手向】spring系列jar包整理

    【新手向】Spring系列Jar包整理是一篇针对初学者的指南,主要涵盖了Spring框架的核心组件以及与MyBatis集成的相关库。在这个压缩包中,包含了以下几个重要的Java库: 1. **spring-core-5.2.5.RELEASE.jar**: 这是...

    Python资源大全中文版,包括:Web框架、网络爬虫、模板引擎、数据库、数据可视化、图片处理等,由「开源前哨」和「.zip

    Django以其MVT(Model-View-Template)架构闻名,提供了一个全功能的后台管理系统和强大的ORM(对象关系映射),使得数据库操作变得简单。而Flask则以其轻量级和高度可扩展性著称,适合小型项目和快速原型开发。了解...

    ssm框架的登录功能

    以下将详细解析SSM框架在登录功能中的应用及其相关知识点。 1. **Spring框架**:Spring作为核心容器,管理着应用中的对象(Bean)以及它们之间的依赖关系。在登录功能中,Spring可能被用来创建用户服务接口和服务...

    NC65开发文档,新手开发必备

    综上所述,NC65开发涵盖了从基础环境搭建到高级功能实现的全方位知识。通过深入学习和实践,开发者可以逐步成长为NC65的专业开发者,为企业信息化建设贡献力量。这份NC65开发文档,正是你步入这个领域的理想引导。

    adminer3.7

    它的设计目标是提供一个全功能的数据库管理界面,同时保持体积小巧,易于部署。与更知名的phpMyAdmin相比,Adminer通常被认为更简洁、更快捷,且更易于定制。 **主要特性** 1. **简单易用**:Adminer的界面直观,...

    web基于Java的图书馆管理系统

    本文将详细解析一个以Java为开发语言,Web为平台的图书馆管理系统,帮助新手理解其核心概念、架构设计以及实现原理。 1. **系统概述** 基于Java的Web图书馆管理系统是一个利用Web技术实现的、用户友好的图书信息...

    SSM框架 源代码

    SSM框架,全称为Spring、SpringMVC和...通过这个SSM源代码包,新手可以实践从项目搭建到功能实现的全过程,加深对Java Web开发和SSM框架的理解。同时,对于有经验的开发者来说,这也是一个快速启动新项目的基础模板。

    完整版W3CSchool线下教程_完整版W3CSchool线下教程.chm_

    **W3CSchool线下教程全览** W3CSchool是一个全球知名的在线学习平台,专注于Web技术的教育。...通过系统地学习和实践,你可以逐步掌握这些技术,并运用到实际项目中,创造出富有创新性和用户体验优秀的Web应用。

    Xtreme Web Portal-开源

    总之,Xtreme Web Portal 是一个全方位的开源门户解决方案,通过整合论坛、用户管理、管理工具等功能,为建立富有活力的在线社区提供了坚实的基础。开源特性使其具有高度的可定制性和持续的社区支持,对于想要建立或...

Global site tag (gtag.js) - Google Analytics