首页 > web前端 > js教程 > 正文

在几秒钟内从 SQL 到 React 组件

王林
发布: 2024-08-09 14:35:40
原创
228 人浏览过

您能想象能够编写 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学习者快速成长!