2016-07-25 8 views
1

Ich arbeite an einer Aufgabe für eine Dummy-Telefonbuch-App, die ein "extra Punkte" Teil eines Tests für eine lokale Frontend-Job-Eröffnung ist. Ich habe einige grundlegende Anwendungen mit eckigen vor, aber ich habe es immer zusammen mit PHP und MySQL verwendet. Für dieses Projekt geben die Anforderungen an, dass ich nicht mit einem Server kommunizieren kann, daher muss ich Daten speichern, bearbeiten, löschen und durchsuchen, ohne eine echte Datenbank zu haben.Angular Datenbank ohne einen Server

Ich weiß nicht einmal, welche Möglichkeiten es gibt, um so etwas zu erreichen, und auch nicht, welches ich wählen sollte. Ich suche nach einem einfachsten Werkzeug, das mir helfen kann, diese Anforderungen zu erfüllen, vorzugsweise mit einer anständigen Dokumentation, die mir helfen kann, so schnell wie möglich aufzustehen.

Antwort

0

können Sie Google's Firebase verwenden. Wenn Firebase für Sie kompliziert ist, verwenden Sie einfach lokalen Speicher.

0

Sie können CSV-Datei verwenden, um Ihre Daten zu speichern.

1

Zum Speichern von Daten auf dem Client Sie lokale Speicher Methoden verwenden:

  • WebStorage: Web Storage API (bietet sowohl session und local)
  • gears: Google Gears-basierte persistent Speicher
  • whatwg db: HTML-Datenbankspeicherstandard
  • cookie: Cookie-basierter persistenter Speicher RFC

Die beste Wahl hängt von der Art der zu speichernden Daten und der Verwendung dieser Daten ab. Die häufigste Wahl ist WebStorage.

Wenn Sie Angular verwenden, ist das großartige Modul ngStorage verfügbar, das Web Storage in der Angular Way funktioniert.

gewarnt, dass:

  • Sie in der Lage sein werden nur Daten speichern pro Benutzer, natürlich (das heißt, Sie werden keine globalen Status der Anwendung speichern können).
  • Jede Client-Speicherlösung weist strikte Platzbeschränkungen auf, die sich oft von Browser zu Browser unterscheiden.

Wenn Sie stattdessen einfach keine lokalen Server-Lösung verwenden möchten, können Sie eine Cloud-Plattform versuchen, wie zum Beispiel firebase (nur von Google übernommen) oder andere.

+0

Vielen Dank, ich begann mit ngStorage daran zu arbeiten, aber ich frage mich, ob all die Funktionalität, die ich brauche, möglich sein wird mit diesem Ansatz. Ich muss jedem Kontakt einen ID-Schlüssel hinzufügen, und ich brauche eine Option, um jeden der Kontakte in einer separaten Ansicht basierend auf ihrer ID anzuzeigen und zu bearbeiten, und ich brauche auch eine Option, um nach bestimmten Namen oder Nummern zu suchen . – DigitalSoulArts

+0

Wenn Sie jedem Kontakt einen uniq id Schlüssel hinzufügen müssen, brauchen Sie wirklich ein serverseitiges Backend ... :-) Bitte lesen Sie über firebase ... – MarcoS

1

Sie einfach lokalen Dateisystem und Speicherobjekte als JSON JSON.stringify() verwenden können und analysieren sie JSON.parse(jsonstring)

mit zurück Telefonbuch des auf Ihren Server-Datei schreiben

var phonebook = { 
    'name1' : 234283409, 
    'name2' : 234253453, 
    'name3' : 234234236 
}; 

var jsonStr = JSON.stringify(phonebook); 

/* 
__________________ 
contents of jsonStr 

{"name1":234283409,"name2":234253453,"name3":234234236} 
__________________ 
write a logic here to save this JSON on a file in your server. 
*/ 

Telefonbuch Ihres Servers Datei lesen

//write a logic here to read JSON back from your server's file 
var jsonStr = getJSONDataFromServer(); 

var phonebook = JSON.parse(jsonStr); 

//now you can use your phonebook as a usual js object