ホームページ > ウェブフロントエンド > jsチュートリアル > 数秒でコンポーネントに反応する SQL

数秒でコンポーネントに反応する SQL

王林
リリース: 2024-08-09 14:35:40
オリジナル
263 人が閲覧しました

バックエンドやサーバーのことを気にせずに 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 ジョブを生成
  • チャート、APIS、コンポーネントを生成
  • 機能への AI プロンプト

どのように機能するのでしょうか?

Blokay を使用すると、開発者は完全なワークフローを作成し、それを独自のアプリケーションに段階的に統合できます。

LLM の生成

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の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート