当前位置: 首页 > 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.dtcms.com/a/259319.html

相关文章:

  • claude-code: 通过自然语言指令帮助开发
  • 深度学习中的数据预处理:模型性能的「燃料精炼术」与选择指南
  • 并发下正确的FirstOrCreate数据库操作
  • 用户体验驱动的3D设计:从功能实现到情感共鸣的设计升级
  • MySQL之存储过程详解
  • Solon Flow:轻量级流程编排引擎,让业务逻辑更优雅
  • Java操作H2数据库实战
  • DASCTF 2025上半年赛-web1 phpms Writeup
  • SpringBoot项目快速开发框架JeecgBoot——数据访问!
  • 局域网环境下浏览器安全限制的实用方法
  • 【2021 ICCV-Backbone 结构解析】Swin Transformer
  • 【python】http请求的默认超时时间设置
  • 智能体平台的商业前景与竞争格局分析:金融与企业市场的机遇与挑战
  • 深度解析Lucene IndexWriter 性能优化
  • GROUP BY、UNION和COALESCE协作
  • 【机器学习深度学习】张量基本操作
  • 无人机灯光驱动模块技术解析
  • Netty对象池ObjectPool源码解析
  • arthas助力Java程序Full GC频率大降!
  • NVIDIA A100 GPU的计算与内存层级结构
  • day042-负载均衡与web集群搭建
  • AR/VR 显示画质失真?OAS 体全息光栅案例来解决
  • Vue Devtools “Open in Editor” 配置教程(适用于 VSCode 等主流编辑器)
  • Codex+ 自建中转 API 部署教程(Windows 版)
  • 3 大语言模型预训练数据-3.2 数据处理-3.2.2 冗余去除——1.SimHash算法处理冗余信息的核心原理
  • react中使用3D折线图跟3D曲面图
  • 分布式环境下 Spring Boot 项目基于雪花算法的唯一 ID 生成方案
  • 【LLaMA-Factory 实战系列】四、API 篇 - 部署推理服务与批量调用实战
  • 国道观察者手记
  • computed()、watch() 与 watchEffect()