1.2项目评选系统的低代码基础|学习笔记(一)

简介: 快速学习1.2项目评选系统的低代码基础

开发者学堂课程【低代码认证-第一章:项目评选系课程:1.2项目评选系统的低代码基础】学习笔记,与课程紧密联系,让用户快速学习知识。  

课程地址:https://developer.aliyun.com/learning/course/1007/detail/15054


项目评选系统的低代码基础

内容介绍

一、涉及核心功能及知识点

二、动作面板功能概述

三、开发者中心介绍

四、常用的 API 参考

五、常用 API 使用示例(1)

六、常用 API 使用示例(2)

七、数据源面板

八、宜搭接口

九、自定义页面表单数据实践

十、实操演练

继续学习项目评选系统实践第二节项目评选实践的低代码基础。本小节会讲解一个自定义页面查看表单数据的实践案例,通过拆解本小节的案例对这些功能一一进行介绍,从而了解项评选实践所需要的的代码基础。


一、涉及核心功能及知识点

首先来看自定义页面查看表单数据案例涉及的核心功能及知识点。这里面会涉及到的有动作面板、数据面板,还有宜搭接口的功能。动作面板功能是按钮绑定动作去配置跳转的 API,跳转到详情数据当中,数据源面板功能,通过数据源面板新增远程数据源调用接口,获取表单数据,新增变量数据源保存页面临时变量。宜搭接口功能,宜搭提供应用维度可以直接调用的接口和第三方获取的大数据的接口。了解了涉及的核心功能及知识点后,来看一下动作面板。


二、动作面板功能概述

动作编码是可以用来编写 javaScript 代码来实现一些更定制化的需求,支持动作绑定。这里面的支持动作绑定指的是组建的动作和动作面板当中自定义的函数进行绑定。

图片1.png

如右图所示,可以选择页面属性在当中有生命周期,在这里就可以去进行动作绑定,绑定完成之后,就可以在这里去书写页面加载完成时的函数

动作面板也支持直接书写 JS 代码定义函数。也支持书写 debugger 进行断点调试,在动作面板当中可以书写哪些由宜搭封装的函数,这些函数又可以在哪里去进行寻找呢?首先来看一下宜搭的开发者中心。


三、开发者中心介绍

开发者中心提供 API 文档、组件使用的示例、常见业务场景来继续深入并解决所遇到的这些问题。

图片2.png

如图片所示,这里标注的是一个 API 参考,这里是宜搭执行特定任务的代码块封装成可以随时被调用的 JS 函数或者说 JS 方法,可以直接将拿取出来,然后去放置在动作面板当中进行使用。当然除了 API 参考以外,还有专题、布局组件、基础、表单、高级组件,还有一些场景案例等等


四、常用的 API 参考

图片3.png

这里面常用的 API 方法有 get、set、 getvalue、 setvalue,分别都是去获取当前组件或者表单的属性值或者是值。还有 show和hide 的方法适用于显示或隐藏对话框,dataSourceMap 用来加载远程数据源 utils.dialog 用于弹出对话框,utils.router.push 用于路由(页面跳转)。


五、常用 API 使用示例(1)

get 的作用是获取当前文本组件的属性值。用法是 this.$(fieldld).get(key) 第四点儿,fieldld 是组建的唯一标识,Key 是组件的属性,如右图所示。可以通过 get 去获取文本里面的 content,也就是这里面文本的内容。

图片4.png

六、常用 API 使用示例(2)

来看一下 dataSourceMap 用于加载远程数据源。用法是this.dataSourceMap.mockReq.load(params)。mockReq 是远程数据源名称,params 是请求携带参数

图片5.png

如图所示,在这里面就先通过 cast 定义了一个 parents,也就是定义请求的携带参数,完成之后去调用加载远程数据。这里已经将远程数据源的名称更改为已经定义好的远程数据源的名称,用这种方式去进行调用。utils.dialog 的作用是弹出对话框,用法是 this.utils.dialog(options),这里面的 options:dialog 是属性。图片当中以蓝色框出的部分是使用到了 utils.dialog 这里 dialog 的属性包含 Titletype 还有 content 等等一些属性。动作面板的常用 API 讲解完成后


七、数据源面板

图片6.png

讲解一下数据源面板。数据源面板可以声明一个变量或者一个远程变量。由于动态的展示一些数据使用在控件的属性配置上可以进行对数据源的数据绑定。新建的数据源分为三个种类,分别是参数数据源、变量数据源和远程数据源。参数数据源是系统默认传入该数据源用于获取当前 url 当中的参数。变量数据源一般用于保存配置项、页面、临时变量等。远程数据源一般是从一个服务端接口中获取数据。图片右图展示的是变量数据源,在这个输入框内可以支持的变量有字符串、数字、布尔值、对象数组,还有空值。


八、宜搭接口

宜搭提供以下两种调用数据的接口,分别为宜搭平台接口和 Open API 开放接口,宜搭平台接口是宜搭页面数据源可以直接调用的接口。支持应用维度接口,将当前组织架构内的数据获取到。

Open API 开放接口。开放接口需要申请接口的调用权限,支持定时将数据拉回到自建系统中进行精加工或归档。也可以将表单提交、流程发起操作的入口集成到现有的平台上。这就是宜搭的接口。

相关文章
|
6月前
|
Cloud Native 前端开发 Java
inBuilder低代码开发实验室,低代码到底该长什么样
inBuilder低代码开发实验室,低代码到底该长什么样
82 0
|
3月前
|
人工智能 安全 物联网
低代码开发10平台,总有一款适合你
本文介绍的十款低代码开发平台,如Zoho Creator、OutSystems等,各具特色,满足不同业务需求。Zoho Creator提供强大灵活的应用构建能力,支持自动化工作流及跨平台应用;OutSystems强调高效开发与企业级安全性;Mendix擅长快速构建企业级应用,特别是在物联网项目中表现突出;Appian专注业务流程管理,提升工作效率;PowerApps则深度集成微软生态系统,便于构建定制化业务应用;Quick Base适合中小企业快速开发定制应用;
90 3
|
6月前
|
供应链 Oracle 关系型数据库
揭秘低代码:探究其含义与顶尖低代码平台
低代码开发通过图形界面和模板简化编程,加速应用构建,助力企业数字化转型。本文探讨了低代码在业务流程、数据管理、办公系统等场景的应用,并推荐了Gartner“魔力象限”中的低代码平台,如Zoho Creator、Mendix、Oracle和Appian,这些平台以其高效、灵活的特点,帮助企业快速适应市场变化和降低开发成本。
89 0
|
6月前
|
前端开发 IDE JavaScript
【inBuilder 低代码开发实验室】使用inbuilder完成UBML低代码设计开发
【inBuilder 低代码开发实验室】使用inbuilder完成UBML低代码设计开发
87 0
|
6月前
|
运维 数据可视化 搜索推荐
用友系列之YonBuilder低代码平台概论和基本使用
用友系列之YonBuilder低代码平台概论和基本使用
384 0
|
数据可视化 JavaScript 前端开发
低代码平台名声臭,用起来却真香——60%开发者不敢承认
低代码平台名声臭,用起来却真香——60%开发者不敢承认
102 0
|
数据可视化 Cloud Native IDE
开放原子训练营(第三季)inBuilder低代码开发实验室初体验
开放原子训练营(第三季)inBuilder低代码开发实验室初体验
122 0
|
前端开发 数据可视化 小程序
低代码平台如何选型, 43款国内外低代码平台一网打尽
目前,零代码技术和低代码技术越来越成熟,低代码平台也越来越被大家所接受,国内低代码平台厂商和产品层出不穷,到底哪家低代码平台好,企业如何选型,以下给出一些参考。
1458 0
|
人工智能 移动开发 数据可视化
【愚公系列】用友系列之YonBuilder低代码平台概论和基本使用
低代码平台是一种能够帮助开发人员快速地构建应用程序的开发工具。它利用可视化界面和模型驱动方法,使开发人员不需要太多的编码经验就能够创建应用程序。使用可视化界面和编辑器,使开发人员能够轻松地创建和定制应用程序。提供常用的应用程序组件和模板,开发人员能够根据自己的需求选择适合自己的模板进行开发。低代码平台可以根据开发人员的需求进行定制和扩展,使其适应不同的应用场景。低代码平台能够快速构建原型并迭代,加快应用程序的开发速度。低代码平台使开发人员不需要太多的编码经验,使得开发过程更加简单和高效。
355 0
|
数据采集 数据可视化 安全
宜搭低代码工程师[初级]
全面可视化编程、完整的周期管理、良好的拓展能力
814 0