webSQL 增刪改查

/** 
 *數據庫操作輔助類,定義對象、數據操作方法都在這里定義 
 */
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 PRIMARY KEY AUTOINCREMENT, NAME text,AGE text,HEIGHT text,WEIGTH text)';
    WEBSQL_DB.transaction(function(ctx, result) {
        ctx.executeSql(creatTableSQL, [], function(ctx, result) {
            alert("表創建成功 " + tableName);
        }, function(tx, error) {
            alert('創建表失敗:' + tableName + error.message);
        });
    });
}
/** 
 * 往表單里面插入數據 
 * @param tableName:表單名 
 * @param NAME:姓名 
 * @param AGE:年齡 
 * @param HEIGHT:身高 
 * @param WEIGTH:體重 
 */
export function insterData(tableName, NAME, AGE, HEIGHT, WEIGTH) {
    var insterTableSQL = 'INSERT INTO ' + tableName + ' (NAME,AGE,HEIGHT,WEIGTH) VALUES (?,?,?,?)';
    WEBSQL_DB.transaction(function(ctx) {
        ctx.executeSql(insterTableSQL, [NAME, AGE, HEIGHT, WEIGTH], function(ctx, result) {
                console.log("插入" + tableName + NAME + "成功");
            },
            function(tx, error) {
                console.error('插入失敗: ' + error.message);
            });
    });
}
/** 
 * 獲取數據庫一個表單里面的所有數據 
 * @param tableName:表單名 
 * 返回數據集合 
 */
export function getAllData(tableName) {
    var selectALLSQL = 'SELECT * FROM ' + tableName;
    WEBSQL_DB.transaction(function(ctx) {
        ctx.executeSql(selectALLSQL, [], function(ctx, result) {
            console.log('查詢成功: ' + tableName + result.rows.length);
            var len = result.rows.length;
            for (var i = 0; i < len; i++) {
                console.log("NAME = " + result.rows.item(i).NAME);
                console.log("AGE = " + result.rows.item(i).AGE);
                console.log("HEIGHT = " + result.rows.item(i).HEIGHT);
                console.log("WEIGTH = " + result.rows.item(i).WEIGTH);
                console.log("-------- 我是分割線 -------");
            }
        },
        function(tx, error) {
            console.error('查詢失敗: ' + error.message);
        });
    });
}
/** 
 * 獲取數據庫一個表單里面的部分數據 
 * @param tableName:表單名 
 * @param name:姓名 
 */
export function getOneData(tableName, name) {
    var selectSQL = 'SELECT * FROM ' + tableName + ' WHERE NAME = ?'
    WEBSQL_DB.transaction(function(ctx) {
        ctx.executeSql(selectSQL, [name], function(ctx, result) {
                console.log('查詢成功: ' + tableName + result.rows.length);
                var len = result.rows.length;
                for (var i = 0; i < len; i++) {
                    console.log("NAME = " + result.rows.item(i).NAME);
                    console.log("AGE = " + result.rows.item(i).AGE);
                    console.log("HEIGHT = " + result.rows.item(i).HEIGHT);
                    console.log("WEIGTH = " + result.rows.item(i).WEIGTH);
                }
            },
            function(tx, error) {
                console.error('查詢失敗: ' + error.message);
            });
    });
}
/** 
 * 刪除表單里的全部數據 
 * @param tableName:表單名 
 */
export function deleteAllDataFromTable(tableName) {
    var deleteTableSQL = 'DELETE FROM ' + tableName;
    localStorage.removeItem(tableName);
    WEBSQL_DB.transaction(function(ctx, result) {
        ctx.executeSql(deleteTableSQL, [], function(ctx, result) {
            console.log("刪除表成功 " + tableName);
        }, function(tx, error) {
            console.error('刪除表失敗:' + tableName + error.message);
        });
    });
}
/** 
 * 根據name刪除數據 
 * @param tableName:表單名 
 * @param name:數據的姓名 
 */
export function deleteOneDataFromTable(tableName, name) {
    var deleteDataSQL = 'DELETE FROM ' + tableName + ' WHERE NAME = ?';
    localStorage.removeItem(tableName);
    WEBSQL_DB.transaction(function(ctx, result) {
        ctx.executeSql(deleteDataSQL, [name], function(ctx, result) {
            console.log("刪除成功 " + tableName + name);
        }, function(tx, error) {
            console.error('刪除失敗:' + tableName + name + error.message);
        });
    });
}
/** 
 * 根據name修改數據 
 * @param tableName:表單名 
 * @param name:姓名 
 * @param age:年齡 
 */
export function updateOneData(tableName, name, age) {
    var updateDataSQL = 'UPDATE ' + tableName + ' SET AGE = ? WHERE NAME = ?';
    WEBSQL_DB.transaction(function(ctx, result) {
        ctx.executeSql(updateDataSQL, [age, name], function(ctx, result) {
            console.log("更新成功 " + tableName + name);
        }, function(tx, error) {
            console.error('更新失敗:' + tableName + name + error.message);
        });
    });
}