phonegap-storage
phonegapではあまり紹介しませんが、ここで見た文章の分類ではその役割を少し知っています.
本節で紹介するphonegapの保存の実現は、不思議なことに、私はずっとその保存ファイルが保存されているディレクトリがどこにあるかを見つけていません./data/data/app package/databases/実はそうではないと思っていました.stackoverflow、gmailgroupで質問しましたが、まだ有効な回答が得られていません.経験のある友达がここに伝言を残して私に教えてくれることを望んで、感谢します!
実は2ページだけで、CRUDの操作を実現して、so easy!
index.html
add.html
コードは比較的に簡単であまり紹介しません.添付ファイルには工事のソースコードが含まれています.問題があったらメッセージをお願いします.
本節で紹介するphonegapの保存の実現は、不思議なことに、私はずっとその保存ファイルが保存されているディレクトリがどこにあるかを見つけていません./data/data/app package/databases/実はそうではないと思っていました.stackoverflow、gmailgroupで質問しましたが、まだ有効な回答が得られていません.経験のある友达がここに伝言を残して私に教えてくれることを望んで、感谢します!
実は2ページだけで、CRUDの操作を実現して、so easy!
index.html
<!DOCTYPE html>
<html>
<head>
<title>Storage Example</title>
<script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for Cordova to load
//
document.addEventListener("deviceready", onDeviceReady, false);
// Populate the database
//
function populateDB(tx) {
//tx.executeSql('DROP TABLE IF EXISTS DEMO');
tx.executeSql('CREATE TABLE IF NOT EXISTS DEMO (id integer PRIMARY KEY autoincrement, title text,content text)');
//tx.executeSql('INSERT INTO DEMO (title,content) VALUES ("First row","first content")');
//tx.executeSql('INSERT INTO DEMO (title,content) VALUES ("Second row","second content")');
}
// Query the database
//
function queryDB(tx) {
tx.executeSql('SELECT * FROM DEMO', [], querySuccess, errorCB);
}
// Query the success callback
//
function querySuccess(tx, results) {
var len = results.rows.length;
var div = "<table>";
console.log("DEMO table: " + len + " rows found.");
for ( var i = 0; i < len; i++) {
console.log("Row = " + i + " ID = " + results.rows.item(i).id
+ " Data = " + results.rows.item(i).title);
div += "<tr><td>" + i + "</td>" + "<td>" + results.rows.item(i).id
+ "</td>" + "<td>" + results.rows.item(i).title + "</td>"
+ "<td>" + results.rows.item(i).content + "</td>"
+ "<td><a href='#' onclick='deletes("
+ results.rows.item(i).id + ");'>delete</a></td></tr>";
}
div += "</table>";
document.getElementById("div").innerHTML = div;
}
var index;
function deletes(index_) {
index = index_;
var db = window.openDatabase("Database", "1.0", "Cordova Demo", 200000);
db.transaction(deletes_, errorCB, successCB);
}
function deletes_(tx) {
tx.executeSql('delete FROM DEMO where id = ' + index, [], querySuccess,
errorCB);
}
// Transaction error callback
//
function errorCB(err) {
console.log("Error processing SQL: " + err.code);
}
// Transaction success callback
//
function successCB() {
var db = window.openDatabase("Database", "1.0", "Cordova Demo", 200000);
db.transaction(queryDB, errorCB);
console.log("Success processing SQL: ");
}
// Cordova is ready
//
function onDeviceReady() {
var db = window.openDatabase("Database", "1.0", "Cordova Demo", 200000);
db.transaction(populateDB, errorCB, successCB);
}
function display() {
var db = window.openDatabase("Database", "1.0", "Cordova Demo", 200000);
db.transaction(queryDB, errorCB);
}
function search() {
var db = window.openDatabase("Database", "1.0", "Cordova Demo", 200000);
db.transaction(search_, errorCB, querySuccess);
}
function search_(tx) {
var key = document.getElementById("keywords").value;
console.log("key: " + key);
tx.executeSql("SELECT * FROM DEMO where title like '%" + key + "%'",
[], querySuccess, errorCB);
}
</script>
</head>
<body>
<h1>Example</h1>
Database
[url=add.html]Add[/url]
<input name="keywords" id="keywords" placeholder="search something">
<input type="submit" onclick="search();" />
<div id="div"></div>
</body>
</html>
add.html
<!DOCTYPE html>
<html>
<head>
<title>Storage Example</title>
<script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for Cordova to load
//
function inster(){
var db = window.openDatabase("Database", "1.0", "Cordova Demo", 200000);
db.transaction(inster_, errorCB, successCB);
}
function inster_(tx){
var t = document.getElementById("title").value;
var c = document.getElementById("content").value;
tx.executeSql("INSERT INTO DEMO (title,content) VALUES ('"+t+"','"+c+"')");
}
// Transaction error callback
//
function errorCB(err) {
console.log("Error processing SQL: "+err.code);
}
// Transaction success callback
//
function successCB() {
console.log("Success processing SQL: ");
}
</script>
</head>
<body>
<h1>Example</h1>
Database - Add
Title:
<input type="text" id="title"/>
Content:
<input type="text" id="content"/>
<input type="submit" id="submit" value="submit" onclick="inster();"/>
</body>
</html>
コードは比較的に簡単であまり紹介しません.添付ファイルには工事のソースコードが含まれています.問題があったらメッセージをお願いします.