WEB前端_WebSQL

app端的前端设计与开发工具 前端开发面试宝典 软件开发做前端工资
webSQL是一个操作数据库的对象,里面封装了操作数据库的方法;
是通过SQL语句操作数据库的(创建数据库、建表、增删改查);
SQL语句:是一个可以操作数据库的字符串,不会自己执行,需要各个平台单独操作数据库的函数,执行这个SQL语句,才能让SQL执行;
在webSQL里面,有执行SQL语句的方法,就会去执行SQL里面描述的功能;

 

webSQL和SQL语句,是完全独立的两个东西;
SQL语句只要是sqlite类型的数据库,都可以使用,有自己独立的语法;

 

webSQL是前端独有的一个API
特点:
不区分大小写、
语句结束之后,分号可以可选的

 

CREATE 创建
TABLE    表
INSERT   添加
UPDATE 更新
SELECT   选择查找
DELETE   删除

 

SQL语句
建表的语句
CREATE TABLE 表的名字 (字段);
增加数据:
INSERT INTO 表的名字 VALUES(值);
删除数据:
DELETE FROM 表的名字 WHERE 字段 = 值;
修改数据:
UPDATE 表的名字 SET 字段 = 值;
查找数据:
SELECT*FROM 表的名字
SELECT*FROM 表的名字 WHERE 字段 = 值;

 

webSQL:有执行SQL的方法
openDatebase:打开数据的方法
transaction:获取事务的方法
executeSql:执行SQL的方法

 

打开数据库
function openDB() {
openDatabase(parms);
}
参数:
Name            数据库的名字          必传
Version         数据库的版本号     必传
displayName     数据库的名字          必传
estimateSize        数据库的大小          必传
creationCallback    数据库创建完成的回调  可选

 

打开数据库
示例代码:
function openDB() {

 

//openDatabase这个函数,本身就返回一个数据库的对象,
在打开数据库的时候,可以直接接收数据库的对象
db=openDatabase(“noteDB”,”1.0″,”noteDB”,1024*1024*10,function (result) {
console.log(result);

 

//只有创建数据库成功,才会调用这个回调
db=result;
});
}

 

通过事务对象操作SQL语句;
通过数据库的对象,调用transaction函数会得到一个事务对象,
可以通过事务对象,执行SQL语句的函数;
function oprationSQL() {

 

//callback,errorCallback,successCallback
db.transaction(function (ts) {
console.log(ts);

 

//通过得到的事务对象,调用执行SQL的方法
ts.executeSql(“”);
});
}

 

执行SQL语句的函数
executeSql()
参数
sqlStatement:SQL语句              必选
Arguments   实参的数组(SQL的值)        可选
Callback        执行完成时候的回调       可选
errorCallback   出现错误时候的回调       可选

 

db.transaction(function (ts) {
console.log(ts);
//通过得到的事务对象 调用执行sql的方法
//sqlStatement,arguments,callback,errorCallback
ts.executeSql(“CREATE TABLE user (id,username,age);”);
});
db.transaction(function (ts) {
console.log(ts);
//通过得到的事务对象 调用执行sql的方法
//sqlStatement,arguments,callback,errorCallback
ts.executeSql(sql,args,function (result) {
console.log(result);
},function (error) {
console.log(error);
});
});
添加
oprationSQL(“INSERT INTO user (id,username,age) VALUES (6,’小ming’,23);”);
删除
oprationSQL(“DELETE FROM user WHERE id=0”,[],function () {
searchAll();
});
修改
oprationSQL(“UPDATE user SET username='”+username+”‘ WHERE username=’奥特曼’;”,[],function () {
searchAll();
});
查询
oprationSQL(“SELECT * FROM user;”,[],function (result) {
var content = “”;
for (var i=0;i<result.rows.length;i++){
content+=”<p>”+result.rows[i].username+”</p>”
}
document.body.innerHTML = content;
});

前端需要熟悉一种后端开发语言 前端开发可视化软件 前端开发需要懂绘图吗

» 本文来自:前端开发者 » 《WEB前端_WebSQL》
» 本文链接地址:https://www.rokub.com/38104.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!