低代码没有做到的事情,ChatGPT做到了

秋风的笔记

共 1280字,需浏览 3分钟

 · 2023-08-24

2022 这一年低代码可谓热火朝天,几乎所有的事情都朝着低代码的方向,进行所谓的“降本增效”,可是没想到在 2022 年年末,半路杀出个程咬金 —— ChatGPT

下面我们就来对比使用 lowcode 和 ChatGPT 开发的效率比吧。首先有请业界著名 lowcode 选手阿里巴巴出品的 lowcode (https://lowcode-engine.cn/),而另一位则是我们的 ChatGPT

需求:

实现一个简单的人员查找页面

1.框架:React + Ant Design

2.后端接口为 /api/query/user

3.表格中的字段分为 uuid, nickname, login_count, updated_date

4.页面可以分页查询

5.页面可以按照uuid搜索

那我们开始吧!!!

阿里lowcode

第1步:熟悉整个平台 (大约5-10分钟)

7089f0ddf825d8b6173310341f5b750e.webp

第2步:查找组件库(5分钟)

2479e2d0b4aa82c309c0af8f2fa90d76.webp

第3步,编辑数据和字段(5-10分钟)

ee13967be047606be7cc17d71adef8a7.webp

第4步:编辑请求(10分钟)

56b3abdcf31c8ddcc9090bc71599850e.webp

好了,编辑到这里我已经不知道怎么去绑定请求接口数据了。。。。

ChatGPT

a15679cc969caa5d17f4b2d4d913b896.webp

放入 codesandbox 运行一下, 后端服务我直接自己本地 mock 了一个

2123218d2ec6240e2ff7a5e4ba243fbd.webp

地址:https://codesandbox.io/s/relaxed-microservice-hjwv6o?file=/src/App.js

我们再来改进一下,加入 Typescript, 并且让表格展示对应的中文名词

112e405663b2958e36e8edf385f301ee.webp 43deccba3391f0811b606b5f996d5063.webp 925d015683825df835777548a987e782.webp 76ec2c751cfac6254eab96f51bc182da.webp

一样完美地帮我们写好了代码,并且所有的代码都非常地规整,方便维护。

Codesandbox 地址:https://codesandbox.io/s/frosty-merkle-wzxbj2?file=/src/App.tsx

32a058bd5a65c2d9c96a90a91785b631.webp

你以为这样就完了?我们可以对每个地方进行微调,用以实现复杂的逻辑,比如常见的表格中还有编辑和删除等操作。

b00171140ec8cf73a02823d879616d19.webp e7811a08bf6bda4ec18bdbd09c74eeda.webp 49042ea4ac68dac1141e997207e729ff.webp 54644687103de4881a4b8ed77b59de95.webp 4b18a30cb2e85ed4b95fce654ced0401.webp ba0787cc9c71a0909be7c977daeb0824.webp c0cba7b2452c3c08a41fd0e02fbd6059.webp

生成的代码,基本上都是非常的规整,基本上无需改动就可以使用。相比lowcode 调试的方案,我们肯定更加熟悉原生代码的风格,想改哪里改哪里,也没有额外的学习成本。只能说这波的 ChatGPT 太香了。。。


低代码 lowcode ChatGPT
上手难度 半个小时 1分钟
操作难度 需要经过培训 1分钟
生成代码质量 黑盒,完全不知道 质量高,代码整洁
数据源 多种高级操作配置 直接生成

如果你想快速体验 ChatGPT 除了可以使用官网,还可以使用以下公众号:

使用 @chat + 问题就可以进行对话

da9eb601a850e3c3ef4ce9129ee080a7.webp

浏览 20
点赞
评论
收藏
分享

手机扫一扫分享

举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

举报