本文介绍:

在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 Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server

 

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_02

 

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_03

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_04

 

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_05

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

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_06

 

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_07

网址为make.powerapps.com:

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_08

 

 

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_09

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

点击连接到数据:

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_10

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_11

 

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_12

 

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_13

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

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_14

 

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_15

 

 

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_16

勾选要显示的字段:

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_17

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_18

插入编辑窗体(edit form)

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_19

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_20

 

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_21

 

运行power apps 观察效果:

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_22

 

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_23

 

 

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

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_24

 

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

 

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

Power Apps 中使用Data table 和Edit form 连接SQL Server 增删改查数据案例_SQL Server_25

 

运行程序,测试结果:

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