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

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://xiahunao.cn/news/3269346.html

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

相关文章

流量录制与回放:jvm-sandbox-repeater工具详解

在软件开发和测试过程中,流量录制与回放是一个非常重要的环节,它可以帮助开发者验证系统在特定条件下的行为是否符合预期。本文将详细介绍一款强大的流量录制回放工具——jvm-sandbox-repeater,以及如何利用它来提高软件测试的效率和质量。 …

如何在Selenium Webdriver中点击SVG元素?

我们将在URL上单击下面突出显示的SVG元素:https://testkru.com/Elements/SVGelemnts。 有几种方法可以点击SVG元素,我们将在这篇文章中讨论它们,并讨论它们之间应该首选哪一种。 使用 WebElement Click() 通过使用Action Click() …

vue3 Router 点击index中的按钮,查看相应的详情信息,并且传递id,及其路由的定义方法。

1、路由的定义 结构如下: 2、路由定义代码: {path: tabs,name: TabsDemo,component: () > import(/views/demo/feat/tabs/index.vue),meta: {title: t(routes.demo.feat.tabs),hideChildrenInMenu: true,},children: [{path: detail/:id,name: TabDetail,compon…

maven介绍 搭建Nexus3(maven私服搭建)

Maven是一个强大的项目管理工具,它基于项目对象模型(POM:Project Object Model)的概念,通过XML格式的配置文件(pom.xml)来管理项目的构建 Maven确实可以被视为一种工程管理工具或项目自动化构…

SpringcloudAlibaba详解---超详细

简介 Spring Cloud Alibaba是阿里巴巴结合自身的微服务实践开源的微服务全家桶,我个人觉得其组件比Spring Cloud 中的组件更加好用和强大。并且对的Spring Cloud组件做了很好的兼容。比如在Spirng Cloud Alibaba中依然可以使用Feign作为服务调用方式,使…

Mac如何在某个目录下快速打开iTerm2

最近喜欢上用Mac了,为了让自己用的更顺手和快速,设置了一堆快捷键,这里主要记录一下如何在某个文件夹下快速打开某一个软件。 然后你要快速再某一个文件夹路径下打开iTerm2这个软件,就鼠标选中文件夹,然后直接按快捷键…

一文带你搞懂C++运算符重载

7. C运算符重载 C运算符重载 什么是运算符重载 运算符重载赋予运算能够操作自定义类型。 运算符重载前提条件: 必定存在一个自定义类型 运算符重载实质: 就是函数调用 友元重载 类重载 在同一自定义类型中,一个运算符只能被重载一次 C重载只能重载…

2024年国际高校数学建模竞赛问题B:空间迁移计划和战略 成品文章分享

2024年国际高校数学建模竞赛问题B:空间迁移计划和战略(2024 International Mathematics Molding Contest for Higher Education (IMMCHE)Problem B: Space Migration Program and Strategy) 星际迁移计划中的资源分配与风险管理策略研究 摘…

【计算机网络】数据链路层实验

一:实验目的 1:学习WireShark软件的抓包操作,分析捕获的以太网的MAC帧结构。 2:学习网络中交换机互相连接、交换机连接计算机的拓扑结构,理解虚拟局域网(WLAN)的通信机制。 3:学习…

什么材质的挖耳勺好用?硬核上佳产品分享!

耳道健康随着生活品质的提高,逐渐被大家重视。因为它会直接影响我们的听力和卫生健康,如果长时间不清理,很容易堵塞在耳膜里导致耳鸣头晕等状况。挖耳勺的材质非常多,有铁质、不锈钢、软硅胶等等,那么什么材质的挖耳勺…

2024年国际高校数学建模竞赛问题B:空间迁移计划和战略完整思路 模型 代码 结果分享(仅供学习)

2024年国际高校数学建模竞赛问题B:空间迁移计划和战略(2024 International Mathematics Molding Contest for Higher Education (IMMCHE)Problem B: Space Migration Program and Strategy) 我们的未来有两种可能性:第一,我们将留…

国科大作业考试资料《人工智能原理与算法》2024新编-第十三次作业整理

1、假设我们从决策树生成了一个训练集,然后将决策树学习应用于该训练集。当训练集的大小趋于无穷时,学习算法将最终返回正确的决策树吗?为什么是或不是? 本次有两个参考: 参考一: 当训练集的大小趋于无穷…

飞牛爬虫FlyBullSpider 一款简单方便强大的爬虫,限时免费 特别适合小白!用它爬下Boss的2024年7月底Java岗位,分析一下程序员就业市场行情

一、下载安装FlyBullSpider 暂时支持Window,现在只在Win11上做过测试 1 百度 点击百度网盘 下载 链接:https://pan.baidu.com/s/1gSLKYuezaZgd8iqrXhk8Kg 提取码:Fly6 2 csdn https://download.csdn.net/download/fencer911/89584687 二、体验初…

C++(入门1)

C参考文档 Reference - C Reference C 参考手册 - cppreference.com cppreference.com 第一个C程序 #include<stdio.h> int main() {printf("Hello C\n");return 0; }由上述代码可知C是兼容C语言 第一个C标准程序 #include<iostream> using names…

Python教程(一):环境搭建及PyCharm安装

目录 引言1. Python简介1.1 编译型语言 VS 解释型语言 2. Python的独特之处3. Python应用全览4. Python版本及区别5. 环境搭建5.1 安装Python&#xff1a; 6. 开发工具&#xff08;IDE&#xff09;6.1 PyCharm安装教程6.2 永久使用教程 7. 编写第一个Hello World结语 引言 在当…

NO.1 Hadoop概述

目录 1.1 Hadoop是什么​编辑 1.2 Hadoop优势​编辑​编辑 1.3 Hadoop组成​编辑 1.3.1 HDFS架构概述 ​编辑 1.3.2 YARN架构概述 ​编辑 1.3.3 MapReduce架构概述​编辑 1.3.4 HDFS、YARN、MapReduce三者关系 1.4 大数据技术生态体系 1.5 推荐系统框架图 1.1 Hadoop…

Prometheus各类监控及监控指标和告警规则

目录 linux docker监控 linux 系统进程监控 linux 系统os监控 windows 系统os监控 配置文件&告警规则 Prometheus配置文件 node_alert.rules docker_container.rules mysql_alert.rules vmware.rules Alertmanager告警规则 consoul注册服务 Dashboard JSON…

ARM32开发——PWM蜂鸣器案例

&#x1f3ac; 秋野酱&#xff1a;《个人主页》 &#x1f525; 个人专栏:《Java专栏》《Python专栏》 ⛺️心若有所向往,何惧道阻且长 文章目录 需求原来的驱动移植操作替换初始化 更新Play函数完整代码 需求 通过控制PB9来播放音乐&#xff0c;PB9对应的定时器通道&#xff1…

Web3 职场新手指南:从技能到素养,求职者如何脱颖而出?

随着 2024 年步入下半年&#xff0c;Web3 行业正在经历一系列技术革新。通过改进的跨链交互机制和兼容性&#xff0c;逐步消除市场碎片化的问题。技术的进步为开发者和用户都打开了新的前景。然而&#xff0c;复杂的技术和快速变化的市场环境也让许多新人望而却步。求职者如何找…

【数据结构】双向带头循环链表(c语言)(附源码)

&#x1f31f;&#x1f31f;作者主页&#xff1a;ephemerals__ &#x1f31f;&#x1f31f;所属专栏&#xff1a;数据结构 目录 前言 1.双向带头循环链表的概念和结构定义 2.双向带头循环链表的实现 2.1 方法声明 2.2 方法实现 2.2.1 创建新节点 2.2.2 初始化 2.2.3 …