Administration de la base de données HTML5 / introspection?

StackOverflow https://stackoverflow.com/questions/1051868

  •  20-08-2019
  •  | 
  •  

Question

Je suis en train de jouer avec le stockage côté client html et je voulais savoir s'il existait des installations permettant l'introspection de la base de données - existe-t-il un équivalent de sqlite & "; tables"!! " ou " .schema " ?

De plus, mes tables n'apparaissent pas dans AppData \ Local \ Apple Computer \ Safari \ LocalStorage. Y a-t-il un autre lieu où des tables sont stockées?

Était-ce utile?

La solution

Ceci est spécifique au navigateur.

Pour Safari, vous avez besoin de Safari 4 - ils ont un outil d’inspection (Figure 2-11) à cette fin.

Autres conseils

Safari stocke les tables dans & "AppData \ Local \ Apple Computer \ Safari \ Bases de données &".

First Databases.db est une base de données sqlite3 avec 2 tables.

  

Origins surveille le site qui a créé la base de données et le stockage maximal pour cette base de données.

     

Les bases de données suivent les bases de données spécifiques et leur dossier, leur nom commun et leur nom de fichier

J'utilise l'outil de ligne de commande sqlite3 ou parfois l'administrateur SQLite. Toute application sqlite3 fera l'affaire.

Votre base de données sera dans un sous-dossier tel que http_exeample_com_0 \ 00000000003.db 

select * from sqlite_master;

Cette table a des colonnes pour le type ('table' ou 'index'), nom, nom_table, sql (équivalent de ce que le résultat .schema génère)

J'ai créé un script pour afficher le contenu de la base de données. 

<!DOCTYPE html>
<html>
<head>
<title>sqlite database</title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
var db;
function openDB(shortName, version, displayName, maxSize){
 try{
  if(window.openDatabase)
  {
   db = openDatabase(shortName, version, displayName, maxSize);
  }
  else
  {
   alert("Your browser does not have a sqlite database");
  }
 }catch(e){
  alert(e);
 }
}
function executeQuery($query,callback,errorcallback){
 try{
  if(window.openDatabase){
   db.transaction(function(tx){
    tx.executeSql($query,[],function(tx,result){
     if(typeof callback == "function"){
      callback(result);
     }else{
      if(callback != undefined){
       eval(callback+"(result)");
      }
     }
    },function(tx,error){
     if(typeof errorcallback == "function"){
      errorcallback(error);
     }else{
      if(errorcallback != undefined){
       eval(errorcallback+"(error)");
      }
     }
    });
   });
  }
 }catch(e){
  alert(e);
 }
}
$(function(){
  openDB("dbname", "1.0", "Display Name", 2 * 1024 * 1024/*size of db*/);
  executeQuery("SELECT name FROM sqlite_master WHERE type='table'", function(tables)
  {
   var tableNames = new Array();
   for(var i = 1; i < tables.rows.length; i++)//i starts at 1 to skip over the "__WebKitDatabaseInfoTable__" table
   {
    tableNames.push(tables.rows.item(i).name);
   }
   var count = 0;
   for(var i = 0; i < tableNames.length; i++)//if there is no information in the table we cannot get the column names;
   {
    executeQuery("SELECT * FROM " + tableNames[i], function(results){
    var columnNames = new Array();
    var table = "<div class='tableName'>" + tableNames[count++] + "</div><table cellspacing='0' cellspacing='0' class='table'>";
    if(results.rows.length > 0)
    {
     table += "<tr class='headerRow'>";
     for(var column in results.rows.item(0))
     {
      columnNames.push(column);
      table += "<th class='columnName'>" + column + "</th>";
     }
     table += "</tr>"
     for(var i = 0; i < results.rows.length; i++)
     {
      table += "<tr class='tableRow'>";
      for(var columnName in columnNames)
      {
       table += "<td class='tableEntry'>" + results.rows.item(i)[columnNames[columnName]] + "</td>";
      }
      table += "</tr>";
     }
    }
    else
    {
     table += "<tr><td>empty</td></tr>";
    }
    table += "</table>";
    $("body").append(table);
   }, function(error){
    alert(error.message);
   });
  }
 }, function(error){
  alert(error.message);
 });
});
</script>
<style type="text/css">
.tableName{
 font-variant: small-caps;
 font-size: 20px;
 margin-top: 15px;
}
.headerRow{
    background-color: #ff0;
}
.columnName{
 border: 1px solid #000;
 padding: 2px 10px;
}
.tableRow{
    background-color: #AFA;
}
.tableEntry{
 border: 1px solid #000;
 padding: 2px 10px;
}
.table{
 border: 1px solid #000;
}
</style>
</head>
<body>
</body>
</html>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top