手把手用GPT开发小程序全流程!就是这么easy~

大家好,我是五竹。

前段时间用GPT开发了一款小程序:GPT真牛批!三天开发一个小程序,三天积累了2000+的用户,上周末抽空又接入了流量主,感兴趣的同学可以围观一下。

今天就来带大家走一遍用GPT开发一款小程序的全过程,尽管网上有很多博主都在宣传使用GPT可以快速开发网站、APP之类的文章,但真正去实现的却寥寥无几,我算得上第一人吧

一、先来说两点

1.GPT并不能直接输出成品,他只能生成代码,需要有一定编程基础的人对代码进行整合才能运行。

2.在这之前我从来没搞过小程序的开发,算是0基础,但不是纯小白,毕竟我的主业是一名Java程序员,非科班出身,就只会Java~

二、下面是开发全过程

1.先来简单学习一下

它简单的几句话就让我学习了整整一天。下载了开发工具,账号之前就有,然后看看了官方的小程序文档,熟悉了一些基本的语法,这里简单看看有个印象就行,后面可以边开发边学。

2.简单创建了一个demo项目。

注意,这里我创建的是云项目,借助了小程序的云开发,对于一个简单的小程序项目来说,就不用额外搭建后端了。

接着我让GPT讲解了一下Demo项目的构造,这个非常重要,万事开头难,能把Demo工程搞明白,接下来的开发就是照着葫芦画瓢。

3.开发第一个页面

先找了几个对标的小程序,直接将截图发送给GPT,利用GPT的识图功能来实现

总的来说,在功能开发方面非常牛逼,例如开发一个获取云端数据的方法,代码直接复制过来就能用,但是在UI方面有点弱,上面开发的UI效果基本不能使用,需要人工进一步引导。例如清楚的告诉当前页面有哪些控件(如,顶部Tab导航栏、图片列表)。

然后继续引导优化

接着就是获取图片列表数据的方法

至此,这个页面基本就开发的差不多了。第一个页面的开发有点费劲,尤其是UI开发的部分,大概花费了整整一个下午的时间。后来又发现了一个更好看的对标账号,把UI又重新开发了一遍,不过这次就很快了,1个小时左右就搞定了。

4.再来看一个复杂的功能开发

一个上传图片的功能。主要是给管理员用的,将本地图片上传到腾讯云存储(COS),然后将图片的链接及相关信息插入到小程序云数据库。

GPT第一次没有理解,于是我继续追问。

然后又加入了多张图片的上传,下面是最终的代码

开发这个功能,前后用了不到20分钟!就是这么的牛逼~

然后又开发了图片预览和更多页面,增加了图片删除和一些云控的方法。开发这款小程序总共用时也就3天的时间,当然小程序的功能本身就很简单,不过于我而言够用了。

三、经验分享

开发第一个页面的时候比较费时,慢慢就找到了感觉,后面开发效率直线上升,简单总结一下经验供大家参考。

1.学会拆分。无论是UI还是功能,拆分的越小,GPT完成的越好。比较费劲的就是UI开发,需要逐步优化,优化的时候注意要加上“基于以上的代码”,当然你对之前的代码不满意就不必了

2.不要把所有的开发都在一个对话框中完成,内容越多,GPT的记忆越差。为了页面后续的维护及功能扩展,每开发一个新页面尽量起一个新的对话框。

3.很多时候,我们要边开发边学习,学习的时候切记另外打开一个专门学习的对话框。

我是五竹,一位持续探索自媒体副业的大龄程序员。不算优秀,但贵在真实。咱们下篇见~

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

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

相关文章

为什么选择美国VPS服务器

企业、个人和组织都需要一个稳定高效的服务器来托管他们的网站、应用程序和数据。而对于中国用户来说,寻找一个性价比高的便宜美国VPS服务器,既能满足需求,又能节约成本,成为了一个非常重要的问题。 VPS即虚拟专用服务器&#xf…

C++算法 —— 贪心(3)

文章目录 1、买卖股票的最佳时机2、买卖股票的最佳时机Ⅱ3、K次取反后最大化的数组和4、按身高排序5、优势洗牌6、最长回文串7、增减字符串匹配 1、买卖股票的最佳时机 121. 买卖股票的最佳时机 这里最容易想到的就是暴力枚举,两层for循环,i 0&#xf…

TFA-Net

TFA SCA means ‘Self-Context Aggregation’ 作者未提供代码

一文讲明Mybatis 的使用 超详细 【爆肝两万字教程】

我 | 在这里 🕵️ 读书 | 长沙 ⭐软件工程 ⭐ 本科 🏠 工作 | 广州 ⭐ Java 全栈开发(软件工程师) 🎃 爱好 | 研究技术、旅游、阅读、运动、喜欢流行歌曲 🏷️ 标签 | 男 自律狂人 目标明确 责任心强 ✈️公…

羊大师教你,什么搭配羊奶能够带来全方位的营养?

羊奶作为一种营养价值极高的乳制品,其丰富的营养成分对人体健康有着诸多益处。然而,不同的食物搭配会对羊奶的营养吸收产生不同的影响。为了让大家更好地利用羊奶的营养价值,下面小编羊大师将为大家介绍一些与羊奶搭配的食物,帮助…

软件测试职业规划导图

公司开发的产品专业性较强,软件测试人员需要有很强的专业知识,现在软件测试人员发展出现了一种测试管理者不愿意看到的景象: 1、开发技术较强的软件测试人员转向了软件开发(非测试工具开发); 2、业务能力较强的测试人员转向了软件…

【EI会议征稿】第三届电子信息技术国际学术会议(EIT 2024)

The 3rd International Conference on Electronic Information Technology 第三届电子信息技术国际学术会议(EIT 2024) 电子信息工程在我国信息化产业的发展过程中举足轻重,且随着现代社会的发展,航空航天领域、制造业领域和智能…

每日一题:LeetCode-102.二叉树的层序遍历

每日一题系列(day 03) 前言: 🌈 🌈 🌈 🌈 🌈 🌈 🌈 🌈 🌈 🌈 🌈 🌈 🌈 &#x1f50e…

NX二次开发UF_CSYS_set_wcs 函数介绍

文章作者:里海 来源网站:https://blog.csdn.net/WangPaiFeiXingYuan UF_CSYS_set_wcs Defined in: uf_csys.h int UF_CSYS_set_wcs(tag_t csys_id ) overview 概述 Sets the work coordinate system to the prototype coordinate system whose tag y…

基于低代码平台搭建应用程序

目录 一、背景 二、如何基于低代码开发应用? 1.创建数据表 2.添加数据表属性 3.配置功能 4.数据筛选 5.数据集显示&功能发布 三、写在最后 一、背景 很多时候,市场上的管理软件鱼龙混杂,找一些外包团队在实际应用中效果并不理想&#xff…

开源还是闭源(=°Д°=)!!趋势表明,开源技术在诸多领域中日益受到重视

开源和闭源,两种截然不同的开发模式,对于大模型的发展有着重要影响。开源让技术共享,吸引了众多人才加入,推动了大模的创新。而闭源则保护了商业利益和技术优势,为大模型的商业应用提供了更好的保障。 一、开源和闭源的…

通过ros系统中websocket中发送sensor_msgs::Image数据给web端显示(三)

通过ros系统中websocket中发送sensor_msgs::Image数据给web端显示(三) 不使用base64编码方式传递 #include <ros/ros.h> #include <signal.h> #include <sensor_msgs/Image.h> #include <message_filters/subscriber.h> #include <message_filter…

【正点原子STM32连载】第五十九章 T9拼音输入法实验(Julia分形)实验 摘自【正点原子】APM32F407最小系统板使用指南

1&#xff09;实验平台&#xff1a;正点原子APM32F407最小系统板 2&#xff09;平台购买地址&#xff1a;https://detail.tmall.com/item.htm?id609294757420 3&#xff09;全套实验源码手册视频下载地址&#xff1a; http://www.openedv.com/thread-340252-1-1.html## 第五十…

uniapp IOS从打包到上架流程(详细简单) 原创

​ 1.登入苹果开发者网站&#xff0c;打开App Store Connect ​ 2.新App的创建 点击我的App可以进入App管理界面&#xff0c;在右上角点击➕新建App 即可创建新的App&#xff0c;如下图&#xff1a; ​ 3.app基本信息填写 新建完App后&#xff0c;需要填写App的基本信息&…

SOLIDWORKS 2024新功能之CAM篇

SOLIDWORKS 2024 新功能 CAM篇目录概述 • 附加探测周期参数 • 反转切割的固定循环螺纹加工 • 包含装配体的零件的正确进给/速度数据 • Heidenhain 探测类型 • 2.5 轴特征向导中岛屿的终止条件 • 链接轮廓铣削操作的切入引导和切出引导参数 • 螺纹铣削操作的最小孔…

飞凌嵌入式受邀参加「2023年电子工程师大会」并做主旨演讲

11月23日&#xff0c;华秋电子发烧友在深圳总部举办了「2023年电子工程师大会暨第三届社区年度颁奖」活动&#xff0c;邀请到了高校教授、企业创始人及高管、行业技术专家、电子工程师等众多嘉宾到场&#xff0c;呈现并传播了电子产业动态、最新技术、应用案例及开源硬件项目。…

C#FlaUI.UIA实现发送微信消息原理

一 准备 .NetFramework 4.8 FlaUI.UIA3 4.0.0 FlaUInspect V1.3.0 1下载FlaUInspect https://github.com/FlaUI/FlaUInspect FlaUInspect V1.3.0 百度网盘下载 2 NuGet 引用 flaUI.UIA3 4.0.0 二代码部分 1 引用FlaUI using FlaUI.Core; using FlaUI.Core.Automatio…

安防系统智能视频监控中出现画面异常该如何自检?

大家都知道&#xff0c;在当今社会&#xff0c;摄像头无处不在&#xff0c;除了常见的生活与工作场景中&#xff0c;在一些无法人员无法长期驻点场景&#xff0c;如野生动物监测、高空作业监控、高压电缆监控等场景&#xff0c;在这些地方安装摄像头就是为方便日常监控。但是由…

Odoo:行业领先的免费开源生产制造管理系统

产品生命周期管理 用 Odoo 产品数据管理解决方案加速产品开发 研究、开发和设计新产品或者重新设计现有产品是所有制造企业的活力之源&#xff0c;但很多企业的设计部门和工程部门却完全脱离 ERP 系统。这导致工程师需要耗费大量时间来回答企业中其他部门就产品状态、修改级别…