百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
T

tailwindsql

> 编程语言
开源

TailwindSQL 允许您使用 Tailwind 样式的类名编写 SQL 查询。

1.3K stars0 点赞1 次浏览
访问官网GitHub

工具介绍

TailwindSQL 允许您使用 Tailwind 样式的类名编写 SQL 查询。

TailwindSQL

类似于 TailwindCSS,但用于 React 服务器组件中的 SQL 查询。

这是什么?

TailwindSQL 允许您使用 Tailwind 样式的类名编写 SQL 查询。只需使用 className 即可在 React 服务器组件中直接查询数据库!

javascript
// 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

特性

  • Tailwind 样式语法 - 使用熟悉的类名编写 SQL 查询
  • ⚡ React 服务器组件 - 无客户端 JavaScript 用于查询
  • SQLite - 基于 better-sqlite3 实现快速、本地数据库访问
  • 零运行时 - 查询在构建/渲染时被解析和执行
  • 多种渲染模式 - 以文本、列表、表格或 JSON 格式渲染

语法

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

开始使用

  1. 解析器(src/lib/parser.ts) - 将类名解析为查询配置
  2. 查询构建器(src/lib/query-builder.ts) - 将配置转换为安全的 SQL 查询
  3. 数据库组件(src/components/DB.tsx) - 执行查询并渲染结果的 React 服务器组件

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

TypeScript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言