本文是Power Platform 低程式碼開發物聯網App 系列文章的第二講：

《 》

《》

《》

《》

《 》

《》

《 》

《》

本文介紹：

在Power Apps 中使用Edit Form和Data Table 控制元件增刪改查資料，本案例模擬查詢裝置清單的場景；

案例步驟：

1.在Azure上建立示例測試用Azure Sql Database；

2.在Power Apps中連線Azure Sql Database；

3.在Power Apps中配置Data Table和Edit Form 控制元件查詢資料；

4.在Power Apps中利用 SubmitForm和NewForm 更新和新建資料庫記錄；

本文中相關的連線地址：

Edit Form控制元件：https://docs.microsoft.com/zh-cn/powerapps/maker/canvas-apps/controls/control-form-detail

Data Table控制元件：https://docs.microsoft.com/zh-cn/powerapps/maker/canvas-apps/controls/control-data-table

Power Apps的出站IP：https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/limits-and-config#ip-addresses

本例中用到的sql 建表指令碼：

CREATE TABLE [dbo].[devicelist](
	[devicename] [nvarchar](50) NOT NULL,
	[deviceconnectstatus] [nvarchar](50) NULL,
	[lastconnecttime] [datetime] NULL,
	[lastlostconnecttime] [datetime] NULL,
	[devicedesc] [nvarchar](500) NULL,
 CONSTRAINT [PK_devicelist] PRIMARY KEY CLUSTERED 
(
	[devicename] ASC
)WITH (STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, OPTIMIZE_FOR_SEQUENTIAL_KEY = OFF) ON [PRIMARY]
) ON [PRIMARY]
GO
 

重點圖文步驟：

1.在Azure上建立示例測試用Azure Sql Database；

如果沒有伺服器，先建立一個數據庫伺服器：

演示階段，可以點選config database ，選擇一個價格較低的 sku：

如下圖使用了 basic 5 DTU的配置，每月費用4.99美元

使用提供的指令碼建表或者手動建表：

2.在Power Apps中連線Azure Sql Database；

建立使用環境（基於訂閱），網址為：admin.powerplatform.microsoft.com

切換到剛建立好的環境，建立空白應用：

網址為make.powerapps.com:

3.在Power Apps中配置Data Table和Edit Form 控制元件查詢資料；

點選連線到資料：

 從搜尋中輸入sql，然後在下方選擇sql server，從右側列表中選擇sql server 身份驗證

將Azure sql db的連線資訊輸入：

預設情況下，會出現如下圖錯誤，則需要為Azure sql database 配置防火牆規則：

在Azure sql data base中配置防火牆規則，然後重新在power apps 中連線資料庫：

可以將Allow Azure services and resources to access this server 設定為 Yes。

連線成功，會在power apps 右側顯示 已經建立好的表：

插入data table，選擇資料來源為 剛才建立好的 表，點選編輯欄位，可以選擇要顯示的欄位：

勾選要顯示的欄位：

左側的視窗中，成功從資料庫取出了資料：

插入編輯窗體（edit form）

同樣的方式設定資料來源和編輯列，設定列資料為1:

設定edit form的item屬性：Datatable1.Selected

執行power apps 觀察效果：

選中datatable某一行，該行資料會顯示在 edit form中：

4.在Power Apps中利用 SubmitForm和NewForm 更新和新建資料庫記錄；

增加按鈕，在按鈕的OnSelect事件中設定  SubmitForm（Form1）命令：

執行Power Apps，輸入一個描述點選儲存，資料可以更新到資料庫中；

再增加一個按鈕，設定OnSelect事件為“NewForm（Form1）”：

執行程式，測試結果：

點選 新建資料模式按鈕，Edit Form中的幾個文字框全部自動晴空，填寫資料後點擊“儲存”按鈕，新的記錄寫入到資料庫中，同時左側的Datatable會自動刷新出新建的資料

視訊講解：

https://www.51azure.cloud/post/2021/1/4/power-apps-data-table-edit-form-sql-server

點選可查閱本站文章目錄

本站所有內容僅代表個人觀點，如與官文件衝突，請以官方文件為準。

可在本頁面下方留言或通過下方聯絡方式聯絡我：

微信：wxyusz；郵箱：

歡迎關注公眾號“雲端計算實戰”，接收最新文章推送。

本作品由Sean Yu 採用進行許可。
歡迎轉載、使用、重新發布，但務必保留文章連結：，且不得用於商業目的。