Maison > interface Web > js tutoriel > SQL pour réagir aux composants en quelques secondes

SQL pour réagir aux composants en quelques secondes

王林
Libérer: 2024-08-09 14:35:40
original
272 Les gens l'ont consulté

Pouvez-vous imaginer pouvoir écrire une clause SQL sans vous soucier de votre backend ou de vos serveurs ?

De ceci

SELECT * FROM users LIMIT 100;
Copier après la connexion

À ceci

const View = () => {
  return <ListUsers />;
};
Copier après la connexion
Copier après la connexion

Ou même pouvoir créer un flux complet pour votre candidature avec des clauses courtes :

-- <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;

Copier après la connexion

Et si vous n'aviez pas à vous soucier du développement du backend, du déploiement, de la connexion à une base de données, etc., à quelle vitesse pourriez-vous développer et itérer votre produit ?

Présentation à Blokay

Blokay est un outil open source qui permet aux développeurs de créer des blocs de code backend et génère automatiquement le frontend du composant.

SQL to React Components in seconds

  • Connectez votre framework frontend préféré
  • Composants SQL vers (React, Vue, etc.)
  • Générer une tâche Cron en quelques secondes
  • Générer des graphiques, des APIS, des composants
  • Invite AI vers les fonctionnalités

Comment ça marche ?

Blokay permet aux développeurs de créer des workflows complets puis de les intégrer progressivement dans leurs propres applications.

Génération LLM

Prompt: Show a table of the created users
Copier après la connexion

Cela devrait générer quelque chose comme ceci :

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);
};
Copier après la connexion

et par conséquent un composant React, Vue, Angular, etc. prêt à l'emploi.

const View = () => {
  return <ListUsers />;
};
Copier après la connexion
Copier après la connexion

Commencez maintenant

Vous pouvez créer un compte gratuit sur blokay.com et démarrer votre projet instantanément.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal