首页 > 数据库> 文章详细

基于Web存储六种方式的Web SQL使用方法之一

2022-02-18 20:34:45 阅读：175 来源： 互联网

WebSQL是什么？

是指客户浏览器端的结构化的关系数据库，这是本地的RDBMS上执行SQL查询（属于浏览器本地自带存储之一，规范中使用的方言是SQLlite）

它一般用在移动端，和hybird开发

web SQL使用

1.创建数据库

//打开数据库，没有的话会进行创建，然后返回一个数据库对象进行操作
//openDatabase的参数介绍：
//第一个参数:数据库名称
//第二个参数:版本号
//第三个参数：描述文本
//第四个参数：数据库大小
//第五个参数：创建回调

const db=openDatebase('mydb','1.0','Test DB',2*1024*1024);
//打开控制台可以看见Web SQL下显示的是创建的表（mydb）

2.创建表并向表里新增数据

//执行事务（事务是后端的概念）
db.transaction((tx)=>{
  //下面都是去写sql进行数据库的操作
  //当不存在USERS表的时候创建一个USERS表，并定义id [unique 是用来声明唯一的] name,age,time 字段
  //约束数据类型的写法 暂时没
  tx.exectuSql(`INSERT INTO USERS (id,name,age,time) VALUES (1,"天佑",18,"${new Date()}")`);
  tx.exectuSql(`INSERT INTO USERS (id,name,age,time) VALUES (2,"张扬",16,"{new Date()}")` );
})

3.查询数据

//执行事务
db.transaction((tx)=>{
  //executeSql 执行SQL
  //参数配置
  //第一个参数：要执行的sql
  //第二个参数：动态参数，可以给第一参数的sql使用
 //第三个参数：回调函数，接收俩个参数 tx：数据库对象，res，执行完sql的response
   
   tx.executeSql('SELECT * FROM USERS',[],(tx,res)=>{
  //通过输出表格的方式，直接输出这个表的内容
  console.table(res,rows);
})
  
})

4.修改数据 =>修改数据根据查找id来进行条件修改

db.transaction((tx)=>{
  tx.executeSql('UPDATE USERS SET age=24 WHERE id=1')
})

5.删除数据根据id删除数据

db.transaction((tx)=>{

tx.executeSql('DELETE FROM USERS WHERE id=2');

})

标签：Web,USERS,tx,六种,数据库,db,参数,SQL,id
来源： https://www.cnblogs.com/cc-font/p/15911101.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

基于Web存储六种方式的Web SQL使用方法之一