Postgresql Gui
The PostgreSQL GUI project is a Svelte-based web project that provides a user-friendly and interactive graphical user interface for the PostgreSQL database. The project focuses on the Select_Table.svelte file, which contains a table with a dropdown selection for displaying data from different tables.
PG-Editor-Web
Dieses Svelte-Projekt konzentriert sich auf die Select_Tabelle.svelte-Datei, die eine Tabelle mit einer Dropdown-Auswahl zum Anzeigen von Daten aus verschiedenen Tabellen enthält. Die Tabelle bietet auch Filterfunktionen für jede Spalte und die Möglichkeit, neue Zeilen hinzuzufügen bzw. zu bearbeiten.
- Startseite (Auswahl der Tabelle):
- Anischt der Tabelle mit Editor-Funktionen
Voraussetzungen
- Node.js
- npm
- API zur PostgresDatenbank (z.B.: fastapi)
Installation
- Klonen Sie das Repository oder laden Sie den Code herunter.
- Navigieren Sie im Terminal zum Projektverzeichnis.
- Ändere in der ~ Select_Tabelle.svelte ~ die Beispiel-API-Adresse mit der richtigen Adresse, die mit der PostgreSQL-Datenbank kommuniziert.
- Führen Sie npm install aus, um die Abhängigkeiten zu installieren.
Verwendung
- Führen Sie npm run dev aus, um den Entwicklungsserver zu starten.
- Öffnen Sie Ihren Browser und navigieren Sie zu http://localhost:5000.
- API-Aufrufe und erwartete Ausgabe In diesem Projekt werden die folgenden API-Aufrufe verwendet:
- getTables: Gibt ein Array von Tabellennamen zurück.
- Beispiel-Ausgabe: ["tabelle1", "tabelle2", "tabelle3", ...]
- getTableStructure: Gibt ein Array von Spaltennamen für die ausgewählte Tabelle zurück.
- Beispiel-Ausgabe: ["spalte1", "spalte2", "spalte3", ...]
- getTableData: Gibt ein Array von Zeilen mit Daten für die ausgewählte Tabelle zurück. Jede Zeile ist ein Array von Zellenwerten.
- Beispiel-Ausgabe: [["wert1.0", "wert1.1", "wert1.2"], ["wert2.0", "wert2.1", "wert2.2"], ["wert3.0", "wert3.1", "wert3.2"]]
- Stellen Sie sicher, dass Ihre API die erwartete Ausgabe für jeden API-Aufruf bereitstellt, damit das Svelte-Projekt korrekt funktioniert.
