Question

我是Cordova Android开发的新手，这是我在Stack Overflow上的第一篇文章。我正在尝试使用预先填充的SQlite数据库中的数据创建一个Android Listview作为列表视图项目名称，当单击这些列表视图项目时，将使用来自同一SQLite数据库的数据打开一个新页面，其中包含详细信息。（例如，“第1页”将使用来自预先填充的SQlite数据库的数据动态创建列表视图，并且当单击列表视图项时，将打开新页面“页面2”，其中相关数据存储在同一数据库中，如分支名称中“第1页”和“第2页”中的分支详细信息。我已经从Git Hub安装了Sqlite插件，但还没有运气。任何人都可以帮我解决这个问题吗？任何查询都将不胜感激。

提前致谢。

N.B。我正在使用Cordova 3.5.0 CLI与Eclipse进行开发，而Android 4.1.2 Jelly Bean Mobile（不是模拟器，但真正的移动）来测试，我的代码如下----

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<script src="js/jquery-1.11.1.js"></script>

<script src="js/jquery.mobile-1.4.2.js"></script>

<script src="js/jquery.mobile-1.4.2.min.js"></script>

<link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" />

<link rel="stylesheet" href="css/themes/shiplu.css.min.css" />

<link rel="stylesheet" href="css/list.css" />

<link rel="stylesheet" href="css/jquery.mobile-1.4.2.css">

<script type="text/javascript" charset="utf-8">

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {

var db = window.sqlitePlugin.openDatabase({name: "gmapdata"});

 db.transaction(populateDB, errorCB, successCB);
}
// create table

function populateDB(tx) {
 tx.executeSql('DROP TABLE IF EXISTS markers');
 tx.executeSql('CREATE TABLE IF NOT EXISTS markers (id INT PRIMARY KEY  NOT NULL , name VARCHAR( 60 ) NOT NULL, address     VARCHAR( 80 ) NOT NULL , lat FLOAT( 10, 8 ) NOT NULL , lng FLOAT( 10, 8 ) NOT NULL , status VARCHAR, num VARCHAR DEFAULT (null) , zone VARCHAR, district VARCHAR)');
 tx.executeSql('INSERT INTO markers VALUES (?,?,?,?,?,?,?,?,?)', [2,'Motijheel Branch (AD)','161 Motijheel Commercial Area,  \n Dhaka- 1000 \n Ph: 9569350 (D) 7125266, 9564190, 01715028067 \n Fax: 9567664 ',23.722222,90.42171,'',NULL,'Corporate','Dhaka']);
 queryDB(tx);
}

// form the query
function queryDB(tx) {
tx.executeSql("SELECT name, address, district, zone from markers;", [], querySuccess, errorCB);
}
// Display the results
function querySuccess(tx, results) {
var len = results.rows.length;
//alert("results.rows.length: " + results.rows.length + " [should be 2]");

if(len>0)
{

document.write("<ul data-role='listview'>");

for (var i = 0; i < len; i++) { // loop as many times as there are row results

document.getElementById("output").innerHTML +=
    "<li><a href='#'>"+ results.rows.item(i).name +"</a></li>";
}
document.write("</ul>");
}
// Transaction error callback
function errorCB(err) {
console.log("Error processing SQL: " + err.code);
}
// Success error callback
function successCB() {
}
</script>

</head>

<body>

<script type="text/javascript" src="cordova.js"></script>


<div data-role="page" data-theme="f" id="br_list">


<div role="banner" class="ui-bar-a ui-header" data-role="header">
            <a data-theme="F" href="index.html" class="ui-btn-left ui-btn ui-btn-icon-left ui-btn-corner-all ui-shadow ui-btn-up-a" data-icon="arrow-l"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Back</span><span class="ui-icon ui-icon-arrow-l ui-icon-shadow"></span></span></a>
            <h1 aria-level="1" role="heading" tabindex="0" class="ui-title">Branch List</h1>
</div>


<div class="segment">

    <div id="output" align ="center"><img src="img/loading.gif"></div>

</div>

<div data-role="footer" >
                <h4>********</h4>
</div><!-- /footer -->

</div>

</body>

</html>

Answer 1

您是否正在使用任何Javascript编辑器进行工作。你需要为你的eclipse下载一个好的JS编辑器突出显示代码中的任何语法错误。如果您有任何语法错误，您的真实设备将不会显示任何消息它将无声地失败。

我建议你从你的应用程序删除所有jquery代码，然后测试cordova功能。一旦使cordova数据库功能正常工作，您可以添加jquery代码。

您是否已将SQLite插件添加到项目中。如果还没有，则代码中的以下行将不起作用。

var db = window.sqlitePlugin.openDatabase({name: "gmapdata"});

您需要使用cordova核心数据库API。请参考cordova链接以供参考 https://cordova.apache.org/docs/en/3.0.0/cordova_storage_storage.md.html
以下示例代码。

var db = window.openDatabase("test", "1.0", "Test DB", 1000000);

此外，当您在Real设备或模拟器上进行测试时。每次测试应用时，都需要确保卸载应用。
您可以使用alert（）调用，如下所示。

// Transaction error callback
function errorCB(err) {
alert("Error processing SQL: " + err.code);
}
// Success error callback
function successCB() {
    alert("successCB() called");
}

您还可以在最后一次插入调用中添加 queryDB（），如下所示另请注意，我已将 errorCB（）添加到插入调用，以便警告任何错误。

tx.executeSql('INSERT INTO markers VALUES (?,?,?,?,?,?,?,?,?)', 
[2,'Motijheel Branch (AD)','161 Motijheel Commercial Area,  \n Dhaka- 1000 \n Ph: 9569350 (D) 7125266, 9564190, 01715028067 \n Fax: 9567664 ',23.722222,90.42171,'',NULL,
'Corporate','Dhaka'],queryDB,errorCB);
//queryDB(tx);

将queryDB的定义更改为

function queryDB(tx, results) {...}

希望它有所帮助。

cordova 3.5.0上的SQLite插件无法正常工作

1 个答案: