Mit VueJS, Daten von MySQL abfragen und verändern?

Hallo, auf dem Schulserver unserer Schule habe ich eine MySQL Datenbank. Jetzt möchte ich in VueJS, Daten von dieser Datenbank abfragen und bearbeiten. Im Internet konnte ich leider keine guten Videos/Dokumentationen dazu finden. Wie kann ich mein Vorhaben umsetzen?

20.01.2024, 11:03

Ich meinte von VueJS ein File aufzurufen, dass für mich bestimmte Daten einfügt. Könnte zum Beispiel mit PHP sein, aber ich weiß nicht, wie ich so etwas mache.

Ich habe also in meiner Vue-Datei einige Variablen, die ich mit z.B. PHP in eine Datenbank schreiben möchte.

3 Antworten

Ireeb

20.01.2024, 11:23

Es gibt zwei übliche Optionen, um Daten an ein Backend zu senden, da wäre einerseits die in JS eingebaute fetch-Funktion. Mit der würde man im Normalfall einen POST-Request an das Backend schicken und die entsprechenden Daten mit Anhängen. Alternativ gibt es die Axios-Library, die ähnliche Funktionalität hat.

Wenn du ein PHP-Backend verwendest (und das kann hier eine einzelne Datei sein), kannst du die vom Frontend gesendeten Daten dann in der Variable $_POST finden und damit arbeiten.

Wichtig: Bei solchen Sachen musst du immer davon ausgehen, dass auch unerwartete Dinge oder gar nichts in $_POST stehen, daher immer prüfen, ob überhaupt etwas drinsteht, und wenn man mit einer Datenbank arbeitet, sicherstellen, dass keine SQL-Injection möglich ist.

In der PHP-Datei kann man dann z.B. mit der eingebauten mysqli-Klasse arbeiten, um die Daten in die Datenbank zu schreiben.

https://www.php.net/manual/de/mysqli.quickstart.php

Woher ich das weiß:Berufserfahrung – Tätigkeit als Webentwickler in einer Digitalagentur

Mirko Marek

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Mediengestalter Digital und Print

20.01.2024, 10:13

Das geht aus gutem Grund nicht. Die Abfrage von Daten geschieht serverseitig. JavaScript und JS-Frameworks haben keine Möglichkeit das clientseitig umzusetzen. Das wäre ein Sicherheitsrisiko. Dafür gibt es Sprachen wie Python oder PHP die Daten abrufen können und dem Script via Request zusenden können.

Woher ich das weiß:Berufserfahrung – Ich bin gelernter Mediengestalter Digital und Print(IHK)

GuteFrageXY13

Beitragsersteller

20.01.2024, 11:00

Ich habe es falsch formuliert. Ich versuche aus VueJS genau so etwas wie ein PHP Skript aufzurufen, das diese Aufgabe für mich übernimmt. Sprich ich habe im VueJS einige Variablen, die ich mithilfe von z.B. PHP in eine Datenbank schreiben möchte.

Mirko Marek

21.01.2024, 00:15

@GuteFrageXY13

Hi, kein Problem. Mithilfe von HTTP-Requst oder mit fetch lassen sich asynchron Daten abrufen vom Server. Es wird sozusagen die PHP-Seite aufgerufen und die gibt Daten aus. Davor kann man Daten zu dieser PHP-Datei senden. Diese wird dann entwerder via POST-Methode oder GET-Methode empfangen und kann weiterverarbeitet werden. Als Ergebnis wird als Request die benötigten Daten zurück gesandt. Ich bin Hater von VueJS, sondern bin vor Corona von JavaScript-Frameworks weg gegangen und habe zum größtenteil positive Erfahrungen gesammelt aber gerne schreibe ich dir eine Lösung in VueJS: https://www.w3schools.com/vue/vue_http.php und https://test-utils.vuejs.org/guide/advanced/http-requests Ich wünsche dir damit viel Erfolg und wenn du weitere Fragen hast dann einfach auf gutefrage.net schreiben.

Sören Stabenow

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Softwareentwickler / IT-Prozessmanager

19.01.2024, 10:49

VueJS ist eigentlich nur für Front-End, es gibt zwar Embedded Datenbanken, aber die sind alle nur im Arbeitsspeicher und MySQL wirst du damit nicht hinkriegen.

Alles zu Datenbanken solltest du im Backend machen.

Woher ich das weiß:Studium / Ausbildung – Fachinformatiker /Anwendungsentwicklung

Ähnliche Beiträge

Daten aus MySQL auf Website darstellen?

Ich habe Daten in einer MySQL Datenbank, die ich gerne auf einer Website darstellen möchte, jeweils immer beim Klick auf einen Button (pro Button eine etwas andere Abfrage)

Eine entsprechende Abfrage dafür wird in JavaScript bereits erstellt.

Jetzt müssen die Daten nur noch abgerufen und eingefügt werden. - Nach allem, was ich gelesen habe, soll es sehr umständlich sein, MySQL in JavaScript zu verbinden.

Bisher habe ich probiert, die Abfrage per Cookie in PHP zu übertragen, dort die Daten abzufragen und zu echoen - das ganze mit einem getElementById().innervalue = ..., sodass immer die aktuelle Abfrage im DOM-Element ist, das passiert aber nur beim ersten Mal.

Das Abfragen der Daten in PHP und Zurückgeben an JS hat weder über einen Cookie, noch ein echo funktioniert.

...zum Beitrag

Flutter Datenbankanbindung?

Hey, ich habe eine MySQL Datenbank und möchte diese nun mit meiner Flutter App verbinden, sodass ich dann in einer ListView Daten ausgeben kann.

Bisher hab ich im Internet etwas über Firebase bzw. MySQL Lite gelesen, aber das ist ja nicht das richtige, da ich ja eine MySQL Datenbank habe.

Wie kann ich nun meine App mit der MySQL Datenbank verbinden und anschließend Daten abfragen und ausgeben?

...zum Beitrag

Webentwiclung: Von fake-db zu richtiger Datenbank (Vue)?

Hallöchen,

Ich habe ein Admindashboardtemplate gekauft welches in nun in den Versionen Vue, Vue+Lavarel, HTML, HTML+Lavarel und React besitze. Ich habe mich für Vue entschieden, auch wenn ich damit noch recht wenig vertraut bin.

Daher meine Frage. Das Template greift momentan auf Daten aus einem @fake-db Ordner zurück. Wie kann ich es bewerkstelligen, das das Template Daten aus einer richtigen MySQL Tabelle nimmt? Soweit ich das erkennen konnte sind in dem Template "axios" und "Mock" vorhanden.

Vielen Dank euch!

...zum Beitrag

PHP: MySQL Tabelle leeren?

Hey.

Mein Kollege und ich sind die ganze Zeit schon dran, eine Tabelle in einer MySQL Datenbank über PHP zu löschen bzw. den Inhalt zu leeren.
Wir haben schon die unterschiedlichsten Anweisungen ausprobiert, doch nichts funktioniert!

Das ist unser Code:

<?php

//DB-Connection

$sql = ("DELETE FROM tabelle");

<?

Die DB ist erstmal eine Test-Datenbank mit random Inhalt:

Der Code gibt im XAMPP-localhost-Tab nichts aus.

Danke für jede Hilfe und Antwort :)

...zum Beitrag

Flask MySQL Datenbank?

Hallo,

ich möchte in meiner Flask App auf eine MySQL Datenbank zugreifen. Es gibt ja jede menge Möglichkeiten das umzusetzen. Was ist die beste und sicherste?
Zur Info: Ich habe vorher in PHP mit PDO gearbeitet.

Edit: Ich würde es bevorzugen, wenn ich es ohne Objekte/Klassen für die jeweilige Tabelle nutzen kann.

...zum Beitrag

SQL Abfrage anpassen, sodass Datum mit aktueller Uhrzeit angezeigt wird?

Hallo zusammen,

ich habe eine MYSQL Datenbank mit dieser Tabelle:

Gerne würde ich die ml nach Datum gruppiert summieren.
Dafür habe ich folgende Abfrage gebaut:

SELECT SUM(ml) as summe, datum FROM myTable GROUP BY DATE(datum) ORDER BY datum.

Das Ergebnis sieht so aus:

Fast gut, aber nicht perfekt.

Statt 2024-04-18 04:50:00 hätte ich gerne den Datensatz, mit der aktuelleren Uhrzeit.
Sprich: 2024-04-18 14:00

Jemand eine Idee?

...zum Beitrag

Kann Javascript und/oder Python auch mit mySQL?

Kann ich mit einer oder beiden der genannten Sprachen auch mit Datenbanken wie mySQL arbeiten? Zum Beispiel ein Web-Lexikon schreiben oder ein Backend für Webseiten erstellen? Oder ist der "Klassiker" PHP absoluter Platzhirsch in dem Bereich?

...zum Beitrag

MySQL (PHPMyAdmin) abfragen in Xcode & Java?

Hallo, ich suche nach einer Methode wie eine von einer MySQL Datenbank etwas in Xcode mit Swift abfragen kann und auch mit Java in IntelliJ zumbeispiel von einem MinecraftServer ein Geldbetrag den ich dann auf Website und Handy abfragen kann. Eine Datenbank habe ich mit diesen Daten ich weis nur nicht wie ich das abfrage und wenn, wie mache ich es sicher das es keiner abgreifen kann?

...zum Beitrag

Nginx, Php, Mysql Connection Fehler?

Hallo, unzwar wenn ich auf meine index.php seite gehe kommt "Diese Seite funktioniert nicht" in var/log/nginx/error.log steht:

https://hastebin.com/share/ibaxaxumoj.bash

und meine connection.php sieht so aus für die datenbank:

 <?php
$connection = mysqli_connect("localhost", "root", "password", "developers") or die("Connection Failed");

...zum Beitrag

Verschachtelte sql abfrage bzw. sortierung?

So, ich habe ein Problem.

Gerne möchte ich daten als liste aus einer datenbank laden. diese daten sollen seiten anzeigen als tabelle, diese seiten haben aber teilweise untergeordnete seiten die in der datenbank unter 'parent' die 'id' des elternelementes und diese wiederum können auch untergeordnete seiten haben.

wie gestalte ich die datenbankabfrage wenn ich die seiten anzeigen will in einer tabelle in der erst die "Höchste" nach dem 'sort' wert absteigend und zwischen diesem sort und dem nächsten "höchsten" datensatz dazwischen die unterseiten erscheinen?

hier ein bild der Tabelle:

anhin ein codeschnipsel der tabelle die ich schon habe:

<?php if (!empty($pages)): ?>
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>Link</th>
                <th>Titel</th>
                <th>Navigationselement</th>
                <th>Aktionen</th>
            </tr>
        </thead>
        <tbody>
            <?php foreach($pages AS $page): ?>
                <tr>
                    <td><?php echo e($page->id); ?></td>
                    <td><?php echo e($page->slug); ?></td>
                    <td><?php echo e($page->title); ?></td>
                    <td><?php echo e($page->nav); ?></td> 
                    <td>
                        <form method="POST" action="./?route=admin/page/delete">
                            <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>" />
                            <input type="hidden" name="id" value="<?php echo e($page->id); ?>" />
                            <input type="submit" value="Löschen" class="button-as-link" />
                        </form>
                        <a href="./?route=admin/page/edit&id=<?php echo e($page->id); ?>">Editieren</a>
                    </td>
                </tr>
            <?php endforeach; ?>
        </tbody>
    </table>
<?php else: ?>
    <p>Es wurden noch keine Seiten angelegt.</p>
<?php endif; ?>

...zum Beitrag

Username auslesen aus einer mysql datenbank mit php?

Ich habe eine Datenbank, in der man sich mit meinem php script einloggen kann.

Jetzt möchte ich gerne, dass der user mit seinem angegebenen Namen angesprochen wird. Dafür müsste ich die zu dieser id gehörigen reihe auslesen an der stelle name.

Irgendwie habe ich aber drei Ergebnisse, wahrscheinlich alle drei personen, die schon in der Datenbank sind.

Deshalb hier meine Frage:

Wie lese ich nur genau ein Feld der Datenbank aus, und speichere das Ergebnis dann in der Variablen, die ich in Text einbinden kann?

Vielen Dank

...zum Beitrag

Website mit MySQL Datenbank verbinden?

Ich habe mit XAMPP und phpmyadmin eine kleine SQL Datenbank angelegt. Man kommunziert da allerdings nur mit sich selbst. Wie verbinde ich also eine MySQL Datenbank mit einer Website, das ich z.B. mit einem PHP Skript Daten hinzufügen kann. Wichtig: Die Website sollte online sein und nicht nur für mich

...zum Beitrag

Excel Export aus MySQL Datenbank per PHP?

Hallo, ich habe eine MySQL Datenbank mit mehreren Tabellen. Die Abfrage und Ausgabe im Browser funktioniert soweit ganz gut, jedoch möchte ich anstatt der Anzeige im Browser meine Abfrage als Excel Datei exportieren.

Das heißt ich führe das Script aus und der Browser bietet mir an eine Excel Datei mit dem entsprechenden SELECT Inhalt zum Downloaden und Speichern bzw. öffnen an.

Hat jemand vielleicht Hilfe mit den erforderlichen Code-Bausteinen oder evtl. sogar eine Komplettlösung? Ich bin echt am verzweifeln und bei google gefühlt auf Seite 50000...

...zum Beitrag

MySQL databse auf update prüfen?

Gibt es eine if abfrage in PHP mit der ich eine veränderung in einem SQL Table feststellen kann? Oder wird dafür jQuery ajax benötigt?

Danke für Antworten :)

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen