ionic---數據本地存儲sqlite

2019-11-06 09:53:15

字體：大中小

來源：轉載

供稿：網友

插件安裝

ionic plugin add cordova-sqlite-storage

選擇操作數據庫的庫PouchDB

下載PouchDBjs庫自行下載或者使用bower管理器下載index引入PouchDBjs庫<script src="lib/pouchdb/dist/pouchdb.min.js"></script>PouchDBjs中文api（百度翻譯）http://blog.csdn.net/QQ_29287973/article/details/53334075

將操作數據庫的方法封裝成Service

.factory('appSQL', function() { var _db; _db = new PouchDB('appSQL', {adapter: 'websql'}); return { initDB: function () { _db = new PouchDB('appSQL', {adapter: 'websql'}); }, getinfo: function (id,callback) { //獲取數據庫信息 _db.get(id).then(function (result) { callback(result); }).catch(function (err) { callback(err); }); }, updataInfo:function(id,data,callback){ //更新或者添加數據庫信息 _db.get(id).then(function(doc) { return _db.put({ _id: id, _rev: doc._rev, data: data }).then(function (response) { callback(response); }); }).catch(function (err) { if(err.status == '404'){ _db.put({ _id: id, data: data }).then(function (response) { callback(response); }); } }); }, removeInfo: function (id) { //刪除數據庫信息 _db.get(id).then(function(doc) { return _db.remove(doc); }) } }})

appSQL服務的使用

初始化（在app.js中初始化）.run(function($ionicPlatform,appSQL,$cordovaNativeAudio) { console.log('leason'); $ionicPlatform.ready(function() { // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard // for form inputs) appSQL.initDB(); . . .控制器中調用（將appSQL服務注入）//更新添加數據$scope.login = function () { var oPR = 'login', action = 'login.do ', psw = hex_md5(hex_md5(hex_md5($scope.loginCtrl.psw))), tel = $scope.loginCtrl.tel; var data = { user_name:tel, pwd:psw }; var sqlData = { 'user_name':tel }; if(regularServe.tel.test(tel)){ mainServe.showLoading(); AjaxServe.pubAjax(opr,data,action,function(data){ $cordovaToast.show(data.msg, 'long', 'top'); $rootScope.loginState = true; appSQL.updataInfo(SSID,data.ssid); //可以不寫回調 appSQL.updataInfo(PER_INFO,sqlData,function () { mainServe.hideLoding(); $state.go('tab.index', {}, { reload: true }); }); }); }else{ $cordovaToast.show('手機號格式錯誤！', 'long', 'top'); }}//取已經有的數據數據（判斷是否登錄）appSQL.getinfo(PER_INFO,function (data) { if(data.status == '404'){ $cordovaToast.show('請先登錄！', 'long', 'top'); $location.path('/tab/index/login'); }else { if (data.data.user_name == '' || data.data.user_name == undefined) { $cordovaToast.show('請先登錄！', 'long', 'top'); $location.path('/tab/index/login'); } else { console.log('login'); socket.init(); } }});

上一篇：ionic---state路由

下一篇：ionic---控制器文件分離