js+html5操作sqlite數(shù)據(jù)庫的方法
本文實(shí)例講述了js+html5操作sqlite數(shù)據(jù)庫的方法。分享給大家供大家參考,具體如下:
//copyright by lanxyou lanxyou[at]gmail.com var lanxDB=function(dbname){ var db=openDatabase(dbname,'1.0.0','',65536); return{ //返回?cái)?shù)據(jù)庫名 getDBName:function(){ return dbname; }, //初始化數(shù)據(jù)庫,如果需要?jiǎng)t創(chuàng)建表 init:function(tableName,colums){ this.switchTable(tableName); colums.length>0?this.createTable(colums):''; return this; }, //創(chuàng)建表,colums:[name:字段名,type:字段類型] createTable:function(colums){ var sql="CREATE TABLE IF NOT EXISTS " + this._table ; var t; if (colums instanceof Array && colums.length>0){ t=[]; for (var i in colums){ t.push(colums[i].name+' '+colums[i].type); } t=t.join(', '); }else if(typeof colums=="object"){ t+=colums.name+' '+colums.type; } sql=sql+" ("+t+")"; var that=this; db.transaction(function (t) { t.executeSql(sql) ; }) }, //切換表 switchTable:function(tableName){ this._table=tableName; return this; }, //插入數(shù)據(jù)并執(zhí)行回調(diào)函數(shù),支持批量插入 //data為Array類型,每一組值均為Object類型,每一個(gè)Obejct的屬性應(yīng)為表的字段名,對應(yīng)要保存的值 insertData:function(data,callback){ var that=this; var sql="INSERT INTO "+this._table; if (data instanceof Array && data.length>0){ var cols=[],qs=[]; for (var i in data[0]){ cols.push(i); qs.push('?'); } sql+=" ("+cols.join(',')+") Values ("+qs.join(',')+")"; }else{ return false; } var p=[], d=data, pLenth=0, r=[]; for (var i=0,dLength=d.length;i<dLength;i++){ var k=[]; for (var j in d[i]){ k.push(d[i][j]); } p.push(k); } var queue=function(b,result){ if (result){ r.push(result.insertId ||result.rowsAffected); } if (p.length>0){ db.transaction(function (t) { t.executeSql(sql,p.shift(),queue,that.onfail); }) }else{ if (callback){ callback.call(this,r); } } } queue(); }, _where:'', //where語句,支持自寫和以對象屬性值對的形式 where:function(where){ if (typeof where==='object'){ var j=this.toArray(where); this._where=j.join(' and '); }else if (typeof where==='string'){ this._where=where; } return this; }, //更新數(shù)據(jù),data為屬性值對形式 updateData:function(data,callback){ var that=this; var sql="Update "+this._table; data=this.toArray(data).join(','); sql+=" Set "+data+" where "+this._where; this.doQuery(sql,callback); }, //根據(jù)條件保存數(shù)據(jù),如果存在則更新,不存在則插入數(shù)據(jù) saveData:function(data,callback){ var sql="Select * from "+this._table+" where "+this._where; var that=this; this.doQuery(sql,function(r){ if (r.length>0){ that.updateData(data,callback); }else{ that.insertData([data],callback); } }); }, //獲取數(shù)據(jù) getData:function(callback){ var that=this; var sql="Select * from "+that._table; that._where.length>0?sql+=" where "+that._where:""; that.doQuery(sql,callback); }, //查詢,內(nèi)部方法 doQuery:function(sql,callback){ var that=this; var a=[]; var bb=function(b,result){ if (result.rows.length){ for (var i=0;i<result.rows.length;i++){ a.push(result.rows.item(i)); } }else{ a.push(result.rowsAffected); } if (callback){ callback.call(that,a); } } db.transaction(function (t) { t.executeSql(sql,[],bb,that.onfail) ; }) }, //根據(jù)條件刪除數(shù)據(jù) deleteData:function(callback){ var that=this; var sql="delete from "+that._table; that._where.length>0?sql+=" where "+that._where:''; that.doQuery(sql,callback); }, //刪除表 dropTable:function(){ var sql="DROP TABLE IF EXISTS "+this._table; this.doQuery(sql); }, _error:'', onfail:function(t,e){ this._error=e.message; console.log('----sqlite:'+e.message); }, toArray:function(obj){ var t=[]; obj=obj || {}; if (obj){ for (var i in obj){ t.push(i+"='"+obj[i]+"'"); } } return t; } } } /* examples: var db=new lanxDB('testDB'); db.init('channel_list',[{name:'id',type:'integer primary key autoincrement'},{name:'name',type:'text'},{name:'link',type:'text'},{name:'cover',type:'text'},{name:'updatetime',type:'integer'},{name:'orders',type:'integer'}]); db.init('feed_list',[{name:'parentid',type:'integer'},{name:'feed',type:'text'}]); db.switchTable('channel_list').insertData([{name:'aa',link:'ss',updatetime:new Date().getTime()},{name:'bb',link:'kk',updatetime:new Date().getTime()}]); db.where({name:'aa'}).getData(function(result){ console.log(result);//result為Array }); db.where({name:'aa'}).deleteData(function(result){ console.log(result[0]);//刪除條數(shù) }); db.where({name:'bb'}).saveData({link:'jj'},function(result){ console.log(result);//影響條數(shù) }) }) */
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
用JavaScript來美化HTML的select標(biāo)簽的下拉列表效果
這篇文章主要介紹了用JavaScript來美化HTML的select標(biāo)簽的下拉列表效果的方法,而且在多瀏覽器下的兼容效果也得到提升,需要的朋友可以參考下2015-11-11在Html中使用Requirejs進(jìn)行模塊化開發(fā)實(shí)例詳解
在前端模塊化的時(shí)候,不僅僅是js需要進(jìn)行模塊化管理,html有時(shí)候也需要模塊化管理。這里就介紹下如何通過requirejs,實(shí)現(xiàn)html代碼的模塊化開發(fā)2016-04-04JS如何實(shí)現(xiàn)基于websocket的多端橋接平臺
我們在調(diào)試過程使用的工具有:modheader,postman等,但這些工具都會(huì)存在的問題:缺少客戶端里相應(yīng)的設(shè)備信息;即使將cookie信息復(fù)制出來,也是存在過期的問題;多個(gè)設(shè)備之間切換時(shí)不方便;針對這些存在的問題,我基于websocket雙向通信的特點(diǎn),實(shí)現(xiàn)了多端橋接管理平臺2021-05-05利用js判斷手機(jī)是否安裝某個(gè)app的多種方案
這篇文章主要介紹了利用js檢測手機(jī)是否安裝某個(gè)app的多種方案,當(dāng)判斷后如果安裝了直接打開,如果有沒有安裝將自動(dòng)跳轉(zhuǎn)到下載的界面,有需要的朋友可以參考借鑒,下面來一起看看吧。2017-02-02模仿JQuery.extend函數(shù)擴(kuò)展自己對象的js代碼
最近打算寫個(gè)自己的js工具集合,把自己平常經(jīng)常使用的方法很好的封裝起來,其中模仿了jq的結(jié)構(gòu)。2009-12-12JavaScript+HTML5 canvas實(shí)現(xiàn)放大鏡效果完整示例
這篇文章主要介紹了JavaScript+HTML5 canvas實(shí)現(xiàn)放大鏡效果,結(jié)合完整實(shí)例形式分析了javascript+HTML5 canvas針對圖片元素的獲取、響應(yīng)鼠標(biāo)事件變換元素屬性相關(guān)操作技巧,需要的朋友可以參考下2019-05-05js Select下拉列表框進(jìn)行多選、移除、交換內(nèi)容的具體實(shí)現(xiàn)方法
我們經(jīng)常會(huì)看到很多的網(wǎng)站會(huì)看到有下拉列表的內(nèi)容進(jìn)行直接增加與移除,下面我來介紹一款js Select下拉列表框進(jìn)行多選、移除、交換內(nèi)容實(shí)例2013-08-08用Javascript同時(shí)提交多個(gè)Web表單的方法
使用Javascript同時(shí)提交多個(gè)Web表單的方法2009-12-12