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,且不得用于商业目的。

posted @ 2021-01-05 08:08  shuzhen.yu  阅读(685)  评论(0编辑  收藏  举报