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

点击预览查看效果

前端和服务端逻辑调用

相关文章
|
7月前
|
vr&ar 图形学
2D丨3D元宇宙游戏系统开发详细规则/需求步骤/逻辑方案/源码步骤
Developing a 2D/3D metaverse game system involves multiple aspects, including game design, graphics engines, virtual world construction, social interaction, and economic systems. The following is a summary of a development plan:
|
10天前
|
监控 搜索推荐 测试技术
电商API的测试与用途:深度解析与实践
在电子商务蓬勃发展的今天,电商API成为连接电商平台、商家、消费者和第三方开发者的重要桥梁。本文深入探讨了电商API的核心功能,包括订单管理、商品管理、用户管理、支付管理和物流管理,并介绍了有效的测试技巧,如理解API文档、设计测试用例、搭建测试环境、自动化测试、压力测试、安全性测试等。文章还详细阐述了电商API的多样化用途,如商品信息获取、订单管理自动化、用户数据管理、库存同步、物流跟踪、支付处理、促销活动管理、评价管理、数据报告和分析、扩展平台功能及跨境电商等,旨在为开发者和电商平台提供有益的参考。
18 0
|
5月前
|
小程序 API
跨端技术问题之哪些形态可以通过getApp()获取全局App实例
跨端技术问题之哪些形态可以通过getApp()获取全局App实例
|
7月前
|
数据可视化 开发者
CodeWave智能开发平台--03--目标:应用创建--04自定义主题样式5子页面页面跳转逻辑
CodeWave智能开发平台--03--目标:应用创建--04自定义主题样式5子页面页面跳转逻辑
|
6月前
|
运维 Serverless 网络安全
Serverless 应用引擎产品使用合集之能否用一个顶层函数,在云端动态的增加函数脚本或删除脚本
阿里云Serverless 应用引擎(SAE)提供了完整的微服务应用生命周期管理能力,包括应用部署、服务治理、开发运维、资源管理等功能,并通过扩展功能支持多环境管理、API Gateway、事件驱动等高级应用场景,帮助企业快速构建、部署、运维和扩展微服务架构,实现Serverless化的应用部署与运维模式。以下是对SAE产品使用合集的概述,包括应用管理、服务治理、开发运维、资源管理等方面。
|
7月前
|
数据可视化 IDE 开发工具
CodeWave智能开发平台--03--目标:应用创建--01模板创建依赖问题修改
CodeWave智能开发平台--03--目标:应用创建--01模板创建依赖问题修改
|
7月前
|
开发者
CodeWave智能开发平台--03--目标:应用创建--02数据模型设计
CodeWave智能开发平台--03--目标:应用创建--02数据模型设计
|
7月前
|
数据可视化 数据管理 数据建模
CodeWave智能开发平台--02--目标:文档快速阅读--01快速构建一个应用
CodeWave智能开发平台--02--目标:文档快速阅读--01快速构建一个应用
|
7月前
|
存储 数据可视化 前端开发
CodeWave智能开发平台--03--目标:应用创建--08联系人管理
CodeWave智能开发平台--03--目标:应用创建--08联系人管理
|
7月前
|
数据可视化 数据库 数据安全/隐私保护
CodeWave智能开发平台--03--目标:应用创建--09供应商详情页面下
CodeWave智能开发平台--03--目标:应用创建--09供应商详情页面下