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；郵箱：shuzhen.yu@foxmail.com

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

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