>웹 프론트엔드 >JS 튜토리얼 >몇 초 만에 구성 요소를 반응시키는 SQL

몇 초 만에 구성 요소를 반응시키는 SQL

王林
王林원래의
2024-08-09 14:35:40281검색

백엔드나 서버에 대해 걱정하지 않고 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에게 발표

Blokay는 개발자가 백엔드 코드 블록을 생성할 수 있는 오픈 소스 도구이며, 구성 요소에 대한 프런트엔드를 자동으로 생성합니다.

SQL to React Components in seconds

  • 원하는 프런트엔드 프레임워크를 연결하세요
  • (React, Vue 등) 구성 요소에 대한 SQL
  • 초 단위로 크론 작업 생성
  • 차트, 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.