CodeWave智能开发平台--03--目标:应用创建--06变量作用域和前后端服务逻辑

简介: CodeWave智能开发平台--03--目标:应用创建--06变量作用域和前后端服务逻辑


在这里插入图片描述

摘要

本文是网易数帆CodeWave智能开发平台系列的第08篇,主要介绍了基于CodeWave平台文档的新手入门进行学习,实现一个完整的应用,本文主要完成06变量作用域和前后端服务逻辑

CodeWave智能开发平台的08次接触

CodeWave参考资源

网易数帆CodeWave开发者社区课程中心

网易数帆CodeWave开发者社区文档中心

网易数帆CodeWave开发者社区考试认证

应用开发流程

经过上篇文章的初级入门,对CodeWave低代码平台有了一定的认知,在模板的范围内开发一个特点的程序还是比较容易的,但同时需要说明的是,低代码平台有很多自己的逻辑,如果都学完在操作,实在是需要较长时间,本文结合应用开发流程,进行专题学习,应用创建☀️☀️

应用开发-搭建采购管理系统

视频来源

应用开发流程-06-变量和逻辑

进入自己的CodeWave智能开发平台

https://itzhang.codewave.163.com/dashboard/product/Home

局部和全局变量使用

在联系人管理页面下创建局部变量2个

新建数据输入框 + 数据输入框 = 文本框

在文本组件中选择主要属性中的文本内容,可以切换文本或表达式,如果选择表达式,则则可以绑定变量

预览查看效果

页面下创建的数据是局部数据,在其它页面无法获得,如果想使用全局变量,可以创建前段全局变量,其它使用步骤类似

前后端服务逻辑

在页面下创建的逻辑为前端逻辑,在逻辑中创建的逻辑为服务端逻辑。

在变量部分,我们创建了变量,并计算了结果,如果结果不需要直接在页面中显示,而是通过点击确定按钮,然后弹出一个页面,这时就需要使用前端逻辑了。

删除联系人管理下的等号和结果,替换为一个确定按钮

修改按钮的事件,选择事件为点击,在事件逻辑中拖入弹出消息组件,在填出消息组件中拖入加入组件,绑定对应的变量,如下:

预览查看效果

除了组件可以设置事件逻辑,每个页面也可以单独设计逻辑。

这里先不单独设计页面逻辑

这里在联系人管理页面下添加 弹窗 组件,修改弹出组件的问内容

然后,在确定按钮的事件逻辑中删除原有逻辑,添加 调用逻辑

选择预览,结果如下

创建页面逻辑,取名为openModel

在页面逻辑openmodel中添加 弹出消息 组件继续添加调用逻辑,选择刚才创建model1组件

将原来事件下的事件逻辑修改为调用openmodel逻辑

再创建计算按钮,重复调用openmodel页面逻辑

点击预览查看效果

前端和服务端逻辑调用

相关文章
|
Oracle 关系型数据库 数据库
|
API 调度
【FreeRTOS】软件定时器的使用
【FreeRTOS】软件定时器的使用
492 0
|
存储 开发者
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格01
|
8月前
|
监控 安全 Cloud Native
企业网络架构安全持续增强框架
企业网络架构安全评估与防护体系构建需采用分层防御、动态适应、主动治理的方法。通过系统化的实施框架,涵盖分层安全架构(核心、基础、边界、终端、治理层)和动态安全能力集成(持续监控、自动化响应、自适应防护)。关键步骤包括系统性风险评估、零信任网络重构、纵深防御技术选型及云原生安全集成。最终形成韧性安全架构,实现从被动防御到主动免疫的转变,确保安全投入与业务创新的平衡。
|
数据采集 监控 Oracle
ERP系统的实施与变更管理:确保成功的数字化转型
【7月更文挑战第29天】 ERP系统的实施与变更管理:确保成功的数字化转型
784 0
|
10月前
|
机器学习/深度学习 算法 前端开发
基于Python深度学习果蔬识别系统实现
本项目基于Python和TensorFlow,使用ResNet卷积神经网络模型,对12种常见果蔬(如土豆、苹果等)的图像数据集进行训练,构建了一个高精度的果蔬识别系统。系统通过Django框架搭建Web端可视化界面,用户可上传图片并自动识别果蔬种类。该项目旨在提高农业生产效率,广泛应用于食品安全、智能农业等领域。CNN凭借其强大的特征提取能力,在图像分类任务中表现出色,为实现高效的自动化果蔬识别提供了技术支持。
412 0
基于Python深度学习果蔬识别系统实现
|
11月前
|
机器学习/深度学习 人工智能 前端开发
【AI系统】图算 IR
本文全面介绍了计算图的概念及其在AI框架中的应用,涵盖计算图的基本构成、与自动微分的关系、静态图与动态图的生成及特点,以及计算图对AI编译器的重要作用。文章详细解析了计算图的结构,包括张量和算子的角色,探讨了AI框架如何通过计算图实现自动微分,同时对比了静态图和动态图的优缺点,指出了计算图在优化AI编译器性能方面的关键作用。
324 0
|
存储 数据库 开发者
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格02
CodeWave智能开发平台--03--目标:应用创建--07供应商数据表格02
|
机器学习/深度学习 自然语言处理 算法
[大语言模型-论文精读] 大语言模型是单样本URL分类器和解释器
[大语言模型-论文精读] 大语言模型是单样本URL分类器和解释器
|
关系型数据库 MySQL Java