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

SQL pour réagir aux composants en quelques secondes

王林
王林original
2024-08-09 14:35:40259parcourir

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;

À ceci

const View = () => {
  return <ListUsers />;
};

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;

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

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

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

const View = () => {
  return <ListUsers />;
};

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!

Déclaration:
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