首頁 > web前端 > js教程 > 主體

在幾秒鐘內從 SQL 到 React 元件

王林
發布: 2024-08-09 14:35:40
原創
227 人瀏覽過

您能想像能夠編寫 SQL 子句而不用擔心後端或伺服器嗎?

從這裡

SELECT * FROM users LIMIT 100;
登入後複製

對此

const View = () => {
  return <ListUsers />;
};
登入後複製
登入後複製

或甚至能夠使用簡短的子句為您的應用程式建立完整的流程:

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

登入後複製

如果您不必擔心開發後端、部署、連接資料庫等,您能多快開發和迭代您的產品?

向布洛凱展示

Blokay 是一個開源工具,允許開發人員建立後端程式碼區塊,並自動產生元件的前端。

SQL to React Components in seconds

  • 連接您最喜歡的前端框架
  • SQL 到(React、Vue 等)元件
  • 在幾秒鐘內產生 Cron Job
  • 產生圖表、APIS、元件
  • AI 提示功能

它是如何運作的?

Blokay 允許開發人員創建完整的工作流程,然後逐步將其整合到自己的應用程式中。

法學碩士一代

Prompt: Show a table of the created users
登入後複製

它應該產生如下內容:

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);
};
登入後複製

因此是一個隨時可用的 React、Vue、Angular 等元件。

const View = () => {
  return <ListUsers />;
};
登入後複製
登入後複製

現在開始

您可以在 blokay.com 建立免費帳戶並立即開始您的專案。

以上是在幾秒鐘內從 SQL 到 React 元件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!