HTML5 LocalStorage & SQL
-
18-09-2019 - |
문제
HTML5 "LocalStorage"는 a라는 것을 이해합니다 키 : 가치 저장소 그러나 더 많은 것을 제공하는 JavaScript 라이브러리가 있는지 궁금합니다. SQL-ish API?
해결책
체크 아웃 html5는 SQL이 없습니까? 그리고 Dom Storage : 일반적인 쿠키 치료 일부 링크와 의견.
다른 팁
W3C 데이터베이스 사양 말 :
사용자 에이전트는이를 구현해야합니다 SQL 방언 SQLITE 3.6.19에 의해 지원됩니다.
지금과 같은, 적어도 Chrome은 SQL 방언을 지원합니다. 나는 가지고있다 확인 내 자신.
HTML5 데이터베이스 스토리지를 사용해야합니다 (트랜잭션을 통해 SQL을 지원 함). 여기 튜토리얼 : http://www.html5rocks.com/tutorials/webdatabase/todo/
HTML5 로컬 데이터베이스 스토리지는 기본적으로 SQL 인터페이스와 함께 제공됩니다.
다음은 몇 가지 예가있는 WebKit 게시물입니다. http://webkit.org/blog/126/webkit-does-html5-client-side-database-storage/
현재 Chrome은 약간 다르지만 여전히 SQL 기반의 기어를 사용하도록합니다. 그러나 미래의 크롬 버전은 HTML5 사양을 따릅니다.
당신은 시도 할 수 있습니다 alasql. 표준 SQL 언어를 지원하고 데이터를 메모리 또는 로컬 스토리지로 유지합니다. Sevelar 방법, LocalStorage와 함께 Alasql을 사용하는 방법이 있습니다. 아래에서 이름 "Atlas"로 LocalStorage 데이터베이스를 작성하고 Alasql에 "MyAtlas"로 첨부 한 다음 다른 데이터베이스와 같은 테이블로 작업 할 수 있습니다. 기본적으로 AlASQL은 모드에서 자동 커밋을 사용하므로 각 SQL 문 후에 데이터를 로컬 스토리지에 저장합니다.
이것은 샘플입니다.
alasql('CREATE localStorage DATABASE IF NOT EXISTS Atlas');
alasql('ATTACH localStorage DATABASE Atlas AS MyAtlas');
alasql('CREATE TABLE IF NOT EXISTS MyAtlas.City (city string, population number)');
alasql('SELECT * INTO MyAtlas.City FROM ?',[[{city:'Vienna', population:1731000},
{city:'Budapest', population:1728000}]]);
var res = alasql('SELECT * FROM MyAtlas.City');
이 샘플을 사용하십시오 jsfiddle. 이 샘플을 두세 번 (또는 다시로드) 실행하면 테이블에서 라인 수가 어떻게 증가하는지 알 수 있습니다.