天天看點

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

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

《 概覽 -Power Platform低代碼開發物聯網App》

《(1)-Power Platform 試用賬号注冊》

《(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單》

《(3)-Power Apps 通過Power BI 磁貼顯示物聯網裝置實時資料曲線》

《(4.1)-将Azure IoT Service SDK 內建到 Azure Function并釋出 》

《(4.2)-Power Apps 通過Power Automate 發起Http請求調用Azure functions 進行裝置遠端控制》

《(5.1)-利用Azure Stream Analytics 将物聯網遙測曆史消息寫入Azure SQL Database 》

《(5.2)-Power Apps 查詢物聯網裝置曆史遙測消息》

本文介紹:

在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;

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

如果沒有伺服器,先建立一個資料庫伺服器:

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

示範階段,可以點選config database ,選擇一個價格較低的 sku:

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

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

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

使用提供的腳本建表或者手動建表:

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

2.在Power Apps中連接配接Azure Sql Database;

建立使用環境(基于訂閱),網址為:admin.powerplatform.microsoft.com

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

切換到剛建立好的環境,建立空白應用:

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

網址為make.powerapps.com:

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單
低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

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

點選連接配接到資料:

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

 從搜尋中輸入sql,然後在下方選擇sql server,從右側清單中選擇sql server 身份驗證

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

将Azure sql db的連接配接資訊輸入:

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

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

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

在Azure sql data base中配置防火牆規則,然後重新在power apps 中連接配接資料庫:

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

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

連接配接成功,會在power apps 右側顯示 已經建立好的表:

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

插入data table,選擇資料源為 剛才建立好的 表,點選編輯字段,可以選擇要顯示的字段:

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

勾選要顯示的字段:

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

左側的視窗中,成功從資料庫取出了資料:

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

插入編輯窗體(edit form)

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

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

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

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

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

運作power apps 觀察效果:

選中datatable某一行,該行資料會顯示在 edit form中:

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單
低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

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

增加按鈕,在按鈕的OnSelect事件中設定  SubmitForm(Form1)指令:

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

運作Power Apps,輸入一個描述點選儲存,資料可以更新到資料庫中;

再增加一個按鈕,設定OnSelect事件為“NewForm(Form1)”:

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

運作程式,測試結果:

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

視訊講解:

power apps 讀寫sql

聲明:

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

本站所有内容僅代表個人觀點,如與官文檔沖突,請以官方文檔為準。

可在本頁面下方留言或通過下方聯系方式聯系我:

微信:wxyusz;郵箱:[email protected]

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

低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單
低代碼開發物聯網app(2)-Power Apps 連接配接Azure SQL Database 讀取物聯網裝置清單

本作品由Sean Yu 采用知識共享署名-非商業性使用-相同方式共享 4.0 國際許可協定進行許可。

歡迎轉載、使用、重新釋出,但務必保留文章連結:https://www.51azure.cloud,且不得用于商業目的。