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

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

生成初版 To-Do List

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

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

很快,ChatGPT 给出了:

  • 安装依赖命令

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

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

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

完善数据库操作

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

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

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

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

生成测试用例

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

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

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

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

编写有样式的页面

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

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

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

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

  • README

  • License

  • .gitignore

  • Makefile

总结

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

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

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

在这里插入图片描述

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/24573.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

chrome设置黑暗模式的4种方法

chrome设置黑暗模式的4种方法 前言方式一:自带皮肤暗黑具体操作效果 方式二:自带内容暗黑具体操作效果 方式三:安装chrome主题方式四:使用插件效果 额外:开发工具的暗黑设置结语 前言 对于大部分chrome用户来说&#…

实现暗黑模式

一、先在全局css中创建.dark-theme和.light-theme类,在分别在该类中创建相同的var变量 二、在组件刷新时为html添加类,再添加一个按钮可以进行模式切换 效果如下 暗黑模式如下 最后!!!此案例通过vue写的&#xff0…

为 TDesignBlazor 添加暗黑模式

本文将讲述我为 TDesignBlazor 开源项目提交 PR 的经历,主要介绍暗黑模式功能的实现以及之后如何在项目中使用。我将会分享我在实现这一功能时遇到的问题,以及我是如何解决这些问题的。我希望通过我的经历能够鼓励更多的人参与开源项目,为 TD…

暗黑模式(黑暗模式,深色模式)适配

暗黑模式(黑暗模式,深色模式)适配 全局关闭 打开Info.plist 项目配置文件,添加UIUserInterfaceStyle字段,key类型为String, 其value值设置为 Light模式。 部分关闭 iOS13之后UIViewController与UIView …

太强了,英伟达面对ChatGPT还有这一招...

大家好,我是 Jack。 今年可谓是 AI 元年,ChatGPT、AIGC、VITS 都火了一波。 我也先后发布了这几期视频: 这是一个大模型的时代,AI 能在文本、图像、音频等领域大放异彩,得益于大模型。而想要预训练大模型&#xff0c…

让GPT-3、ChatGPT、GPT-4一起做脑筋急转弯,GPT-4一骑绝尘!

作者 | python 一个烙饼煎一面一分钟,两个烙饼煎两面几分钟? 让你来回答,是不是一不小心就掉到沟里了?如果让大语言模型来做这种脑筋急转弯会怎样呢?研究发现,模型越大,回答就越可能掉到沟里&a…

用ChatGPT学习多传感器融合中的基础知识

该列表会不定期更新… 文章目录 困惑与解答:问题:匈牙利算法中的增广矩阵路径是什么意思解答:个人理解概述: 问题:扩展卡尔曼滤波是非线性方程求解问题,是将非线性方程拟合为线性方程吗解答:个…

Edge 开发者日 · New Bing New Edge

在开始应用开发前,我们往往会面临着“Web 应用 or 原生应用”的选择。在通过 Microsoft Edge 进行 Web 开发时,WebView2 能够带给开发者兼具 Web 和本机平台的混合应用开发体验;而与此同时,随着 PWA(Progressive Web A…

「图文教程」Windows系统Microsoft Edge浏览器设置搜索框搜索引擎为百度

相信使用过Microsoft Edge浏览器的朋友都有一个困扰,就是自带的Microsoft Edge浏览器不好用,但是想更换搜索引擎又不知道从哪里更换,下面小编就给大家带来Microsoft Edge浏览器更换搜索引擎为百度的教程。 1、打开Microsoft Edge浏览器&…

Microsoft Edge有哪些你不知道却超级好用的插件?(Microsoft Edge功能测评)

🎈个人主页:🎈 :✨✨✨初阶牛✨✨✨ 🐻推荐专栏: 🍔🍟🌯C语言进阶 🔑个人信条: 🌵知行合一 🍉本篇简介:>:对Edge浏览器的简单测评,分享一些自己在使用好用的插件. 目录…

微软 Edge 配置百科 1.6 新版发布 让你可以随心所欲的配置、得心应手的使用Edge的小工具

EdgeTools 更新日志: 2023.05.27 EdgeTools 1.6 发布: 1、支持 113.0.1774.50 版Edge的新增配置。 2、部分功能和性能的优化。 2023.03.28 EdgeTools 1.5 发布: 1、新增文件菜单,支持导入、导出配置文件和…

微软 Edge 被指将用户访问的站点发送给Bing

聚焦源代码安全,网罗国内外最新资讯! 编译:代码卫士 微软 Edge 浏览器似乎将用户访问的 URL 发送至 Bing API 网站。 上周,Reddit 用户率先发现 Edge 存在这些隐私问题,注意到最新的 Edge 版本将请求发送至 bingapis.c…

一款既有颜值又有实力的Edge浏览器插件——WeTab

目录 前言 推荐理由: 1.方便快捷的ChatGPT 2.适合摸鱼的小游戏 3.网站的快速访问 4.精美的壁纸切换 插件安装方法 总结 前言 我们知道,许多浏览器都可以安装扩展插件,有些插件的功能是非常不错的。下面我想推荐一款Edge浏览器的插件&…

屏蔽Edge浏览器的新闻推送,高效办公!

一、问题描述 每次打开浏览器想查询一些专业相关的知识时,总会被浏览器主页的一些“没营养的”新闻所牵绊,如下图所示。虽然我对这些新闻根本不感兴趣,但也做不到看了毫无感觉。因此,屏蔽这些新闻真的很有必要。我们需要获取什么…

拦截Edge的“根据热门内容向您推荐”

相信不少小伙伴因为广告、界面清洁度等原因,一直都使用谷歌浏览器Chrome 其实近年来,微软自带的浏览器Edge更新之后,使用体验感也非常不错。集锦、垂直标签页等辅助功能,登录微软账户随时可同步书签、设置,需要同时登录…

chatgpt赋能python:Python主网站的SEO优化

Python主网站的SEO优化 作为一名有10年Python编程经验的工程师,我一直非常关注Python官方网站的SEO优化,因为官方网站对于传播Python语言的影响至关重要。在这篇文章中,我将介绍一些Python主网站的SEO优化策略,并总结一些结论&am…

126页PPT干货分享:ChatGPT与数字化转型的业财融合(附下载链接)

省时查报告-专业、及时、全面的行研报告库 省时查方案-专业、及时、全面的营销策划方案库 【免费下载】2023年5月份全网热门报告合集 无需翻墙,无需注册,ChatGPT4直接使用 ChatGPT提词手册,学完工作效率提升百倍 马斯克谈AI:中美差…

当人工智能ChatGPT参与创作 图书出版业应该如何应对?

ChatGPT引发全社会各行各业对人工智能持续保持高度关注。它已经改变了很多行业,接下来还将改变哪些领域,或者它一定不会改变什么,都是人们思考的热点。 人工智能的快速发展,给图书出版业也带来诸多影响。从积极的角度来说&#x…

chatgpt赋能python:Python如何画图:介绍与示例

Python如何画图:介绍与示例 Python是一种高级编程语言,它支持多种图形库,可以用来创建各种不同种类的图像和可视化。在本篇文章中,我们将会介绍一些用于Python程序中绘制图形和可视化数据的绘图库。我们将会探讨如何使用这些库来…

windows-中科院学术ChatGPT优化安装记录

搭建中科院学术专业版 ChatGPT记录 1、git仓库获取 > git clone https://github.com/binary-husky/chatgpt_academic.git(在git bash 中打开输入就行) 打开后输入命令即可 然后你便得到了它,进入该文件夹 打开命令终端,为他配…