筆者昨天下午收到一個朋友的求助，需求是在 SAP UI5 應(yīng)用里生成二維碼。

這個需求筆者之前也沒做過。因為白天工作忙，一直沒時間回復(fù)。晚上處理完客戶的問題，準(zhǔn)備關(guān)電腦睡覺了。忽然想起這個需求。

如果在過去，我的思路是在 Github 上找一個第三方的二維碼生成庫，集成到 SAP UI5 應(yīng)用里。

我以前開發(fā)了一個 SAP UI5 腳手架應(yīng)用，專門用來快速集成和驗證這種需求：

一個用于 SAP UI5 學(xué)習(xí)的腳手架應(yīng)用，沒有任何后臺 API 的依賴

但是現(xiàn)在有了 AI IDE，這些腳手架應(yīng)用都可以扔了。因為用 AI IDE 生成應(yīng)用，連命令行都省了，直接用自然語言發(fā)布指令即可。

仍然使用筆者之前文章介紹的 Trae：

不會編程也能開發(fā) Web 應(yīng)用，小學(xué)生都能學(xué)會的 AI IDE

我準(zhǔn)備用 Trae 快速把這個需求做出來，好早點睡覺。

迅速寫好指令：

創(chuàng)建一個 SAP UI5 應(yīng)用，具有一個用戶輸入框和按鈕。在用戶輸入框里輸入文字后，點擊按鈕，會生成一個包含該輸入文字的二維碼。

目前除了 Claude-3.7-Sonnet 之外，Trae 也開始支持最新的 Gemini-2.5-Pro 和 GPT-4.1 了。 

筆者選擇的是 GPT-4.1，指令編輯好之后，點擊發(fā)送按鈕。

Trae 就吭哧吭哧地幫我創(chuàng)建應(yīng)用，編寫代碼了。英雄所見略同，Trae 選擇了一個第三方的二維碼生成方案：qrcodejs，還貼心的給出了 github 地址，省去了我人工搜索的功夫。

點擊 Accept 按鈕，SAP UI5 項目所需的代碼，就整整齊齊躺在左邊的 Explorer 里了。

我簡單看了下 Github， 這個 QRCode.js 提供了以下核心功能：

• 二維碼生成：支持生成包含文本、URL、聯(lián)系方式等信息的二維碼。

• 自定義樣式：允許開發(fā)者設(shè)置二維碼的大小、顏色、糾錯級別等參數(shù)。

• 跨瀏覽器兼容性：兼容 IE6~10、Chrome、Firefox、Safari、Opera、Mobile Safari、Android、Windows Mobile 等主流瀏覽器。

• 無外部依賴：無需引入 jQuery 等第三方庫即可使用。

直接運行，看一下效果。在 SAP UI5 Input 控件里輸入 Hello world，單擊按鈕生成二維碼：

拿手機一掃描，完美解析出來。

我甚至連 Trae 生成的詳細源代碼都懶得看，讓它幫我總結(jié)一下得了。

發(fā)出指令：

請你逐一分析整個項目里的每個文件，詳細分析每個文件內(nèi)的實現(xiàn)源代碼。

Trae 先是泛泛介紹了一下：

然后我使用 Trae 的 # File context 功能，讓它逐行分析最關(guān)鍵的二維碼生成邏輯所在的 Main.controller.js 文件里每一行的內(nèi)容。

看完之后心頭有數(shù)了。

從第一個指令發(fā)送到 Trae 生成完整的 SAP UI5 工程，只花了一分鐘時間。隨后的瀏覽器里測試，閱讀 Trae 對于生成代碼的概要分析，總共只花了五分鐘時間，合上電腦，打完收工。

有了 Trae 的輔助，讓我恍恍惚惚有了"我要打十個"的錯覺。當(dāng)然，大家也可以試試 SAP Joule:

• 在瀏覽器里使用 SAP AI 工具 Joule

• 使用 SAP 自家的 AI 工具 Joule 輔助 SAP Fiori 應(yīng)用開發(fā)

比起 SAP Joule，筆者更喜歡用 Trae，因為做 SAP UI5 開發(fā)的話，只能在瀏覽器里使用 SAP Joule，而筆者家里的電信寬帶，打開 SAP BTP 的速度真的是很感人......

Trae 雖然在高峰期時發(fā)送請求后會排隊，但因為是本地安裝的 IDE，在使用體驗上筆者還是覺得很絲滑。

本例提到的 Trae 生成的 SAP UI5 二維碼創(chuàng)建代碼，筆者后來有時間也仔細閱讀了，發(fā)現(xiàn)其風(fēng)格狂放粗獷，只管實現(xiàn)功能了事。筆者進行了人工修改，讓其符合 SAP UI5 開發(fā)規(guī)范和最佳實踐，完整的代碼和講解已經(jīng)放到了我的 SAP UI5 開發(fā)教程里：