Cordova如何实现连接数据库功能 (cordova 连接数据库)

Cordova是一个开源的移动应用程序开发框架,允许开发者使用HTML、CSS和JavaScript来开发跨平台移动应用程序。它可用于创建iOS、Android等移动平台的应用程序,并且提供了许多扩展插件,用于实现各种功能。

连接数据库是移动应用程序中常见的功能之一。它使应用程序能够存储和检索数据,从而实现数据驱动的功能。在本文中,我们将介绍如何使用Cordova连接数据库,并提供一些示例代码和更佳实践。

1. 选择一个数据库

在使用Cordova连接数据库之前,我们需要选择一个适合我们应用程序的数据库。目前,Cordova支持多种数据库,包括SQLite、WebSQL和IndexedDB。以下是每种数据库的简要介绍:

SQLite:是一种轻量级的关系型数据库,适合存储结构化数据。它被广泛用于移动应用程序中,因为它的性能优秀,存储容量小,集成容易等优点。

WebSQL:是一种使用SQL语言的关系型数据库,是HTML5标准中定义的一部分。它可以通过JavaScript API访问,适合存储结构化数据。然而,它的支持已经不再更新,并被许多浏览器所弃用。

IndexedDB:是一种使用JavaScript API的面向对象数据库,适合存储半结构化和非结构化数据。它的性能较好,对大型数据集支持良好。

在使用Cordova时,我们建议使用SQLite数据库,因为它能够提供良好的性能和较小的存储空间。

2. 安装数据库插件

使用Cordova连接SQLite数据库需要安装cordova-sqlite-storage插件。该插件提供了连接SQLite数据库所需的所有功能。您可以使用以下命令在Cordova中安装该插件:

cordova plugin add cordova-sqlite-storage

3. 连接数据库

连接SQLite数据库需要使用的JavaScript代码如下:

var db = window.sqlitePlugin.openDatabase(‘mydb.db’, ‘1.0’, ‘mydb’, -1);

在上述代码中,我们打开了一个名为“mydb.db”的数据库,版本为“1.0”,它的名称为“mydb”。此外,我们指定了“-1”作为数据库大小的参数,这表示不限制数据库的大小。

4. 创建表

在连接到数据库后,我们需要创建一个表来存储数据。下面是在SQLite数据库中创建表的JavaScript代码:

db.transaction(function(tx) {

tx.executeSql(‘CREATE TABLE IF NOT EXISTS mytable (id INTEGER PRIMARY KEY, name TEXT, value INTEGER)’);

});

在上述代码中,我们创建了一个名为“mytable”的表,它有id、name和value三个列。id列是主键,name列是文本类型,value列是整数类型。

5. 写入数据

在创建表之后,我们可以将数据写入表中。下面是将数据写入SQLite数据库的JavaScript代码:

db.transaction(function(tx) {

tx.executeSql(‘INSERT INTO mytable (name, value) VALUES (?, ?)’, [‘myname’, 100]);

});

在上述代码中,我们向“mytable”表中插入了一个名为“myname”的值为100的数据行。

6. 读取数据

在写入数据之后,我们需要从数据库中读取数据。下面是在SQLite数据库中读取数据的JavaScript代码:

db.transaction(function(tx) {

tx.executeSql(‘SELECT * FROM mytable’, [], function(tx, result) {

for (var i = 0; i

var row = result.rows.item(i);

console.log(‘id=’ + row.id + ‘, name=’ + row.name + ‘, value=’ + row.value);

}

});

});

在上述代码中,我们使用SELECT语句从“mytable”表中读取所有数据行,并在控制台中输出每一行的id、name和value列的值。

7. 执行事务

当我们需要在SQLite数据库中执行多个操作时,我们需要使用事务来确保操作原子性。下面是使用JavaScript代码执行SQLite数据库事务的示例:

db.transaction(function(tx) {

tx.executeSql(‘INSERT INTO mytable (name, value) VALUES (?, ?)’, [‘myname’, 100]);

tx.executeSql(‘UPDATE mytable SET value=? WHERE name=?’, [200, ‘myname’]);

});

在上述代码中,我们在同一个事务中执行了INSERT和UPDATE操作,以确保这两个操作是原子的。

在Cordova中连接SQLite数据库需要安装cordova-sqlite-storage插件,并使用JavaScript代码连接数据库、创建表、写入数据和读取数据。在多个操作中,我们需要使用事务来确保操作原子性。了解如何使用Cordova连接数据库是构建数据驱动移动应用程序的重要一步。

相关问题拓展阅读:

android app开发中常用到哪些开源框架

1.Framework 7

  来自iDangero.us —自版本1.0在一年前发布以来,Framework就一直是开发iOS应用程序的更佳选择之一。由于它提供对安卓的支持,如果你先从iOS入手,但随后构建具有类似iOS外观感觉的安卓版本,它也是个不错的选择。功能特性包括:Material Design用户界面、原生滚动、1:1页面动画、自定义DOM库以及XHR缓存和预装入。

  3.jQuery Mobile

  来自jQuery基金会— 这种成熟的轻量级框架基于jQuery,缺少本文中介绍的大多数程序包具有的许多高级功能,不过它仍拥有一群庞大的忠实用户。虽然它提供了语义标记、渐进式改进、主题化设计和PhoneGap/Cordova支持之类的功能,但是在类似原生系统的功能和性能或者高级用户界面方面乏善可陈。另一方面,它又很简单,这意味着“编写一次,到处运行”是常常可以实现的目标;对于还需要在Windows Phone和黑莓上运行的简单应用程序而言,它也是个不错的选择。

  2.Ionic

  来自Ionic — 这种流行的跨平台框架基于Sass CSS扩展语言,使用起来相当容易,不过它还能集成用于构建更高级应用程序的Angular。Ionic提供了一个丰富的库,包括针对移动设备优化的HTML、CSS和 CSS组件、手势及工具,可与预定义的组件协同工作。命令行接口提供了仿真器、实时重装和日志等功能。还有一个基于Cordova的应用程序包装器。

  4.Kendo UI

  来自Telerik — 这种碧谈伏基于jQuery的HTML5/Java框架既有开源版,又有商业版。对企业用户友好的Kendo UI提供了种类丰富的用户界面窗口组件和插件。它最广为人知悔携的地方就是拥有无数具有Material Design风格的预构建主题,另外还有一个主题构建器,可用于构建自定义主题。其他功能特性包括:Angular和Bootstrap UI集成以及性能优化。

  6.Native

  来自Telerik —顾名思义,Native专注于原生用户体验开发,但是它提供了跨安卓和iOS的跨平台代码共享支持。该软件使用现有的原生用户界面库,用户界面由Java、XML或视情况而定的Angular来描述。然而,使用起来,它不如Telerik更传统的跨平台Kendo UI框架来得容易。

  5.Mobile Angular UI

  来自Maurizio Casimirri —这个开源项目将Angular和经过修改的推特Bootstrap合并到了一个移动用户界面框架。据说它保留了Bootstrap 3的大部分语法,因而更容易实现从Web应用程序向移动应用程序的移植,同时增添了Bootstrap缺失的许多组件,比如切开关、覆盖、侧边栏、可滚动区域以及固定位置的导航条。库包括fastclick.js和overthrow.js。

  7.Onsen UI

  来自Asial Corp. — Onsen基于HTML和CSS而建,旨在与并非预先集成的PhoneGap和Cordova协同运行。它还可以与Angular和jQuery协同运行。顾名思义,该程序强调用户界面开发,并提供了一系列广泛的基于Web的用户界面组件和特性,比如表格的双列视图。(然而,仍然缺少Material Design。)这个文档完备的程序针对这样的jQuery Mobile用户:既需要易于使用,又想要更多的功能、更高的性能和更丰富的用户界面特性。总部位于东京的Asial正在开发一种拖放式GUI工具,该公司还开发和维护Monaca。

  9.Sencha Touch

  来自Sencha — Sencha的成熟的、面向企业的HTML5/Java框架既有开源版,又有商业版。Sencha建立于Ext的基础上,能够获得类似原生的性能。它为HTML5提供了可视化应用程序构建器,另外还提供了重复使用自定义组件的功能。原生包装器简侍棚化了分发到Google Play等应用程序商店的工作。

  8.React Native

  来自Facebook — React Native是一种开源框架,从Facebook的React Java框架派生而来,众所周知,Java框架取代了早些时候的HTML5基础。顾名思义,这个面向iOS的高端程序与其说是一种跨平台框架,还不如说是原生程序包装器,但是由于新增了对安卓的支持,它很适合我们的要求,因为你实际上只要用Java编写一次代码,就能移植到这两个平台。目前,只有OS X桌面得到全面支持,不过也有试验性的Linux和Windows版本面向安卓开发。

  10.Titanium

  来自Appcelerator —不像那些比较偏向Web的框架,Titanium使用Java来构建原生代码,声称有望提升性能。这种基于Node.js的软件开发工具包(SDK)为iOS、安卓、Windows、黑莓和HTML5提供了5000多个API。Titanium更广为人知的地方是性能和丰富的功能特性,而不是易用性。软件是开源,不过只要你不发布你的应用程序,功能齐全的免费版可以免费享用,眼下你每月至少得支付39美元。

在前面的课程中,随着对Android体系的判携拆了解,已经可以进行正常的Android应用开发了。在Android开发中,同其他工程开发一样,也经常使用一些提高效率的框架,本文我们做一个对比。这些框架,既包括:网络请求框架、也包括图片加载库框架、还包括数据库操作等一些框架,总之,了解和熟悉这些框架,会对自己的开发效率有很大的提升和帮助。

网络请求框架

1、okHttp

在隐链前文的学习中,我们已经了解过okHttp,是一个常用的网络加载库。

2、Retrofit

介绍

Retrofit是一个很不错的网络请求库,该库是square开源的另外一个库,之前的okhttp也是该公司开源的。

Retrofit是基于OkHttp封装的RESTful网络请求框架,使用注解的方式配置请求。优点是速度快,使用注解,callback函数返回结果自动包装成Java对象。官方自己的介绍说:

A type-safe REST client for Android and Java

该网络框架在github上的地址如下:

要求

Retrofit支持的http方式方式包括 GET/POST/PUT/DELETE/HEAD/PATCH,Retrofit要求Java的版本是1.8+,Android应用的API版本应该掘枣在21+。

依赖

使用Retrofit库,和其他库一样,首先需要设置依赖,依然是在build.gradle文件中设置依赖:

//添加retrofit库依赖

implementation ‘com.squareup.retrofit2:retrofit:2.1.0’

//添加gson转换器

implementation ‘com.squareup.retrofit2:converter-gson:2.1.0’

使用

通过一个例子,我们可以来演示该框架的使用步骤:

1、定义请求接口,即程序中都需要什么请求操作

public interface HttpServices {

/**

获取头条新闻

@param type 新闻类型

@param key apiKey

@return

*/

@GET(“toutiao/index”)

Call getNewsList(@Query(“type”) String type, @Query(“key”) String key);

}

2、实例化Retrofit对象,使用的Builder的模式创建,如下代码所示:

Retrofit retrofit = new Retrofit.Builder()

.baseUrl(Constants.BASE_API)

.addConverterFactory(GsonConverterFactory.create())

.build();

注意,这里设置结构体转换器,是可以直接把网络请求回来的数据转换为Java结构体,这里设置的Gson解析器,因此要引入相应的转换器支持库。

3、得到接口对象,自己创建的全局的接口对象,并调用相应的接口,得到一个类似于请求Call对象。如下所示:

HttpServices httpServices = retrofit.create(HttpServices.class);

Call newsListCall = httpServices.getNewsList(“top”, Constants.API_KEY);

4、加入到请求队列中,并设置回调方法:

newsListCall.enqueue(new Callback() {

@Override

public void onResponse(Call call, Response response) {

//网络请求成功的回调方法

List list = Arrays.asList(response.body().result.data);

Log.i(“TAG”, “请求成功:” + String.valueOf(list.size()));

NewListAdapter adapter = new NewListAdapter(RetrofitActivity.this);

adapter.setmData(list);

mRecyclerView.setAdapter(adapter);

}

@Override

public void onFailure(Call call, Throwable throwable) {

//网络请求失败的回调方法

Log.i(“TAG”, “请求失败:” + throwable.getMessage());

}

});

其他界面操作和之前的Android中的内容一致。

3、RxJava

简单来说,用来处理事件和异步任务,在很多语言上都有实现,RxJava是Rx在Java上的实现。

原理

RxJava最基本的原理是基于观察者模式来实现的。通过Obserable和Observer的机制,实现所谓响应式的编程体验。

特点

RxJava在编程中的实现就是一种链式调用,做了哪些操作,谁在前谁在后非常直观,逻辑清晰,代码维护起来非常轻松。

RxJava也是一个在github上的库,

基于此,还有一个RxAndroid,github地址如下:

RxJava和RxAndroid的关系

RxAndroid是RxJava的一个针对Android平台的扩展,主要用于 Android 开发。

基本概念

RxJava 有四个基本概念:

Observable:可观察者,即被观察者Observer:观察者subscribe:订阅事件

这四个概念之间的逻辑关系是:Observable和Observer通过subscribe方法实现订阅关系,从而Observable可以在需要的时候发出事件来通知Observer。

事件

RxJava 的事件回调方法主要包含以下几个:

onNext:普通的事件 不仅把每个事件单独处理,还会把它们看做一个队列。RxJava 规定,当不会再有新的 onNext 发出时,需要触发 onCompleted 方法作为标志。:事件队列异常。在事件处理过程中出异常时, 会被触发,同时队列自动终止,不再允许再有事件发出。在一个正确运行的事件序列中, onCompleted和 有且只有一个,并且是事件序列中的最后一个。需要注意的是,onCompleted() 和 () 二者也是互斥的,即在队列中调用了其中一个,就不应该再调用另一个。

数据库操作框架

在开发时,本地数据库可以起到缓存数据和存储业务数据的作用,随着技术的成熟,不断推出了有很多关于数据库的操作框架。比较常见的数据库操作框架有诸如:GreenDao,OrmLite 和 ActiveAndroid,DBFlow等。

GreenDAO

GreenDAO是一个开源的 Android ORM(“对象/关系映射”),通过 ORM(称为“对象/关系映射”),在我们数据库开发过程中节省了开发时间!

GreenDao的官方文档地址如下:

GreenDao的作用

通过 GreenDao,我们可以更快速的操作数据库,我们可以使用简单的面相对象的API来存储,更新,删除和查询 Java 对象。这款数据库操作框架的特点是:

高性能,在官方的统计数据中,GreenDao在GreenDao,OrmLite 和 ActiveAndroid三个框架中,读、写、更新操作效率均表现之一。易于使用的强大 API,涵盖关系和连接。内存消耗较小。安全:greenDAO 支持

核心概念

GreenDao 的核心类有三个:分别是:

DaoMaster:保存数据库对象(SQLiteDatabase)并管理特定模式的 DAO 类(而不是对象)。它有静态方法来创建表或删除它们。它的内部类 OpenHelper 和DevOpenHelper 是 SQLiteOpenHelper 实现,它们在 SQLite 数据库中创建模式。DaoSession:管理特定模式的所有可用 DAO 对象,您可以使用其中一个getter方法获取该对象。DaoSession 还提供了一些通用的持久性方法,如实体的插入,加载,更新,刷新和删除。XXXDao:数据访问对象(DAO)持久存在并查询实体。对于每个实体,greenDAO 生成DAO。它具有比 DaoSession 更多的持久性方法。Entities:可持久化对象。通常, 实体对象代表一个数据库行使用标准 Java 属性(如一个POJO 或 JavaBean )。

使用

按照官方的文档和github上的说明可以实现greendao的使用。

首先进行的是依赖,对于greenDao,有两个地方需要设置,分别是项目根目录中的 build.gradle,还有module中的build.gradle。

classpath ‘org.greenrobot:greendao-gradle-plugin:3.3.0’ // add plugin

在项目根目录中的build.gradle目录中写这句话的意思是添加greenDao的插件。

在项目module中的build.gradle中也需要进行配置,有两个地方需要设置,如下图所示:

apply plugin: ‘org.greenrobot. //开头加入该代码

dependences{

implementation ‘org.greenrobot:greendao:3.2.0’

}

然后就可以使用了。

bean实体

可以在项目中创建自己业务需要的实体类,并通过注解来设置是实体类,字段约束等内容。然后点击Android Studio中的Make module,即可自动生成XXXDao代码,以此来方便开发者的操作。生成的XXXDao类,不可修改和编辑,是自动生成的。

ORMLite

ORMLite框架是另外一款Android开发中可以使用的数据库操作框架。该框架的文档地址如下:

该框架的文档准备的不是特别友好,此处不再赘述。

总结,所有的框架原理几乎都相差不大,只是操作有所差异。

视图注入框架

在Android项目开发过程中,有太多的页面需要布局完成,同时在代码中需要些大量的findviewbyid的操作,来实现控件的解析。于是就有人想能否轻松一些,解放双手节省时间,干一些其他有意义的事情,于是ButterKnife就来了。

ButterKnife是一个专注于Android系统的View注入框架,可以减少大量的findViewById以及setOnClickListener代码,可视化一键生成。

该项目在github上的地址如下:

这个框架的优势也非常明显:

强大的View绑定和Click事件处理功能,简化代码,提升开发效率方便的处理Adapter里的ViewHolder绑定问题运行时不会影响APP效率,使用配置方便代码清晰,可读性强

使用

首先是设置依赖,在build.

implementation ‘com.jakewharton:butterknife:10.2.1’

annotationProcessor ‘com.jakewharton:butterknife-compiler:10.2.1’

需要注意,该框架要求Java环境1.8版本以上,SDK版本在26以上,因此在使用到的module中的build.graldle文件中,还必须添加如下代码配置:

apply plugin: ‘com.jakewharton.butterknife’

android{

//…

compileOptions {

sourceCompatibility JavaVersion.VERSION_1_8

targetCompatibility JavaVersion.VERSION_1_8

}

//…

}

另外,还必须在项目根目录中的build.gradle文件中,添加该框架的插件,如下图所示:

dependences{

classpath ‘com.jakewharton:butterknife-gradle-plugin:10.2.1’

}

然后即可在代码中进行使用了。

在使用该框架的页面进行绑定诸如,如下所示代码:

ButterKnife.bind( this) ;

主要的功能

@BindView():控件id 注解,解放双手,不用再每个控件都写一遍findviewById@BindViews():多个控件id 的注解,括号内使用花括号包括多个id即可,中间用,分割开在Fragment中使用,绑定Fragment。@BindString():绑定字符串@BindArray:绑定数组@BindBitmap:绑定bitmap资源@OnClick、@OnLongClick:绑定点击事件和长按事件…还有很多

插件安装

如果是页面很复杂,一个一个写BindView也很费劲,在Android Studio中,可以安装一个ButterKnife的插件,安装该插件后,可以在Studio中直接将对应的布局中的所有控件均给自动生成。

注意,在进行自动生成时,鼠标要放在布局文件上。

注意事项

ButterKnife框架在使用时,要求的版本比较高,包括Java的版本也有限制。因此,如果计划在项目中使用,要提前做好预备工作,以防止对已有项目和业务带来不必要的麻烦,反而影响工作进度。

cordova 连接数据库的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于cordova 连接数据库,Cordova如何实现连接数据库功能,android app开发中常用到哪些开源框架的信息别忘了在本站进行查找喔。


数据运维技术 » Cordova如何实现连接数据库功能 (cordova 连接数据库)