TailwindSQL 允许您使用 Tailwind 样式的类名编写 SQL 查询。
类似于 TailwindCSS,但用于 React 服务器组件中的 SQL 查询。
TailwindSQL 允许您使用 Tailwind 样式的类名编写 SQL 查询。只需使用 className 即可在 React 服务器组件中直接查询数据库!
// Fetch and render a user's name
// Renders: "Ada Lovelace"
// Render products as a list
// Renders:
Mechanical Keyboard
...
// Order by price and show as table
db-{table}-{column}-where-{field}-{value}-limit-{n}-orderby-{field}-{asc|desc}| 类名 | SQL 查询 |
|---|---|
db-users |
SELECT * FROM users |
db-users-name |
SELECT name FROM users |
db-users-where-id-1 |
SELECT * FROM users WHERE id = 1 |
db-posts-title-limit-10 |
SELECT title FROM posts LIMIT 10 |
db-products-orderby-price-desc |
SELECT * FROM products ORDER BY price DESC |
src/lib/parser.ts) - 将类名解析为查询配置src/lib/query-builder.ts) - 将配置转换为安全的 SQL 查询src/components/DB.tsx) - 执行查询并渲染结果的 React 服务器组件暂无开放 Issues,或尚未同步最近议题。