iT邦幫忙

2025 iThome 鐵人賽

DAY 11
1
Software Development

《電商修仙術:AI × Magento 開發心法》系列 第 11

[Day 11] 什麼!? AI 3 分鐘幫我寫好 Magento 模組?— system.xml 後台設定篇

  • 分享至 

  • xImage
  •  

今天走個輕鬆流。想練習「用 Claude 幫我在 Magento 後台加一個設定欄位」,順便把整個流程記下來。
目標超單純:在 Stores → Configuration 下面新增一個區塊,放一個欄位,名字就叫——「這是我想要的欄位:」

前言

今天想水一下(但還是有料)。Magento 後台要加設定欄位,本來就有一套標準做法:system.xml 開版面、config.xml 放預設值、acl.xml 控制誰看得到、程式內用 ScopeConfigInterface 讀設定。
我想試試看把這個例行工交給 AI,讓我專心在「懂觀念 + 貼檔驗收」就好。
.
.

目標

目標

  • 後台增加一個自訂 Tab「Custom」→ Section「Settings Demo」→ Group「General」→ Field:
  • 標籤 「這是我想要的欄位:」(文字輸入,Store Scope)

我給 Claude 的 Prompt

直接複製就能用;改掉 Vendor/Module 名稱即可。

你是 Magento 2 專家,請在模組 Custom/SettingsDemo 中建立「後台設定頁」最小可運作骨架。

需求:
1) 在 Stores → Configuration 下新增一個自訂 Tab「MRL」,裡面有 Section「Settings Demo」
2) Section 內建 Group「General」,新增一個欄位:
   - my_wanted_field:type=text,label「這是我想要的欄位:」,Store scope
3) 給我完整檔案與相對路徑:registration.php、etc/module.xml、etc/adminhtml/system.xml、etc/config.xml、etc/acl.xml、Helper/Data.php
4) Helper 提供 getWantedValue($storeCode=null): string
5) 最小驗證步驟(bin/magento 指令 + 後台點擊路徑)
環境:Magento 2.4.x、PHP 8.2

等claude生成完成,我們來看他產生的檔案:
https://ithelp.ithome.com.tw/upload/images/20250911/20178403f7C3xc4OfG.jpg

https://ithelp.ithome.com.tw/upload/images/20250911/20178403ShAvea6zMp.jpghttps://ithelp.ithome.com.tw/upload/images/20250911/20178403rr68xe1C64.jpg

更新完Magento後,來看看後台他有沒有成功生成~
https://ithelp.ithome.com.tw/upload/images/20250911/201784037pYSjsyI1f.jpg

大功告成!!
今天的任務很單純卻很關鍵:用 Claude 生成 system.xml/config.xml/acl.xml + Helper,把「Stores → Configuration」下的一個欄位從 0 拉到可用。
這一步的價值,其實不是「會不會寫 XML」,而是把例行工流程模板化——下次只要改 Vendor/Module/欄位,就能 3 分鐘開好一個設定頁,腦力全留給業務規則與體驗設計。

修仙路上,今天又+1。


上一篇
[Day 10] 什麼!? AI 3分鐘幫我寫好 Magento 模組? - Preference 篇
系列文
《電商修仙術:AI × Magento 開發心法》11
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言