[英]MongoDB-like JS library to store objects in client side indexedDB?
Given the following localStorage
code ( jsfiddle ) :给定以下
localStorage
代码( jsfiddle ):
// my new information
var data = {character: "中", totalMistakes: 0};
var han = data.character;
// create localStorage; Unpack, update, repackage knol
/* **** THIS IS THE SECTION TO CONVERT **** */
localStorage.knol = '{}'; // create pseudo object, as string
var knol = JSON.parse(localStorage.knol)
knol[han] = data;
localStorage.knol = JSON.stringify(knol);
// Print to check if all went well.
console.log('data: ',data)
console.log('han: ',han)
console.log('knol: ',knol)
console.log('localStorage.knol: ',localStorage.knol)
console.log('localStorage.knol: ',JSON.parse(localStorage.knol))
console.log('localStorage.knol[han]: ',JSON.parse(localStorage.knol)[han])
At the end, localStorage.knol
is :最后,
localStorage.knol
是:
{
"中": {character: "中", totalMistakes: 0}
}
I'am looking for a Mongo-like js library to store data on client side indexedDB, with a syntax similar to MongoDB with which I'am already familiar.我正在寻找一个类似于 Mongo 的 js 库来在客户端 indexedDB 上存储数据,其语法类似于我已经熟悉的 MongoDB。
How to convert localStorage code above into Mongo-like IndexedDB library syntax so to store an object ?如何将上面的 localStorage 代码转换为类似 Mongo 的 IndexedDB 库语法来存储对象?
EDIT: I suggest minimongo, but any MongoDB-like library storing in indexedDB will do.编辑:我建议使用 minimongo,但任何存储在 indexedDB 中的类似 MongoDB 的库都可以。
There is a variety of librairies available to do that .有多种图书馆可以做到这一点。
Using Dexie.js and its API ( jsfiddle ) :使用Dexie.js 及其 API ( jsfiddle ) :
<!-- Include dexie.js -->
<script src="https://unpkg.com/dexie@latest/dist/dexie.js"></script>
<script>
var db = new Dexie('MyDatabase');
// Define a schema
db.version(1).stores({ knol: 'character, totalMistakes' });
// Open the database
db.open().catch(function(error) { alert('Uh oh : ' + error); });
// or make a new one
db.knol.put({ character: '中', totalMistakes: 8 });
// Find some old friends
var mistakes = db.knol.where('totalMistakes');
//mistakes.above(6).each (function (item) { console.log (item); });
mistakes.aboveOrEqual(0).each (function (item) { console.log (item)});
</script>
I don't recommend it, but there is how to use it in web browsers我不推荐它,但有如何在网络浏览器中使用它
(Exploration ongoing https://jsfiddle.net/vb92pecv/3/ ) (探索正在进行中https://jsfiddle.net/vb92pecv/3/ )
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.