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

相关文章
|
9月前
|
机器学习/深度学习 人工智能 搜索推荐
Codewave学习体验分享:低代码开发世界的黑马
Codewave学习体验分享:低代码开发世界的黑马
|
3月前
|
数据可视化 搜索推荐 小程序
LowCode:低代码平台,2024国内十大主流低代码平台年终盘点
低代码平台是一种加速软件开发的高效工具,通过可视化和模型驱动的方式减少手动编码,快速构建应用。它能显著提升开发效率,降低开发成本,支持企业快速实现数字化转型。国内主流低代码平台如织信Informat、白码、钉钉宜搭等,各具特色,可根据企业需求选择合适的平台。私有化部署更是确保数据安全和定制化的重要手段。
|
5月前
|
API 云计算 开发者
使用宜搭平台带来的便利:技术解析与实践
【9月更文第8天】随着企业信息化建设的不断深入,业务流程自动化的需求日益增长。宜搭平台作为一种高效的应用构建工具,为企业提供了快速搭建各类业务系统的可能。本文将探讨使用宜搭平台给企业和开发者带来的便利,并通过具体的代码示例展示其优势。
158 11
|
数据采集 移动开发 数据可视化
低调且强大——JNPF低代码平台
低调且强大——JNPF低代码平台
199 0
|
数据可视化 JavaScript 前端开发
低代码平台名声臭,用起来却真香——60%开发者不敢承认
低代码平台名声臭,用起来却真香——60%开发者不敢承认
125 0
|
自然语言处理 运维 Oracle
低代码平台真的是企业的福音吗?
低代码平台真的是企业的福音吗?
124 0
|
数据可视化 Cloud Native IDE
开放原子训练营(第三季)inBuilder低代码开发实验室初体验
开放原子训练营(第三季)inBuilder低代码开发实验室初体验
157 0
|
数据管理
低代码助力网络课程的期未作品开发
作为本课程的任课老师,我认为学生们的在汇报中所展现出的专业素质和实践应用能力让这门课程的意义得到体现。同学们运用低代码自行设计相关应用系统,将理论与实践结合,以低代码技术为实际生活场景赋能,从理论到实践,更好地巩固了所学。
低代码助力网络课程的期未作品开发
|
运维 JavaScript 前端开发
1.2项目评选系统的低代码基础|学习笔记(二)
快速学习1.2项目评选系统的低代码基础
1.2项目评选系统的低代码基础|学习笔记(二)
|
XML API 开发工具
【视频】低代码样板间快速集成教程与扩展开发|学习笔记
快速学习【视频】低代码样板间快速集成教程与扩展开发。
【视频】低代码样板间快速集成教程与扩展开发|学习笔记