SQL untuk React Komponen dalam beberapa saat

Bolehkah anda bayangkan anda boleh menulis klausa SQL dan tidak bimbang tentang bahagian belakang atau pelayan anda?

Daripada ini

SELECT * FROM users LIMIT 100;

Untuk ini

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

Atau malah dapat mencipta aliran lengkap untuk aplikasi anda dengan klausa pendek:

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

Dan jika anda tidak perlu risau tentang membangunkan bahagian belakang, menggunakan, menyambung ke pangkalan data, dsb., seberapa cepat anda boleh membangunkan dan mengulangi produk anda?

Mempersembahkan kepada Blokay

Blokay ialah alat sumber terbuka yang membenarkan pembangun membuat blok kod hujung belakang dan ia menjana bahagian hadapan secara automatik untuk komponen tersebut.

• Sambungkan rangka kerja bahagian hadapan kegemaran anda
• SQL to (React, Vue, dll) komponen
• Jana Kerja Cron dalam beberapa saat
• Jana Carta, API, komponen
• AI Prompt ke ciri

Bagaimana ia berfungsi?

Blokay membenarkan pembangun mencipta aliran kerja yang lengkap dan kemudian menyepadukannya secara progresif ke dalam aplikasi mereka sendiri.

Generasi LLM

Prompt: Show a table of the created users

Ia sepatutnya menjana sesuatu seperti ini:

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

dan seterusnya komponen React, Vue, Angular, dsb. sedia untuk digunakan.

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

Mulakan sekarang

Anda boleh membuat akaun percuma di blokay.com dan memulakan projek anda serta-merta.

Atas ialah kandungan terperinci SQL untuk React Komponen dalam beberapa saat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!