Power Platform 低代码开发手机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;

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

 

如果没有服务器,先创建一个数据库服务器:

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

 

演示阶段,可以点击config database ,选择一个价格较低的 sku:

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

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

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

 

使用提供的脚本建表或者手动建表:

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

2.在Power Apps中连接Azure Sql Database;

创建使用环境(基于订阅),网址为:admin.powerplatform.microsoft.com

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

 

切换到刚创建好的环境,创建空白应用:

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

网址为make.powerapps.com:

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

 

 

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

3.在Power Apps中配置Data Table和Edit Form 控件查询数据;

点击连接到数据:

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

 从搜索中输入sql,然后在下方选择sql server,从右侧列表中选择sql server 身份验证

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

 

将Azure sql db的连接信息输入:

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

 

默认情况下,会出现如下图错误,则需要为Azure sql database 配置防火墙规则:

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

在Azure sql data base中配置防火墙规则,然后重新在power apps 中连接数据库:

可以将Allow Azure services and resources to access this server 设置为 Yes。

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

 

连接成功,会在power apps 右侧显示 已经创建好的表:

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

 

 

插入data table,选择数据源为 刚才创建好的 表,点击编辑字段,可以选择要显示的字段:

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

勾选要显示的字段:

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

左侧的窗口中,成功从数据库取出了数据:

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

插入编辑窗体(edit form)

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

同样的方式设置数据源和编辑列,设置列数据为1:

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

 

设置edit form的item属性:Datatable1.Selected

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

 

运行power apps 观察效果:

选中datatable某一行,该行数据会显示在 edit form中:

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

 

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

 

 

4.在Power Apps中利用 SubmitForm和NewForm 更新和新建数据库记录;

增加按钮,在按钮的OnSelect事件中设置  SubmitForm(Form1)命令:

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

 

运行Power Apps,输入一个描述点击保存,数据可以更新到数据库中;

 

再增加一个按钮,设置OnSelect事件为“NewForm(Form1)”:

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

 

运行程序,测试结果:

点击 新建数据模式按钮,Edit Form中的几个文本框全部自动晴空,填写数据后点击“保存”按钮,新的记录写入到数据库中,同时左侧的Datatable会自动刷新出新建的数据

 


 

视频讲解:

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




声明:

 

点击可查阅本站文章目录 《文章分类目录》

本站所有内容仅代表个人观点,如与官文档冲突,请以官方文档为准。

可在本页面下方留言或通过下方联系方式联系我:

微信:wxyusz;邮箱:shuzhen.yu@foxmail.com

欢迎关注公众号“云计算实战”,接收最新文章推送。

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

Power Platform 低代码开发手机App(2)-Power Apps 连接Azure SQL Database 读取物联网设备清单

本作品由Sean Yu 采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。
欢迎转载、使用、重新发布,但务必保留文章链接:https://www.51azure.cloud,且不得用于商业目的。

上一篇:Mongodb4.4.1分片集群搭建


下一篇:CentOS 7.0下解决ifconfig: command not found的方法