手把手用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…

Sulfo-Cy3-COOH荧光染料的合成和反应机制

Sulfo-Cy3-COOH**(源自星戈瑞的花菁染料)**荧光染料的合成通常涉及多个步骤,其中包括官能团的引入、染料核心的合成以及亲水性修饰等。 官能团引入: 合成Sulfo-Cy3-COOH的第一步通常是引入羧酸(COOH)官能团。这可以通过对已有的C…

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

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

RTMP直播应用与延时分析

直播应用中,RTMP和HLS基本上可以覆盖所有客户端观看, HLS主要是延时比较大,RTMP主要优势在于延时低。 一、应用场景 低延时应用场景包括: . 互动式直播:譬如2013年大行其道的美女主播,游戏直播等等各种…

TFA-Net

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

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

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

数据字典回显功能设计与实现

数据字典回显功能设计与实现 文章目录 数据字典回显功能设计与实现1. 业务场景2. 实现设计2.1 注解AOP切面2.2 注解mybatis拦截器2.3 注解序列化2.4 涉及字段直接申明成字典引用类型mybatis拦截器反序列化处理 3. 具体实现 1. 业务场景 我们日常开发中经常会遇到:数…

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

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

Qt实现画的图片移动

要实现左键点击鼠标时图片跟着鼠标移动,可以通过以下步骤来实现:1. 在QGraphicsView的构造函数中设置鼠标跟踪属性,以便能够捕获鼠标事件。cpp QGraphicsView::QGraphicsView(QWidget *parent) : QGraphicsView(parent) {setMouseTracking(tr…

Leetcode617合并二叉树

理解题意:相同节点位置上,都有数据的话,节点值相加,只有一方有数据的话,把有数据的部分及相关子树保留下来。 考察操作两棵二叉树,二叉树的遍历。 一般有两种解决方式: 递归|迭代。 区别&#x…

element 中文地址

Element - The worlds most popular Vue UI framework 2 Menu 菜单 | Element Plus 3 侦听器 | Vue.js vue中文官网

软件测试职业规划导图

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

ubuntu创建新用户, 并赋予root权限

在Ubuntu上创建新用户可以通过adduser命令来完成。以下是创建新用户的基本步骤: 打开终端:你可以按下Ctrl Alt T来打开终端。 使用sudo命令以管理员权限执行adduser命令。例如,如果你要创建一个名为newuser的新用户,运行以下命…

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

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

LSTM+CNN实现时间序列预测(负荷预测)

文章目录 LSTM+CNN实现时间序列预测(PyTorch版)基于PyTorch搭建LSTM+CNN模型实现风速时间序列预测配置类时序数据集的制作数据归一化数据集加载器搭建LSTM+CNN模型定义模型、损失函数、优化器模型训练可视化结果十、完整源码LSTM+CNN实现时间序列预测(Keras版)源码模型训练绘制…

每日一题: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…

为什么技术干不过产品?

近年来,我们经常会听到一些关于技术和产品之间关系的讨论,包括最近的ChatGPT之父奥特曼被董事会开除事件。在这个问题上,有人认为技术应该优于产品,因为技术是实现产品的基础。然而,也有人认为产品比技术更重要&#x…

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

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