Power Pages 提供低程式碼製作者與網頁設計師的工具,協助建構與配置強大的網站。
在許多專案中,你需要透過專業開發技術進一步擴展網頁應用程式的功能。
Power Pages 平台提供工具與技術,使開發者能應對進階且複雜的需求。
Tools
Power Pages 開發者可以使用工具來建立素材並編輯 HTML、JavaScript、Liquid 及 CSS 程式碼。
| Tool | 說明 |
|---|---|
| Visual Studio Code 網頁版 | 查看並編輯 HTML、JavaScript、Liquid 及 CSS 程式碼。 編輯多步驟表單、基本表單、內容摘要、清單、網頁檔案、網頁及網頁範本的程式碼。 |
| Visual Studio Code 桌面 | 查看並編輯 HTML、JavaScript、Liquid 及 CSS 程式碼。 建立網頁、網頁範本、頁面範本、內容摘要和網頁檔案。 使用 IntelliSense 編輯程式碼和網站元資料,並使用 Copilot 生成程式碼。 |
| Power Pages 管理應用程式 | 建立 Power Pages 的元資料記錄。 在模型驅動應用程式的情境中檢視並編輯 HTML、JavaScript、Liquid 及 CSS 程式碼。 |
| Power Platform CLI | 下載並上傳 Power Pages 的元資料到你本地的工作站,以便使用 Visual Studio Code(或其他編輯器)編輯。 |
| 社群工具 | 有許多社群工具可以幫助開發者擴充 Power Pages。 社群開發的工具不支援 Microsoft。 如果你對社群工具有疑問或問題,請聯絡該工具的發行商。 |
JavaScript
使用 Power Pages 建立的網站可以使用客戶端 JavaScript 來滿足許多需求。
- 新增表單與清單元件的邏輯,以隱藏與顯示欄位、設定需求等級、預填數值及其他功能。
- 呼叫例如 Power Automate 和 Power Pages WebAPI 等 API。
- 建立互動功能。
- 在網頁、基本表單、多步驟表單、清單和網頁範本中加入 JavaScript。
如需詳細資訊,請參閱
Liquid
Liquid 是整合至 Power Pages 中的開放原始碼範本語言。 它能安全地從 Microsoft Dataverse 檢索資料,並在網頁上動態顯示內容。
- 為網頁加入動態內容。
- 建立自訂的網頁範本和網頁範本元件。
- 建立可配置的標頭和導覽介面。
欲了解更多資訊,請參閱:
Power Pages 網頁 API
Web API 讓 Power Pages 網站內的使用者體驗更豐富。 使用 Web API,從您的網頁跨所有 Microsoft Dataverse 資料表執行建立、讀取、更新和刪除作業。
- 建立並更新紀錄,無需使用表單元件。
- 可從 Microsoft Dataverse 互動式擷取資訊。
進一步了解:
自訂元件
Power Pages 支援使用 Power Apps 元件框架建立的 Power Apps 控制項。
- 在表單欄位建立自訂的使用者介面控制項。
- 建立一個綁定於資料集的自訂視覺體驗。
進一步了解:
AI 生成的程式碼
在 Visual Studio Code 中使用 Copilot 加入 AI 生成程式碼,幫助你利用自然語言聊天互動來創建程式碼。
進一步了解: