当前位置: 首页 > news >正文

ivx创建一个测试小案例

文章目录

    • 前端
    • 后端
    • 提交信息服务
    • 提交信息事件
    • 跳转列表页事件
    • 下载事件
    • 详情页事件

主题选择一下

前端

在前台新建一个页面名为提交页,内边距左和内边距右都设置为40,水平居中和垂直居中设置一下;
新建两个输入框,外边距上设置为20,最上面设置为0,内容设置为"请输入姓名",“请输入联系方式”。“请输入联系方式"输入类型设置为手机。
新建两个按钮,外边距上设置为20,内容设置为"提交”,“跳转列表页”
如果"请输入姓名".内容类型为空,系统界面显示提示语"请输入姓名"
如果"请输入联系方式".内容类型非手机,系统界面显示提示语"请输入手机号"
“提交"按钮绑定一个事件为点击,当点击时,调用信息提交服务,name为"请输入姓名"输入框内容,phone为"请输入联系方式"输入框内容,当完成时清空内容
系统界面显示提示语"提交成功”
“跳转列表页"按钮绑定一个事件为点击,前台跳转到页面到详情页
添加一个对象数组叫信息列表,导入私有数据库1
在详情页新建一个循环创建容器,数据选择信息列表对象数组
详情页添加一个事件为"显示后”,调用"输出信息"服务,给信息列表对象数组赋值
下载设置一个点击事件,当点击后导入数组至excel,导入的数组是信息列表

在前台新建一个页面名为详情页,内边距上、下、左、右都设置为40,水平对齐设置为居中
添加一个组件,在组件里添加两个文本
文本的高设置为36,左边的宽设置为30%,右边的宽设置为70%,将两个文本进行水平和垂直居中对齐,内容为姓名和联系方式
设置1px的边框宽度,设置颜色,将左边文本的右侧边框取消掉
组件的自动换行取消掉
新建一个按钮,外边距上为20,内容设置为"下载"

后端

新建一个数据库视图(像后台的逻辑组件,写各种海量的逻辑放在上面,去和不同的数据库进行连接,做数据的中转和逻辑的复用),名为信息表

新建一个私有数据库1,字段为姓名、联系方式

新建一个服务,名称为"提交信息",接收参数第一个参数名为name,第二个参数名为phone,返回参数第一个参数名为success,第二个参数名为message,第三个参数名为data
私有数据库1提交,姓名为从前端传过来的name,联系方式为从前端传过来的phone
当前服务设置返回结果

新建一个服务,名称为"输出信息",不需接收参数,如果不用条件筛选或分页的话,返回参数名为data
私有数据库1输出
通过当前服务,设置输出结果.对象数组.值

提交信息服务

提交信息服务

提交信息事件

提交信息事件

跳转列表页事件

跳转列表页事件

下载事件

下载事件

详情页事件

详情页事件

http://www.lryc.cn/news/575111.html

相关文章:

  • Vue3插槽
  • 基于springboot+vue的智慧农业专家远程指导系统
  • 批量DWG转PDF工具
  • ES和 Kafka 集群搭建过程中的典型问题、配置规范及最佳实践
  • RK平台HDMI-IN/camera调试:预留CMA内存
  • Mac安装Apache CXF的时候报错:/Library/Internet: No such file or directory
  • 打造属于你的AI智能体,从数据开始 —— 使用 Bright Data MCP+Trae快速构建垂直智能体
  • 操作系统之内存管理(王道)
  • Azure 自动化:所需状态配置 (DSC)
  • UniApp 开发第一个项目
  • Python虚拟环境管理:conda、venv、pipenv三国杀
  • JSON框架转化isSuccess()为sucess字段
  • Fisco Bcos学习 - 开发第一个区块链应用
  • PAC 学习框架:机器学习的可靠性工程
  • 通俗易懂解读BPE分词算法实现
  • 回归预测 | Matlab实现KAN神经网络多输入单输出回归预测模型
  • 轻巧灵动,智启未来 ——Kinova Gen3 Lite 机器人轻松解锁各行业自动化新姿势
  • 领域驱动设计(DDD)【13】之重构中的坏味道:深入理解依恋特性(Feature Envy)与表意接口模式
  • 香港电讯携手Palo Alto Networks,护航企业跨区域数字化之旅
  • 第8章项目进度管理归纳总结补充
  • 英飞凌高性能BMS解决方案助力汽车电动化
  • python学智能算法(十六)|机器学习支持向量机简单示例
  • 基于MATLAB图像特征识别及提取实现图像分类
  • spring event(spring事件)
  • 从 HLS 到 Verilog 的转变解析1:以 AXI 接口为例
  • 云原生灰度方案对比:服务网格灰度(Istio ) 与 K8s Ingress 灰度(Nginx Ingress )
  • jenkins 越用越卡,打开网页缓慢
  • CLion 调试时 Command Timed Out 问题解决方案
  • 深入剖析 Spring AOP
  • 红外图像增强(dde):基于“基础层-细节层”分解的增强算法