WebSQL for PhoneGap应用程序

时间:2014-11-28 11:37:33

标签: android database cordova web-sql

我希望使用WebSQL将数据存储在Android PhoneGap应用中,但不知道从哪里开始。当应用程序脱机时,无需从Web检索数据,我希望有一个可以查询的预填充数据库。几个问题: 如何创建预先填充的数据库? (它应该是什么样的文件格式) 如果有两个因素可以更改,如何使用SQL从数据库中获取这些因素组合的结果。 如果用户从Android设备上的“设置”菜单中清除应用数据,是否会擦除数据库? 感谢任何帮助。感谢

1 个答案:

答案 0 :(得分:0)

在PhoneGap应用程序中预填充SQLite数据库

1)您可以借助 SQLite Manager 等工具为应用创建基本数据库,或者如果您的应用中已有数据库,则可以直接获取数据库文件。< / p>

2)然后你需要通过CLI安装Cordova / PhoneGap SQLitePlugin。 (Cordova/PhoneGap SQLitePlugin

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

3)在你的html中添加以下脚本文件。

<script src="plugins/com.brodysoft.sqlitePlugin/www/SQLitePlugin.js"></script>

4)如果你正在为模拟器工作,那么使用命令提示符复制你的数据库,我在资产文件夹中添加了myDB.sqlite然后运行。

adb push myDB.sqlite /data/data/com.my_app.my_app/databases/myDB.sqlite

5)对于设备,只需将它们放入到Android的app资源文件夹中。你需要myDB.sqlite和file__0 / 0000000000000001.sqlite文件。

6)现在,您必须在首次启动应用程序时在应用程序的本机位置复制文件,并确保在第一次SQLite查询之前复制文件。要复制这些文件,您可以根据您的环境使用以下代码段。 JAVA(Android)。的 More...

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.init();
        try {
            String pName = this.getClass().getPackage().getName();
            this.copy("myDB.sqlite", "/data/data/" + pName + "/databases/");
            this.copy("0000000000000001.sqlite", "/data/data/" + pName + "/app_database/file__0/");
        } catch (IOException e) {
            e.printStackTrace();
        }

        super.loadUrl(Config.getStartUrl());
    }

    void copy(String file, String folder) throws IOException {

        File CheckDirectory;
        CheckDirectory = new File(folder);
        if (!CheckDirectory.exists()) {
            CheckDirectory.mkdir();
        }

        InputStream in = getApplicationContext().getAssets().open(file);
        OutputStream out = new FileOutputStream(folder + file);
        // Transfer bytes from in to out
        byte[] buf = new byte[1024];
        int len;
        while ((len = in.read(buf)) > 0) out.write(buf, 0, len); in .close();
        out.close();

    }

7)然后在你的js文件中添加片段。

    $(document).ready(function(e){      
        document.addEventListener("deviceready", dbConnection, false);            
    }) 

    function dbConnection(){

        db = window.sqlitePlugin.openDatabase("myDB.sqlite", "1.0", "DB", 2000000);
        db.transaction(function(tx) {  
            tx.executeSql("SELECT * from table", [], function(tx, res) {                           
                for(var i=0; i<res.rows.length; i++){                        ;
                    console.log("RESULT:" + res.rows.item(i)['field_name']);
                }            
            });
        });
    }

<强> More Detail...