ionic1 sqlite的添加使用

开始使用这个存储方式的原因是之前用的Local Storage 存储在ios设备上当内存达到一定程度时 ios会自动清除app的一部分存储所以之前存的东西可能会被清除达不到想要的功能效果决定用sqlite

先来一个中文版官方文档： http://www.runoob.com/sqlite/sqlite-tutorial.html （太多太乱不想看下去）

参考别人博客链接：https://yq.aliyun.com/articles/69473 （使用方法很清楚数据的添加、删除、查找但其中一些讲解不清楚有的也有问题不同的观点我下面会说清楚具体第三点）

1.添加插件

cordova plugin add https://github.com/brodysoft/Cordova-SQLitePlugin.git

2.添加依赖引入插件

在js中添加ngCordova依赖 angular.module(‘myApp’, [‘ngCordova’])

在index.html里面引入js文件 <script src=”lib/ngCordova/dist/ng-cordova.js”></script>

3.平台就绪后创建数据库

不要忘记注入 $cordovaSQLite

name是数据库的名称注意一定要加上 location:1 这个很关键没有这个数据库创建不成功之前没加找了很多地方才发现这个问题

还有一点 ionic server 很多人都说浏览器不支持其实是可以的按照下面的方法判断之后再创建数据库都是可用的

$ionicPlatform.ready(function() {
    //创建数据库
    if (window.cordova) {
      $rootScope.db = $cordovaSQLite.openDB({
        name: "my.db",
        location: 1
      }); //device
    } else {
      $rootScope.db = window.openDatabase("my.db", '1', 'my', 1024 * 1024 * 100); // browser
    }
    //创建表
    $cordovaSQLite.execute($rootScope.db, "CREATE TABLE IF NOT EXISTS appStepTime (edition text)");       
 });

我这里把数据库作为一个全局变量了因为我其他地方要用到做判断要是只在这个js文件做处理的话可以定义成一个局部变量

创建表的时候我这里 appStepTime 是我的表的名字里面只储存了一个字段 edition 类型是 text 如果需要创建多个字段如下代码： “CREATE TABLE IF NOT EXISTS people (id integer primary key, firstname text, lastname text)”

4.数据库查询数据插入数据

我这里做的判断是如果数据库没有这个字段就插入这个字段并没有对字段的值进行判断如果有需要可以参考上面那个链接

//数据库查询数据
$cordovaSQLite.execute($rootScope.db, "SELECT edition FROM appStepTime").then(function(res) {
   if (res.rows.length > 0) {
     $state.go('app.search.index');
   } else {
     //alert("No results found");
     //数据库插入数据
     $cordovaSQLite.execute($rootScope.db, "INSERT INTO appStepTime(edition) VALUES (?)", [$rootScope.editionNum]).then(function(res) {
       //alert("INSERT ID -> " + res.insertId);
     }, function(err) {
       //alert(err);
     });
   }
 }, function(err) {
   //alert(err);
 });

如果学过数据库的朋友应该很清楚查询是 select 插入是 insert 删除是 delete （我大学学过但是仅限于皮毛）

5.删除数据库

本人未做过数据删除所以具体删除数据的方法可以参考官方文档： http://www.runoob.com/sqlite/sqlite-delete.html

删除数据库方法：$cordovaSQLite.deleteDB(“my.db”);

发表于 2018-05-03 17:40 luffyc 阅读(…) 评论(…) 编辑收藏

刷新评论刷新页面返回顶部

本文链接：https://www.cnblogs.com/luffyc/p/8986631.html

ionic1 sqlite的添加使用

ionic1 sqlite的添加使用

ionic1 sqlite的添加使用的更多相关文章

随机推荐

热门专题

目录导航