Heim > Web-Frontend > js-Tutorial > SQL zum Reagieren von Komponenten in Sekunden

SQL zum Reagieren von Komponenten in Sekunden

王林
Freigeben: 2024-08-09 14:35:40
Original
263 Leute haben es durchsucht

Können Sie sich vorstellen, eine SQL-Klausel schreiben zu können, ohne sich um Ihr Backend oder Ihre Server kümmern zu müssen?

Daraus

SELECT * FROM users LIMIT 100;
Nach dem Login kopieren

Dazu

const View = () => {
  return <ListUsers />;
};
Nach dem Login kopieren
Nach dem Login kopieren

Oder Sie können mit kurzen Klauseln sogar einen vollständigen Ablauf für Ihre Bewerbung erstellen:

-- <ListUsers />
SELECT * FROM users LIMIT 100;
-- <User userId={id} />
SELECT * FROM users WHERE id = :userId;
-- <UpdateUser userId={id} form={form} />
UPDATE users SET name = :name, image = :image WHERE id = :userId;
-- <DeleteUser userId={id}/>
DELETE FROM users WHERE id = :userId;

Nach dem Login kopieren

Und wenn Sie sich nicht um die Entwicklung des Backends, die Bereitstellung, die Verbindung zu einer Datenbank usw. kümmern müssten, wie schnell könnten Sie Ihr Produkt entwickeln und iterieren?

Präsentation vor Blokay

Blokay ist ein Open-Source-Tool, mit dem Entwickler Backend-Codeblöcke erstellen können und das automatisch das Frontend für die Komponente generiert.

SQL to React Components in seconds

  • Verbinden Sie Ihr bevorzugtes Frontend-Framework
  • SQL zu (React, Vue usw.) Komponenten
  • Cron-Job in Sekunden generieren
  • Diagramme, APIS und Komponenten generieren
  • KI-Eingabeaufforderung zu Funktionen

Wie funktioniert es?

Blokay ermöglicht es Entwicklern, komplette Workflows zu erstellen und diese dann schrittweise in ihre eigenen Anwendungen zu integrieren.

LLM-Generierung

Prompt: Show a table of the created users
Nach dem Login kopieren

Es sollte etwa Folgendes generieren:

const fn = async function (args: Args) {
  let sql = `SELECT * FROM users ORDER BY id DESC LIMIT 100`;
  let results = await args.query(sql);
  return args.table(results);
};
Nach dem Login kopieren

und damit eine gebrauchsfertige Komponente für React, Vue, Angular usw.

const View = () => {
  return <ListUsers />;
};
Nach dem Login kopieren
Nach dem Login kopieren

Beginnen Sie jetzt

Sie können ein kostenloses Konto bei blokay.com erstellen und sofort mit Ihrem Projekt beginnen.

Das obige ist der detaillierte Inhalt vonSQL zum Reagieren von Komponenten in Sekunden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage