chatgpt直接绘图功能演示 如何用 ChatGPT 一句话生成 Web 应用?

AI资讯1年前 (2023)发布 fengdao
27 0

原型系统的开发对很多不会编程的人来说,原本确实是一道门槛,而且看似难以逾越。而现在,障碍突然间就消失了。

插件

现在有了一个内容比较丰富的插件系统,而且 Plus 用户已经不再需要填表申请后漫长等待,直接就可以使用了。

插件系统现在已经有一百多款插件。前些日子要想找某个插件,你只能一页一页地翻。每一页上有 8,当时一共 150 多个插件,所以你运气不好的话,可能得翻上十几二十页,才能找到想要的插件。

现在好了, 提供了一个插件搜索框。我今天推荐的这款插件,你直接的在插件商店里面搜索名称就能找着了。

我给你演示的这个插件,叫做 。它是做什么的呢?

它的图标下面介绍言简意赅,说是 可以帮助你来创建 web 应用。可是如果编写 Web 应用代码, 本身就可以啊。不管是 , 还是 HTML, 都认识。为什么还需要一个插件呢?

我第一次安装 插件后,用邮箱开通帐号。然后 给我发了邮件。

根据官方介绍,它能够让你「通过对话方式来创建 Web 应用」。我看了还是觉得疑惑 —— 本身就是个对话机器人啊,之前编程不也是对话式吗?

尝试

一头雾水之下,我干脆尝试一下这个插件的功能。我说:

你给我做一个计算器应用,谢谢

于是, 就开始工作了 —— 在调用插件的时候,一般不会显示细节。如果你希望看具体的操作步骤,可以点击上图中调用过程右侧向下箭头。

你会看到 首先创建资源,然后给咱们的新应用分配了唯一的标识符。

之后 给这个标识符对应的空间创建 index.html` 文件,也就是应用程序的入口页面。

绘图功能在哪_绘图展示_chatgpt直接绘图功能演示

往页面里面写了一堆 HTML 代码,上面还有计算器这样的中文字符作为标题。

一共调用 4 次 插件,之后告诉我说它已经创建了一个计算器应用,你可以通过这个链接访问。

我突然明白过来了,什么叫做「对话式开发一个 Web 应用」。原来插件的功能不仅仅是编写应用的源代码,还直接提供了一个网络上的托管空间,而且部署完毕后还能返回应用地址。

界面是有了,它真的能执行吗?我试了试,加减乘除一应俱全,还能清空计算结果

我把应用地址放在这里,你只需要一点击就可以直接的执行这个应用。

开发一个计算器着实不难。对于编程来说,这是不能再简单的基础操作。可问题是用一句自然语言,便把所有的操作部署细节全都包裹起来搞定,然后提供一个可用的应用链接,这个事儿我倒是第一次遇到。我一时间有些恍惚。 的 听起来怎么都像吹牛,没想到却是真的。

人苦于不知足。既然现在 能够做简单的计算器应用,那它是不是还能干点儿更复杂的事儿?我的好奇心一下子就被勾起来了。

进阶

这学期我在讲《信息系统开发》这门课。学生比较头疼的阶段是最后的开发,主要是指编程。他们应对前面的规划、分析、设计阶段,绘图写报告都行,但一遇见编程就烦躁。于是我就在想,有没有可能输入需求,直接生成一个可执行的在线应用?

试试呗。我的提示语为:

请帮我做个二手书交易应用。中文界面。上面放两本书,一本是 “C 语言入门”,定价 59 元;一本是 “ 语言入门”,定价 69 元。用户可以选择放入购物车和购买。选择放入购物车,则显示购物车内容以及总价。选择购买,则直接进入购买页面,提供支付宝购买选项。其他细节根据你自己的经验来进行设计,谢谢

注意最后这一句「根据你自己的经验」,意味着对于没有提及的细节之处,我干脆撒手不管了。这样一来,没描述到的地方该怎么处理? 你对于编程语言的见识远远比绝大多数程序员都丰富,我相信你,根据经验来评判就好,哈哈。

你看, 调用 ,兢兢业业开始执行。不一会儿它就宣布应用创建好了。

且慢点击, 还专门在后面加了一页儿,告诉我这个应用的功能,另外还有一些说明。这个说明非常有意思。

绘图功能在哪_绘图展示_chatgpt直接绘图功能演示

说这是一个前端的页面,没有后端支持。你购物车如果一刷新页面,之前的选择就都没了。另外也没法给用户提供真正的支付选项,只会弹出一个提示框,告诉你跳转到支付宝付款。

毕竟我的需求描述就那么一段话,咱还能挑拣啥呢?再说我也没有指定支付宝连接的相关信息,所以当然不能指望 知道如何帮我真正进行跳转支付。

补充说,如果你需要更多的功能或者支持,可以告诉我。很有售后服务意识,对吧?

于是我就打开链接来试一试,这是测试的结果。

你看两本书显示这儿,「加入购物车」按钮一点选,购物车里会添加对应内容,并且自动统计总价。

这里是它的支付页面,如前所述只是一个提示框,咱们就不多介绍了。

你短短的几句话,这个应用的原型就已经创作完成了,而且可以直接用链接分享给用户,征求意见获得反馈。

思考

测试的结果,引发了我的一些思考。

对于学习系统开发的学生来说,这样的插件出现,无疑是个好事儿。它是一种赋能,可以让开发过程更加流畅快捷。而对那些从来没有接触过编程的人来说,意味着什么呢?他们可以完全不用去学习编程,就做出一个原型系统。注意,我说的是原型系统,它注定无法成为一个真正上线的实际应用。但如果你能够通过一个原型系统快速验证想法,那么后续完全可以找专业的公司和开发团队合作,把这个有价值的点子转化成为广受欢迎的应用。原型系统的开发对很多不会编程的人来说,原本确实是一道门槛,而且看似难以逾越。而现在,障碍突然间就消失了。

不过作为老师,我的感受要复杂许多。我隐隐感受到了挑战的来袭。从前如果学生问我「老师,为什么我要学编程」我会告诉他,「如果你不学编程,怎么能开发系统呢?」但是现在如果学生拿着这个 插件例子来问我说「老师,我现在和它对话,就可以做一个 Web 应用,那我还要不要学编程了?」

这个问题,容我仔细思考一下。

的 插件就为你介绍到这里。希望对于你快速开发原型系统、收集用户反馈以验证想法能有帮助。

祝(对话式)Web 编程愉快!

点赞 +「在看」,转发给你身边有需要的朋友。收不到推送?那是因为你只订阅,却没有加星标。

欢迎订阅我的小报童付费专栏,每季度更新不少于10篇文章。目前价格优惠。

如果有问题咨询,或者希望加入社群和热爱钻研的小伙伴们一起讨论,订阅知识星球吧。不仅包括小报童的推送内容,还可以自由发帖与提问。之前已经积累下的帖子和问答,就有数百篇。足够你好好翻一阵子。知识星球支持72小时内无条件退款,所以你可以放心尝试。

若文中部分链接可能无法正常显示与跳转,可能是因为微信公众平台的外链限制。如需访问,请点击文末「阅读原文」链接,查看链接齐备的版本。

© 版权声明

相关文章

暂无评论

暂无评论...