hbuilder里的html连接数据库,HBuilder开发中的Websql增删改查操作

HBuilder里的数据存储办法有多种，localstorage，plus.storage是以键值对的形式存储，操作比较简单，但是websql操作数据库就有点不一样了。

界面

数据库的操作

增删改查基本就是我们操作数据库的四个最基本的操作了。

界面按钮的操作步骤：

新建数据库–>插入数据–>查找一条数据–>修改数据–>查找一条数据–>查找全部数据–>删除一条数据–>删除全部数据。

[LOG] : 新建数据库

[LOG] : 插入数据

[LOG] : 插入websqlTable小明成功

[LOG] : 插入websqlTable小红成功

[LOG] : 插入websqlTable小强成功

[LOG] : 查找一条数据

[LOG] : NAME = 小明

[LOG] : AGE = 18

[LOG] : HEIGHT = 175cm

[LOG] : WEIGTH = 60kg

[LOG] : 修改数据

[LOG] : 查找一条数据

[LOG] : NAME = 小明

[LOG] : AGE = 1000  /*修改之后的结果*/

[LOG] : HEIGHT = 175cm

[LOG] : WEIGTH = 60kg

[LOG] : 查找全部数据

[LOG] : NAME = 小明

[LOG] : AGE = 1000

[LOG] : HEIGHT = 175cm

[LOG] : WEIGTH = 60kg

[LOG] : -------- 我是分割线 -------

[LOG] : NAME = 小红

[LOG] : AGE = 17

[LOG] : HEIGHT = 160cm

[LOG] : WEIGTH = 45kg

[LOG] : -------- 我是分割线 -------

[LOG] : NAME = 小强

[LOG] : AGE = 19

[LOG] : HEIGHT = 185cm

[LOG] : WEIGTH = 70kg

[LOG] : -------- 我是分割线 -------

websql.js文件：

/**

*数据库操作辅助类,定义对象、数据操作方法都在这里定义

*/

var dbname='websql';/*数据库名*/

var version = '1.0'; /*数据库版本*/

var dbdesc = 'websql练习'; /*数据库描述*/

var dbsize = 2*1024*1024; /*数据库大小*/

var dataBase = null; /*暂存数据库对象*/

/*数据库中的表单名*/

var websqlTable = "websqlTable";

/**

* 打开数据库

* @returns  dataBase:打开成功   null:打开失败

*/

function websqlOpenDB(){

/*数据库有就打开 没有就创建*/

dataBase = wi