VueJs 2를 사용한 기본적인 CRUD SQLite 3의 구조

VueJs 2를 사용한 기본적인 CRUD SQLite 3의 구조

SQLite3와 Vue2에 문제가 있다.

Electron-Vue를 사용하고 있으며 SQLite3 및 Require it Successfully (database.db)를 설치했습니다.

다음을 사용합니다.

var sqlite3 = require('sqlite3').verbose();
var path = require('path')
var db = new sqlite3.Database(path.join(__dirname, '..', '/../','db', 'database.db'));

다음 단계는 어렵습니까(기본 CRUD 시스템)?

이 코드를 Vue 컴포넌트에 추가하는 방법

db.serialize(function() {


db.run("CREATE TABLE lorem (info TEXT)");

var stmt = db.prepare("INSERT INTO lorem VALUES (?)");
for (var i = 0; i < 10; i++) {
  stmt.run("Ipsum " + i);
}

stmt.finalize();

var rows = document.getElementById("database");
db.each("SELECT rowid AS id, info FROM lorem", function(err, row) {
  var item = document.createElement("li");
  item.textContent = "" + row.id + ": " + row.info;
  rows.appendChild(item);
});
 });

 db.close();

간단한 데모 코드만 있으면 VueJS2 Component 및 SQLite3를 시작할 수 있습니다.

언급URL : https://stackoverflow.com/questions/43454647/how-basic-crud-sqlite-3-with-vuejs-2