webSQL 增删改查

紫微前端

于 2020-11-17 13:29:29 发布

阅读量550

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端知识加深文章标签： javascript

本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/109740741

前端知识加深专栏收录该内容

510 篇文章 ¥39.90 ¥99.00

订阅专栏

本文详细介绍了如何使用 WebSQL 进行数据库的增、删、改、查操作，包括创建数据库、定义表格、插入记录、更新数据以及查询数据的基本步骤和示例，帮助开发者更好地理解和应用 WebSQL 在 JavaScript 中的数据存储。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/** 
 *数据库操作辅助类,定义对象、数据操作方法都在这里定义 
 */
const conf = {
    dbName: 'h5ds',
    /*数据库名*/
    version: '2.0',
    /*数据库版本*/
    dbDesc: 'h5ds 本地本地数据库',
    /*数据库描述*/
    dbSize: 100 * 1024 /*数据库大小 kb*/
}

/** 
 * 打开数据库 
 * @returns  dataBase:打开成功   or 打开失败 
 */
export function openDB() {
    /*数据库有就打开 没有就创建*/
    let dataBase = window.openDatabase(conf.dbName, conf.version, conf.dbDesc, conf.dbSize, function() {});
    if (dataBase) {
        console.log("websql 数据库创建/打开成功!");
    } else {
        console.log("websql 数据库创建/打开失败！");
    }
    window.WEBSQL_DB = dataBase;
};

/** 
 * 新建数据库里面的表单 
 * @param tableName:表单名 
 */
export function creatImgTable(tableName) {
    var creatTableSQL = 'CREATE TABLE IF  NOT EXISTS ' + tableName + ' (rowid INTEGER PRIMA

了解本专栏