手把手用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.很多时候,我们要边开发边学习,学习的时候切记另外打开一个专门学习的对话框。

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

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

手把手webpack搭建前端架子

这里以react为例> (一)初始化package.json package name: 你的项目名字叫啥 version: 版本号 description: 对项目的描述 entry point: 项目的入口文件(一般你要用那…

【回眸】Tessy单元测试软件使用指南(一)安装篇

安装 在官网上下载安装包,安装完成后打开进入这个界面 注册申请license:在作为服务端的电脑上安装Tessy。安装完成后,启动Tessy会自动生成license服务器的注册码。(注册码用于申请试用或永久的license文件)这个对于我…

树莓派上使用Nginx通过内网穿透实现无公网IP访问内网本地站点

前言 安装 Nginx(发音为“engine-x”)可以将您的树莓派变成一个强大的 Web 服务器,可以用于托管网站或 Web 应用程序。相比其他 Web 服务器,Nginx 的内存占用率非常低,可以在树莓派等资源受限的设备上运行。同时结合c…

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…

竞赛选题 题目:基于FP-Growth的新闻挖掘算法系统的设计与实现

文章目录 0 前言1 项目背景2 算法架构3 FP-Growth算法原理3.1 FP树3.2 算法过程3.3 算法实现3.3.1 构建FP树 3.4 从FP树中挖掘频繁项集 4 系统设计展示5 最后 0 前言 🔥 优质竞赛项目系列,今天要分享的是 基于FP-Growth的新闻挖掘算法系统的设计与实现…

【PDF.js】2023 最新 PDF.js 在 Vue3 中的使用

因为自己写业务要定制各种 pdf 预览情况(可能),所以采用了 pdf.js 而不是各种第三方封装库,主要还是为了更好的自由度。 一、PDF.js 介绍 官方地址 中文文档 PDF.js 是一个使用 HTML5 构建的便携式文档格式查看器。 pdf.js 是社区…

【HuggingFace Transformer库学习笔记】基础组件学习:pipeline

一、Transformer基础知识 pip install transformers datasets evaluate peft accelerate gradio optimum sentencepiece pip install jupyterlab scikit-learn pandas matplotlib tensorboard nltk rouge在host文件里添加途中信息,可以避免运行代码下载模型时候报错…

vue中下载文件后无法打开的坑

今天在项目开发的时候临时要添加个导出功能我就写了一份请求加导出得代码, 代码: //导出按钮放开exportDutySummarizing (dataRangeInfo) {const params {departmentName: dataRangeInfo.name,departmentQode: dataRangeInfo.qode}//拼接所需得urlcons…

Tomcat注册为服务后,如何配置Tomcat内存大小

前提条件:tomcat已经注册为服务。 1.winR,输入regedit打开注册表 2.找到Tomcat注册表路径: HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Apache Software Foundation\Procrun 2.0\Tomcat80603.找到jvm内存配置路径: HKEY_LOCAL_MACHINE\SOFTW…

Redis高可用之主从复制及哨兵模式

一、Redis的主从复制 1.1 Redis主从复制定义 主从复制是redis实现高可用的基础,哨兵模式和集群都是在主从复制的基础之上实现高可用; 主从复制实现数据的多级备份,以及读写分离(主服务器负责写,从服务器只能读) 1.2 主从复制流…

Windows从源码构建tensorflow

由一开始的在线编译,到后面的离线编译,一路踩坑无数。在此记录一下参考过的文章,有时间整理一下踩坑记录。 一、环境配置 在tensorflow官网上有版本对应关系 win10 bazel 3.1.0 msys2 tensorflow2.3.0 python3.5-3.8 MSVC2019 protobuf3.9.…

羊大师:强健身体是成功的关键

健康是一项无价的财富,拥有强健的身体是实现人生目标的关键。而如何保持健康并拥有一个强健的身体呢?下面就为大家分享一些有效的健身方法和建议,帮助您达到健美身材的目标。 良好的饮食习惯是形成强健身体的基石。我们要摄入足够的营养物质…

Java二级医院区域HIS信息管理系统源码(SaaS服务)

一个好的HIS系统,要具有开放性,便于扩展升级,增加新的功能模块,支撑好医院的业务的拓展,而且可以反过来给医院赋能,最终向更多的患者提供更好的服务。 系统采用前后端分离架构,前端由Angular、J…

首先啊骚年们我们必须先了解网络安全这个行业究竟是干啥的。

导 读 近年来,人工智能、5G、量子信息技术、工业互联网、大数据、云计算、物联网、虚拟现实、区块链等具有颠覆性的战略性新技术突飞猛进,但伴随着互联网技术的发展,网络安全问题也日趋多样化,甚至严重威胁到国家、企业&#xff…

【正点原子STM32连载】 第六十章 串口IAP实验(Julia分形)实验 摘自【正点原子】APM32F407最小系统板使用指南

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

AD9528学习笔记

前言 AD9528是ADI的一款时钟芯片,由2-stage PLL组成,并且集成JESD204B/JESD204C SYSREF信号发生器,SYSREF发生器输出单次、N次或连续信号,并与PLL1和PLL2输出同步,从而可以实现多器件之间的同步。 AD9528总共有14路输…

<精学社>LCD1602移屏操作

本文为博主 日月同辉,与我共生,csdn原创首发。希望看完后能对你有所帮助,不足之处请指正!一起交流学习,共同进步! > 发布人:日月同辉,与我共生_单片机-CSDN博客 > 欢迎你为独创博主日月同…

Linux:配置Ubuntu系统的镜像软件下载地址

一、原理介绍 好处:从国内服务器下载APT软件,速度快。 二、配置 我这里配置的是清华大学的镜像服务器地址 https://mirrors.tuna.tsinghua.edu.cn/ 1、备份文件 sudo cp /etc/apt/sources.list /etc/apt/sources.list.bak2、清空sources.list ec…

CS5511规格书|CS5511方案应用说明|DP转双路LVDS/eDP芯片方案

概述:CS5511是一个将DP/eDP输入转换为LVDS信号的桥接芯片,此外,CS5511可以用作在DP/eDP输入到DP/eDP输出场景中桥接芯片。CS5511的高级接收器支持VEDA DisplayPort(DP)1.3和嵌入式DisplayPort(eDP&#xf…

这是一个最简单的爱国主义为主题的网页首页

代码&#xff1a; <!DOCTYPE html> <html lang"zh-CN"> <head> <meta charset"UTF-8"> <title>爱国主题网页</title> <style> body { font-family: Arial, sans-serif; …