Power App学习笔记以及基础项目管理demo

news2024/11/22 15:51:52

Power App学习笔记以及基础项目管理demo

最近学习了一点Power App,感觉挺有意思。配置式组件开发。浅浅记录一下自己实现的项目管理系统(即Excel数据的增删改查)关于函数的一点皮毛认识。

效果图

在这里插入图片描述
筛选数据
在这里插入图片描述
编辑
在这里插入图片描述
详情
在这里插入图片描述
数据源
在这里插入图片描述

PowerApp

网址:Power App
开始:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

基本函数:
在这里插入图片描述

我是跟着B站一个up主的视频学着写的这个demo,30分钟快速开发项目管理系统,讲的比较详细,虽然有些地方和我本地未必对应的上。也咨询了做这方面的同事,最后还是成功实现了。

开发

基本上是拖拽式组件开发,样式并不能像前端开发那样灵活设计。下面主要说一下函数方面,以及主要的组件配置

筛选项

正常手动配置可以这样:

Table({Value:"All"},{Value:"是"},{Value:"否"})

效果为:
在这里插入图片描述

这个的含义是,从ProjectList这个数据源中,提取ProjectNumber作为数据,我这里用来当作筛选下拉了。然后再使用上面的table增加了一个All 的选项

Table({Value:"All"},Distinct(ProjectList,ProjectNumber)

在这里插入图片描述

查询按钮

理解为定义了一个查询出来的数据叫Search,过滤条件为上方各个筛选条件Selected的值或者Input输入的值,ProjectNumberDropdownProjectStatusDropdownProjectStepDropdownProjectNameInput均为自定义名义的组件名字。

ClearCollect(Search,Filter(ProjectList,(ProjectNumber in ProjectNumberDropdown.Selected.Value||ProjectNumberDropdown.Selected.Value="All")&&(Status=ProjectStatusDropdown.Selected.Value||ProjectStatusDropdown.Selected.Value="All")&&(Progress=ProjectStepDropdown.Selected.Value||ProjectStepDropdown.Selected.Value="All")&&(ProjectName=ProjectNameInput.Text||ProjectNameInput.Text="请输入"||ProjectNameInput.Text="")))

在这里插入图片描述

重置按钮

Reset所有的下拉筛选组件,然后Select,相当于帮你点击了一下查询按钮,执行了查询操作。SearchButton是查询按钮的名字

Reset(ProjectNumberDropdown)&&Reset(ProjectStatusDropdown)&&Reset(ProjectStepDropdown)&&Reset(ProjectNameInput);Select(SearchButton)
列表

这里的Items即为数据
在这里插入图片描述

列表是用一个container里面放了一个gallery实现的。所以值为上方的Search(gallery被我清空了,手动实现的这些字段显示的样式)
在这里插入图片描述

编辑

点击编辑按钮的时候,触发EditForm,并Navigate跳转到详情页面,Set的意思是,自定义了一个变量isEdit,值为true,用于标记是编辑操作还是查看操作

EditForm(Form1);Navigate(Screen2);Set(isEdit,true)

在这里插入图片描述

查看

点击查看按钮,触发ViewForm,并Navigate跳转到详情页面,Set的意思是,自定义了一个变量isEdit,值为false,用于标记是编辑操作还是查看操作

ViewForm(Form1);Navigate(Screen2);Set(isEdit,false)

在这里插入图片描述

删除

点击删除按钮,触发Remove,再次点击SearchButton,触发查询

Remove(ProjectList,ThisItem);Select(SearchButton)

在这里插入图片描述

新建

点击新建按钮,ResetForm先重置表单,然后再NewForm初始化一个新的表单,最后跳转

ResetForm(Form1);NewForm(Form1);Navigate(Screen2)

在这里插入图片描述

详情页

数据源
在这里插入图片描述
数据绑定为Gallery点击的数据
在这里插入图片描述

提交

点击提交按钮触发SubmitForm,触发查询数据,自动跳转前页面

SubmitForm(Form1);ClearCollect(Search,ProjectList)

在这里插入图片描述
控制disable

如果isEdit为true,那么模式为Edit,否则为Disabled,这里要返回值,而不是返回布尔

If(isEdit,DisplayMode.Edit,DisplayMode.Disabled)

在这里插入图片描述

form表单的提交之后,提示成功,并且跳转

Notify("提交成功",NotificationType.Success);Navigate(Screen1)

在这里插入图片描述

重置
ResetForm(Form1);NewForm(Form1)

在这里插入图片描述

具体页面实现以及代码编写可以看那个up主的视频,这里只是我的一点学习笔记,如有不对的地方,还请谅解。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1944034.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

杰发科技Bootloader(2)—— 基于7840的Keil配置地址

序 在7840的sample代码里面有一个简单的Boot跳转APP的示例 PFlash地址从0开始 DFlash的地址从1000000开始 Boot解析 他的boot地址配置为0 Boot的代码主要是这几行,主要作用就是Flash的跳转 int main(void) {SystemClock_Config();InitDebug();printf("demo…

分布式搜索引擎ES-DSL搜索详解

1.DSL搜索-入门语法 建立索引: xxx(自定义名称) 自定义mapping: POST /shop/_mapping {"properties": {"id": {"type": "long"},"age": {"type": "integer"},"username": {&quo…

数据结构之判断完全二叉树详解与示例(C,C++)

文章目录 一、判断完全二叉树的思路二、C语言实现三、C语言实现四、总结 完全二叉树是一种特殊的二叉树,它满足以下两个条件: 每一层(除了最后一层)都被严格地填充了节点。 最后一层的节点都尽可能地靠左对齐。 本文将详细介绍如…

数据结构 —— B+树和B*树及MySQL底层引擎

数据结构 —— B树和B*树及MySQL底层引擎 B树B*树B树的应用B树在MySQL中的应用MyISAMInnoDB 我们之前学习了B树的基本原理,今天我们来看看B树的一些改良版本——B树和B*树。如果还没有了解过的小伙伴可以点击这里: https://blog.csdn.net/qq_67693066/ar…

【启明智显分享】基于国产Model3芯片的7寸触摸屏助力智慧医疗,电子床头屏提升护理交互

未来医院必然是以信息化为基础,以物联网为特征,以医疗为核心的服务型医院。病房作为医院的重要服务场所,成为智慧医院建设的重要一环。 为提高医护人员与患者的互动交流,给医疗注入智慧元素,让患者享受智能服务&#…

Ins云手机在运营Instagram账号的优势

在数字时代,Instagram成为全球数亿用户的重要社交平台,其超过10亿的用户数量,为企业提供了广阔的营销空间。对于希望拓展海外市场的企业来说,使用Instagram进行引流和推广是一个高效且安全的选择。为了更高效地管理和运营多个Inst…

C#知识|账号管理系统:修改登录密码界面的UI设计

哈喽,你好啊!我是雷工! 本节记录添加修改登录密码界面的过程,以下为练习笔记。 01 效果演示 演示跳转打开修改登录密码子窗体效果: 02 添加窗体 在UI层添加一个Windows窗体,命名为:FrmModifyPwd.cs; 03 设置窗体属性 按照下表的内容设置窗体的相关属性: 设置属性 …

HCIP之PPP协议(PAP认证,CHAP认证)、GRE、MGRE综合实验

实验过程 一、IP配置 [r1]interface Serial 4/0/0 [r1-Serial4/0/0]ip ad 15.1.1.1 24 [r1]interface GigabitEthernet 0/0/0 [r1-GigabitEthernet0/0/0]ip ad 192.168.1.1 24 r2]interface Serial 4/0/0 [r2-Serial4/0/0]ip ad 25.1.1.2 24 [r2]interface GigabitEthernet 0/…

Web漏洞扫描工具(AWVS、Goby)

一、背景 想针对自己项目或者小公司的Web安全做相关扫描,自己做漏洞进行自查工作,能够减少自身系统的安全风险,提高系统的安全性。但是没有找到一些开源性质的、扫描质量比较高的相关工具,使用安全公司的专业产品价格又承受不起。…

生成式人工智能之路,从马尔可夫链到生成对抗网络

人工智能(Artificial intelligence,AI)技术在过去几年中取得了显著进展,其中生成式AI(Generative AI)因其强大的内容生成能力而备受关注。生成式AI可以创建新的文本、图像、音频、视频、代码以及其他形式的…

Java中定时任务执行的三种方式

Java中定时任务执行的三种方式 1. 普通线程死循环1.1 优点1.2 缺点1.3 示例代码片段 2. 使用定时器 Timer2.1 优点2.2 缺点2.3 示例代码片段 3. 使用定时调度线程池 ScheduledExecutorService3.1 优点3.2 缺点3.3 示例代码片段 💖The Begin💖点点关注&a…

Vue使用FullCalendar实现日历/周历/月历

Vue使用FullCalendar实现日历/周历/月历 需求背景:项目上遇到新需求,要求实现工单以日/周/月历形式展示。而且要求不同工单根据状态显示不同颜色,一个工单内部,需要以不同颜色显示三个阶段。 效果图 日历 周历 月历 安装插件…

Spring之Spring Bean的生命周期

Spring Bean的生命周期 通过BeanDefinition获取bean的定义信息调用构造函数实例化beanBean的依赖注入处理Aware接口(BeanNameAware、BeanFactoryAware、ApplicationContextAware)Bean的后置处理器BeanPostProcessor-前置初始化方法(Initiali…

Java基础(四) 内部类详解

Java 内部类详解 一. 内部类概述 内部类是嵌套在类内部进行定义的类,其外部的类则被称为外部类;按照内部类的定义位置,内部类可进一步划分为成员内部类、静态内部类、局部内部类和匿名内部类四种类型。内部类的出现实际上是进一步丰富了类的…

React 学习——行内样式、外部样式、动态样式

三种样式的写法 import "./index.css"; //同级目录下的样式文件 function App() {const styleCol {color: green,fontSize: 40px}// 动态样式const isBlock false;return (<div className"App">{/* 行内样式 */}<span style{{color:red,fontSiz…

FreeModbus学习——eMBPoll轮询

FreeModbus版本&#xff1a;1.6 eMBPoll在mb.c文件中 eMBPoll 函数是一个核心的 Modbus 协议栈事件处理函数&#xff0c;负责接收和发送帧&#xff0c;处理不同的事件&#xff0c;并根据需要返回错误码。 eMBErrorCode eMBPoll( void ) {static UCHAR *ucMBFrame; …

zabbix添加钉钉告警机器人使用bash和python两种脚本

zabbix添加钉钉告警机器人使用bash和python两种脚本 查看脚本目录 vi /etc/zabbix/zabbix_server.conf# 脚本存放路径 AlertScriptsPath/usr/lib/zabbix/alertscripts编写脚本&#xff08;二选一&#xff09; bash脚本 编写脚本 cd /usr/lib/zabbix/alertscripts vi zabbi…

00 RabbitMQ:前言

00 RabbitMQ&#xff1a;前言 1. 前言1.1. 举个&#x1f330;&#xff1a;快递案例1.1.1. 过程对比1.1.2. 延伸到程序中 1.2. 举个&#x1f330;&#xff1a;订单案例1.2.1. 流程1.2.2. 耦合1.2.3. 响应时间1.2.4. 并发压力1.2.5. 系统结构弹性 1.3. 总结 1. 前言 1.1. 举个&a…

机器人开源调度系统OpenTCS-6最新版本地源码运行

OpenTCS 项目使用 Gradle 而不是 Maven&#xff0c;那么需要使用 Gradle 来导入和构建项目。在 IntelliJ IDEA 中导入和运行使用 Gradle 的项目&#xff0c;可以按照以下步骤进行操作&#xff1a; 克隆 OpenTCS 源码 首先&#xff0c;克隆 OpenTCS 的源码到本地。您可以使用以…

2. 深度学习的项目流程(批量化打包数据、构建模型、训练模型、波士顿房价预测、激活函数、多层感知机)

深度学习流程 1. 深度学习基本流程1.1 流程图1.2 代码实现1.3 基本概念 2. 深度学习项目流程2.1 批量化打包数据2.2 构建模型2.3 训练模型&#xff08;1&#xff09;筹备训练&#xff08;2&#xff09;开始训练 2.4 模型推理 3. 深度学习实现波士顿房价预测3.1 数据读取、切分、…