本文是Power Platform 低代码开发物联网App 系列文章的第二讲:
《 概览 -Power Platform低代码开发物联网App》
《(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;
如果没有服务器,先创建一个数据库服务器:
演示阶段,可以点击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;邮箱:shuzhen.yu@foxmail.com
欢迎关注公众号“云计算实战”,接收最新文章推送。
本作品由Sean Yu 采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。
欢迎转载、使用、重新发布,但务必保留文章链接:https://www.51azure.cloud,且不得用于商业目的。