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页面逻辑

在这里插入图片描述

点击预览查看效果

在这里插入图片描述

前端和服务端逻辑调用

在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SpringBoot 如何 返回页面

背景 RestController ResponseBody Controller Controller中的方法无法返回jsp页面,或者html,配置的视图解析器 InternalResourceViewResolver不起作用,返回的内容就是Return 里的内容。 Mapping ResponseBody 也会出现同样的问题。 解…

科锐16位汇编学习笔记 04 乘除和移位指令

乘法和除法指令用的不多,因为效率很低 比较指令CMP (compare) •格式:CMP OPD,OPS •功能:(OPD) — (OPS),跟减法指令很像,但是不存结果 •说明:目的操作数减去源操作数,然后根据结果设置标志位,但该结…

python数据可视化之折线图案例讲解

学习完python基础知识点,终于来到了新的模块——数据可视化。 我理解的数据可视化是对大量的数据进行分析以更直观的形式展现出来。 今天我们用python数据可视化来实现一个2023年三大购物平台销售额比重的折线图。 准备工作:我们需要下载用于生成图表的第…

沉浸式学习外语:在电视上播放世界名著中英双语对照音频

目前学习英语的app及软件层出不穷,但家长一是担心孩子长时间看手机或电脑,眼睛受不了,二是担心孩子一旦拿者手机或电脑没人看管,就会玩游戏。实际上还有一个更好的设备可用于学习,就是电视机。电视机屏幕大&#xff0c…

腾讯云2核2G3M服务器可以运行几个网站?

在探讨这个问题之前,我们需要先了解网站运行所需的基本资源。一个网站的运行通常需要以下几个方面的资源:CPU、内存、磁盘和网络。接下来,我们将分析这些资源在不同配置下的使用情况,以确定腾讯云2核2G3M服务器可以运行多少个网站…

AI数字人国内人工智能产业发展趋势

随着科技的不断进步,人工智能(Artificial Intelligence,简称AI)已成为当今社会的热门话题。作为一种复杂而高级的技术,人工智能在国内发展势头迅猛。本文将探讨AI数字人国内人工智能产业的发展趋势。 首先&#xff0c…

码农的周末日常---2024/1/6

上周总结 按照规划进行开发,处事不惊,稳稳前行 2024.1.6 天气晴 温度适宜 AM 睡觉前不建议做决定是真的,昨天想着睡到中午,今天九点多醒了,得了,不想睡了 日常三连吧,…

1688商品详情API:实现商品详情自动化的关键步骤

一、准备工作 在使用1688商品详情API之前,我们需要进行一些准备工作。 注册与登录:首先,你需要在1688的开放平台上注册一个账号并创建一个应用。这样你就可以获得一个API密钥,这是调用API的凭证。阅读API文档:详细阅…

【非关系型数据库】Redis概述及安装、命令使用

目录 前瞻 关系型数据库 非关系型数据库 关系型数据库和非关系型数据库区别 数据存储方式不同 扩展方式不同 对事务性的支持不同 非关系型数据库产生背景 总结 Redis简介 什么是Redis Redis具有的优点 Redis使用场景 哪些数据适合放入缓存中? Redis为什…

250:vue+openlayers 加载geotiff文件,并在地图上显示

第250个 点击查看专栏目录 本示例的目的是介绍演示如何在vue+openlayers中加载geotiff文件,并在地图上显示。这里使用到了WebGLTile图层和GeoTIFF脚本模块。这里一定要注意GeoTIFF的数据加载方式,要数组的模式。 直接复制下面的 vue+openlayers源代码,操作2分钟即可运行实现…

Visio导出eps格式图片

Visio导出eps格式图片 文章目录 Visio导出eps格式图片1. Visio中使用Adobe Acrobat虚拟打印2. Adobe Acrobat中裁剪并另存为eps格式 如何使用Visio绘图然后导出.eps格式的图片呢?这个过程需要用到Adobe Acrobat,使用Adobe Acrobat的虚拟打印功能&#xf…

spring boot 集成邮件发送功能

一、首先到QQ邮箱申请开启POP3、SMTP协议 二、安装依赖 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-mail</artifactId></dependency><dependency><groupId>org.springframew…