Power Apps 中使用Data table 和Edit form 連接SQL Server 增刪改查數據案例

本文介紹：

在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.bilibili.com/video/BV1Ry4y127gz/

 

---

聲明：

 

點擊可查閱本站文章目錄 《文章分類目錄》

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

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

微信：wxyusz；郵箱：[email protected]

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

本作品由Sean Yu 採用知識共享署名-非商業性使用-相同方式共享 4.0 國際許可協議進行許可。
歡迎轉載、使用、重新發布，但務必保留文章鏈接：https://www.51azure.cloud，且不得用於商業目的。