让 ChatGPT 快速实现 To-Do List Web 应用

这篇具有很好参考价值的文章主要介绍了让 ChatGPT 快速实现 To-Do List Web 应用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

体验 ChatGPT 有段时间了,关于它的代码能力,只是比较粗浅地使用过。比如让它解一道算法题、解释一段代码的含义等。但它的潜力不止于此,它可以做更多的事情。比如,我们可以让它实现一个 To-Do List Web 应用,像下图这样。

让 ChatGPT 快速实现 To-Do List Web 应用

生成初版 To-Do List

和 ChatGPT 对话,最重要的是准确地描述需求。在开源社区中总结了大量的提示语(Prompts)[1]来应对不同的场景,可以参考里面的模式来描述。

通常来说,需要给定 ChatGPT 一个身份,比如软件开发人员,然后告知它要实现或者做什么事情。针对本文的 To-Do List,我们可以让它使用 Python 和 Vue 来实现。

让 ChatGPT 快速实现 To-Do List Web 应用

很快,ChatGPT 给出了:

  • 安装依赖命令

  • 基于 FastAPISqlAlchemy 实现 To-Do 应用的服务端

  • 基于 Vue.js 实现的前端页面

但每部分都有一些细节不到位,我们需要慢慢指引 ChatGPT。

完善数据库操作

在初版的 Python 代码中,并未实现数据库操作的底层逻辑。可以提醒 ChatGPT,它会补充相关逻辑。

让 ChatGPT 快速实现 To-Do List Web 应用

尽管补充了对 todo 任务的增删改查逻辑,但使用的是内存中的变量,而并未使用数据库,这时就让它改用 sqlite 存储。

让 ChatGPT 快速实现 To-Do List Web 应用

ChatGPT 迅速改用了 sqlite 数据库,不过使用的 Python 内置的 sqlite3 库,而没有使用 ORM,那么可以继续提醒它修改。

让 ChatGPT 快速实现 To-Do List Web 应用

现在,数据库的部分算是达到目标了。

生成测试用例

在服务端逻辑生成完毕后,自然少不了测试。既然 ChatGPT 可以生成业务逻辑,那么生成测试代码应该也不在话下。那么,不妨让它生成测试用例,支持 Python 中主流的 pytest 测试框架。

让 ChatGPT 快速实现 To-Do List Web 应用

从生成用例的结果看,覆盖了每一种操作,也验证了操作后预期的状态和属性值,能节省非常多的用例编写时间。

不过,这里也有一些小瑕疵。比如 override_get_db 是用来重载应用业务代码中 get_db 的逻辑,进而确保测试时使用的是测试数据库,但生成的代码中并未使用到 override_get_db。这就需要我们提醒它。

让 ChatGPT 快速实现 To-Do List Web 应用

另外,ChatGPT 并未考虑到每个用例运行结束后的数据清理。提醒它后,它非常聪明地想到使用 pytest 的 fixutres 特性来解决,真是非常的优秀。

让 ChatGPT 快速实现 To-Do List Web 应用

编写有样式的页面

原本 ChatGPT 生成的前端页面并未考虑样式,而直接由 Vue.js 渲染出原生的 HTML 内容。不妨让它使用 Bootstrap 来做。

让 ChatGPT 快速实现 To-Do List Web 应用

紧接着,再让 ChatGPT 告诉我们如何让 FastAPI 展示这个前端页面,那么前后端的桥梁算是搭建成功了。

生成开源项目中其他重要文件

一个好的 Python 项目除了有代码和测试之外,还需要有 READMELicense.gitignoreMakefile等。这在 ChatGPT 这里依旧是小 case。

  • README

让 ChatGPT 快速实现 To-Do List Web 应用

  • License

让 ChatGPT 快速实现 To-Do List Web 应用

  • .gitignore

让 ChatGPT 快速实现 To-Do List Web 应用

  • Makefile

让 ChatGPT 快速实现 To-Do List Web 应用

总结

使用 ChatGPT 实现这样的程序是一件非常容易的事情,这个项目的成品发布在了GitHub[2],可以瞅瞅它的效果。

尽管 ChaGPT 写出的代码不能 100% 运行成功,里面也有一些逻辑上的小瑕疵。但毫无疑问它的出现会让程序员的功能效率大大提升。只要我们具备一定的编程能力,结合 ChatGPT 就能实现一些原本需要学习大量知识+练习才能实现的功能。比如,一个对后端熟悉但对前端一窍不通的人,就能基于 ChatGPT 生成的前端代码快速修改完善实现前端页面。它像一位助手、老师,会让我们的编程之路走地更顺、更远!

最后: 下方这份完整的软件测试视频学习教程已经整理上传完成,朋友们如果需要可以自行免费领取【保证100%免费】

让 ChatGPT 快速实现 To-Do List Web 应用

这些资料,对于【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴上万个测试工程师们走过最艰难的路程,希望也能帮助到你!

让 ChatGPT 快速实现 To-Do List Web 应用文章来源地址https://www.toymoban.com/news/detail-431676.html

到了这里,关于让 ChatGPT 快速实现 To-Do List Web 应用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • “To-Do Master“ GPTs:重塑任务管理的趣味与效率

    有 GPTs 访问权限的可以点击链接进行体验:https://chat.openai.com/g/g-IhGsoyIkP-to-do-master 部署私人的 To-Do Master 教程:https://github.com/Reborn14/To-Do-Master/tree/main 在忙碌的日常生活中,有效地管理日常任务对于提高生产力至关重要。这就是我开发\\\"To-Do Master\\\" GPTs的初衷:一个不仅能帮助您

    2024年01月21日
    浏览(48)
  • Win10上无法安装Microsoft To-Do客户端的解决办法

    参考文档: 手把手教你在Win10上安装Microsoft To-Do客户端 - 简书 Mocrosoft To-do ( 微软待办 ) 是一个包含推荐任务的个性化的每日规划器,主要保存代办列表等。它是 全平台客户端,在 ios 、安卓、 mac 上都能完美运行,可唯独在 win10 上,有时候由于应用商店打不开而无法下载。

    2024年02月04日
    浏览(89)
  • 【安装教程】Win10上安装Microsoft To-Do客户端(手机端)

    此方法是应用于微软商店无法安装、安装不成功等情况 原文:手把手教你在Win10上安装Microsoft To-Do客户端:https://www.jianshu.com/p/32a1ea417cba 1.访问微软网站,找到To-Do的下载地址。(https://apps.microsoft.com/store/detail/microsoft-to-do-lists-tasks-reminders/9NBLGGH5R558?hl=zh-cngl=cnrtc=2activetab=pivot%3A

    2024年02月11日
    浏览(45)
  • 【ChatGPT】如何修复access denied you do not have access to chat.openai.com

    在我们使用chatgpt的时候,可能会遇到这样的问题: 在 OpenAI 上使用任何平台之前,您需要确保一些基本的事情。在使用 OpenAI 的网站时,这可能会导致问题。最常见的一种是拒绝访问。那么chatgpt access denied解决要怎么办呢? ChatGPT 拥有庞大的 1 亿活跃用户,因此服务器过载有

    2024年02月04日
    浏览(62)
  • 【Docker】快速部署 ChatGPT Next Web,一键免费部署你的私人 ChatGPT 网页应用,支持 GPT3, GPT4 & Gemini Pro 模型。

    ChatGPT Next Web 可以一键免费部署你的私人 ChatGPT 网页应用,支持 GPT3, GPT4 Gemini Pro 模型。你无需任何复杂的配置,只需几行命令就可以完成部署。我们将通过 Docker 来部署这个应用。 下载 Docker 镜像 首先,我们需要从 Docker Hub 下载 ChatGPT 应用的 Docker 镜像。 Docker 版本需要在

    2024年03月10日
    浏览(72)
  • ChatGPT 漫游指南 - 如何快速体验 ChatGPT

    根据 OpenAI 开放地区政策 [1] ,截止到 2023 年 3 月 23 号,ChatGPT 服务 不对中国的大陆、香港和澳门开放,因此 大陆的小伙伴们无法直接体验最新的 AI 技术 。 即便如此,有很多热心网友搭建了 ChatGPT 镜像网站,即把网站部署在大陆可以访问的服务器上,因此只要你有网,就可

    2024年02月07日
    浏览(39)
  • 如何快速体验ChatGPT-4模型

    OpenAI免费版基于Gpt3.5,无法使用最新发布的 GPT-4 模型,必须开通 ChatGPT Plus。但是 OpenAI 不但屏蔽了中国的 IP 地址,连国内的 Visa 信用卡也一同屏蔽,即使你想要付费,也并不容易。 分享两个快速体验GPT-4的方法,就是利用相关产品间接体验GPT-4,特别说明,需要VPN环境。 已

    2023年04月09日
    浏览(42)
  • 使用代码生成工具快速开发应用-结合后端Web API提供接口和前端页面快速生成,实现通用的业务编码规则管理

    在前面随笔《在Winform应用中增加通用的业务编码规则生成》,我介绍了基于Winform和WPF的一个通用的业务编码规则的管理功能,本篇随笔介绍基于后端Web API接口,实现快速的Vue3+ElementPlus前端界面的开发整合,同样是基于代码生成工具实现快速的前端代码的生成处理。 在前面

    2024年02月04日
    浏览(44)
  • 通过ChatGPT实现的ChatPDF,简单的应用落地,让你的文档变成一个智能助手,通过对话的方式快速学习文档内容

    目录 先看效果 实现原理 环境安装 应用场景 首先,找到一篇论文先,我这里随便找了一篇pdf格式的论文 那么,我现在让他担任一个研究论文的智能助手,当然大家可以自定义自己的prompt  开始问答 可以看到效果很强 提取 pdf 文本,以便后续处理。 由于 OpenAI API 对 Token 数量

    2023年04月08日
    浏览(53)
  • ChatGPT神奇应用:定制化学习体验,get专属家教

    正文共  601  字,阅读大约需要  2  分钟 面向所有有学习需求的人群,您将在2分钟后获得以下超能力: 1、获取定制化学习体验 2、全面了解任何想学习的科目 Beezy评级 :B级 *经过简单的寻找, 大部分人能立刻掌握。主要节省时间。 推荐人  | Alice   编辑者  |  Linda ●此

    2024年02月11日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包