手把手用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.pswp.cn/news/167139.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/167139.shtml
英文地址,請注明出處:http://en.pswp.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…