GifproGifpro

Drizzle ORM + Zod 类型安全 SQL 查询构建器 AI 生成示例

代码预览

エディタを読み込み中…
P

提示词

Create a single HTML page with embedded CSS and JavaScript that demonstrates a type-safe SQL query builder using Drizzle ORM concepts and Zod validation. The page should include a form where the user can input a name and email, and upon submission, it simulates a Drizzle ORM insert query with Zod validation, showing the generated SQL and validation errors in real-time. Use a modern UI with light/dark theme toggle, responsive design, and subtle animations. Include a section that displays the schema definition and the resulting SQL query.

Drizzle ORM は TypeScript 向けの軽量で型安全な SQL クエリビルダーです。このインタラクティブデモでは、Drizzle のスキーマ定義と Zod バリデーションを組み合わせることで、無効なデータがデータベースに到達するのを防ぐ方法を紹介します。名前とメールアドレスを入力して、リアルタイムで生成される検証済み SQL クエリを確認してみてください。

提示词解读

Drizzle ORM 是一个轻量级、类型安全的 TypeScript SQL 查询构建器。在这个交互式演示中,我们将展示如何将 Drizzle 的模式定义与 Zod 验证相结合,以防止无效数据进入数据库。请尝试输入姓名和电子邮件地址,查看实时生成的经过验证的 SQL 查询。

这个提示对您有帮助吗?

评论

评论将在审核后显示

この記事が役に立ったら投げ銭で応援

Apple Pay / Google Pay / カード (Visa/Mastercard/JCB/Amex) / Link / Alipay / WeChat Pay 対応 · Stripeで安全に決済

開発者が選ぶ最強ツール集

運営者が毎日使っているツール・ガジェット 6選

見る
首页ヘルプ