文章目录

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

https://editor.ivx.cn/
主题选择一下

前端

在前台新建一个页面名为提交页,内边距左和内边距右都设置为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.pswp.cn/web/86703.shtml
繁体地址,请注明出处:http://hk.pswp.cn/web/86703.shtml
英文地址,请注明出处:http://en.pswp.cn/web/86703.shtml

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

相关文章

【MongoDB】MongoDB从零开始详细教程 核心概念与原理 环境搭建 基础操作

MongoDB从零开始详细教程 核心概念与原理 环境搭建 基础操作 一、核心概念与原理1. 核心组件2. MongoDB vs 关系型数据库 二、环境搭建(Windows/Linux/CentOS)1. Windows安装2. CentOS安装3. 连接验证 三、基础操作(CRUD)1. 数据库…

GeoTools 结合 OpenLayers 实现属性查询

前言 在GIS开发中,属性查询是非常普遍的操作,这是每一个GISer都要掌握的必备技能。实现高效的数据查询功能可以提升用户体验,完成数据的快速可视化表达。 本篇教程在之前一系列文章的基础上讲解如何将使用GeoTools工具结合OpenLayers实现Post…

vue-27(实践练习:将现有组件重构为使用组合式 API)

实践练习:将现有组件重构为使用组合式 API 理解重构过程 重构是任何开发者的关键技能,尤其是在采用新范式如 Vue.js 中的 Composition API 时。它涉及在不改变外部行为的情况下重新组织现有代码,旨在提高可读性、可维护性和可重用性。在从 Options API 迁移到 Composition…

基于Uniapp+SpringBoot+Vue 的在线商城小程序

开发系统:Windows10 架构模式:MVC/前后端分离 JDK版本: Java JDK1.8 开发工具:IDEA 数据库版本: mysql8.0 数据库可视化工具: navicat 服务器: SpringBoot自带 apache tomcat 主要技术: Java,Springboot,mybatis,mysql,jquery,html,vue 角色:用户 商家 管理员 用户菜单:首页:商…

华为云Flexus+DeepSeek征文|利用华为云一键部署的Dify平台构建高效智能电商客服系统实战

目录 前言 1 华为云快速搭建 Dify-LLM 应用平台 1.1 一键部署简介 1.2 设置管理员账号登录dify平台 2 接入 DeepSeek 大模型与 Reranker 模型 2.1 接入自定义 LLM 模型 2.2 设置 Reranker 模型 3 构建电商知识库 3.1 数据源选择 3.2 分段设置与清洗 3.3 处理并完成 …

python应用day07---pyechars模块详解

1.pyecharts安装: pip install pyecharts 2.pyecharts入门: # 1.导入模块 from pyecharts.charts import Line# 2.创建Line对象 line Line() # 添加数据 line.add_xaxis(["中国", "美国", "印度"]) line.add_yaxis("GDP数据", [30…

高档背景色

https://andi.cn/page/622250.html

教学视频画中画播放(PICTURE-IN-PICTURE)效果

视频平台的画中画(PIP)功能通过小窗播放提升用户体验:1)支持多任务处理,如边看教程边操作文档;2)减少应用跳出率,增强用户粘性;3)优化屏幕空间利用&#xff1…

MySQL (一):数据类型,完整性约束和表间关系

在当今数据驱动的时代,数据库作为数据存储与管理的核心工具,其重要性不言而喻。MySQL 作为一款广泛应用的开源数据库,凭借其高性能、高可靠性和丰富的功能,深受开发者喜爱。本文作为 MySQL 系列博客的开篇,将带你深入了…

【软考高项论文】信息系统项目的资源管理

摘要 本文围绕信息系统项目的资源管理展开论述。首先阐述了项目资源管理的基本过程,包括资源规划、估算、获取、配置、监控和释放等关键步骤,并给出资源分解结构示例。接着结合2024年参与管理的某信息系统项目实际情况,详细说明资源管理的具…

阿里云Ubuntu服务器上安装MySQL并配置远程连接

1. 安装MySQL 首先连接到你的Ubuntu服务器,然后执行: # 更新软件包列表 sudo apt update# 安装MySQL服务器 sudo apt install mysql-server# 启动MySQL服务 sudo systemctl start mysql# 设置MySQL开机自启 sudo systemctl enable mysql# 检查MySQL状态…

STM32HAL 旋转编码器教程

配置时钟编码模式读取方法: if(__HAL_TIM_IS_TIM_COUNTING_DOWN(&htim1) 0){count - __HAL_TIM_GET_COUNTER(&htim1);}else{count __HAL_TIM_GET_COUNTER(&htim1);}bsp_dtUInt32_show(count);__HAL_TIM_SET_COUNTER(&htim1, 0); 通过 __HAL_TIM…

激光束修复手机屏任意层不良区域,实现液晶线路激光修复原理

摘要 手机屏结构多层复合,任意层线路不良严重影响显示质量。激光束凭借高能量密度与可调控性,能够穿透不同介质精准作用于目标层。本文基于激光与多层材料相互作用机制,解析激光束对手机屏各层不良区域的修复原理,为全层液晶线路…

【软件开发】架构与架构师

文章目录 一、前言二、关于系统架构1. 保障用户访问速度2. 支持大规模并发请求3. 应对复杂业务逻辑4. 应对海量数据的存储与读写三、关于系统架构师四、关于安全架构1. 产品安全架构2. 安全体系架构五、关于安全架构师一、前言 在系统建设与技术架构实践不断推进的背景下,关于…

Blender速成班-基础篇2

视频教程:【第一章】基础操作_哔哩哔哩_bilibili 目录 编辑模式 1.1侧边属性 挤出选区——E 挤出方式选择——AltE ​编辑 内插面——I 倒角——CtrlB 环切——CtrlR 旋绕 本片继续基于视频教程介绍Blender的一些基础操作 勾选Cavity使物体边线更清晰 编…

对象进阶与扩展

目录 创建对象 Object.create() 原型 原型操作 原型污染 对象属性 属性特征 枚举属性 Object.keys() Object.getOwnPropertyNames() Object.getOwnPropertyDescriptor() O…

理解图像的随机噪声

图像灰度信息很难精确测量,一般情况下测量值总在真实值附近晃动,使用概率模型可以对该随机性建模,大致如下: 1 概率密度函数 1)随机变量 x 的概率密度函数 p(x) 定义为:当 趋近于 0 时,在区间 上…

华为云镜像仓库下载 selenium/standalone-chrome 镜像

你可以使用以下步骤从华为云镜像仓库下载 selenium/standalone-chrome 镜像&#xff1a; 1. 登录华为云镜像仓库&#xff08;如果需要认证&#xff09; bash sudo docker login -u <用户名> -p <密码> swr.cn-north-4.myhuaweicloud.com 如果没有华为云账号&…

Push-T, AloHa, Rlbench三个仿真环境信息

1.Push-T 很好兄弟&#xff0c;你问得很关键&#xff1a;你给我的三段代码其实是一套完整的推理录像 pipeline&#xff0c;它们之间既有独立功能&#xff0c;又有顺序依赖关系。我来帮你分段解释&#xff0c;每段是什么功能、三段之间怎么配合&#xff0c;让你彻底搞明白。 &a…

Linux信号机制:从入门到精通

嘿&#xff0c;小伙伴们&#xff01;今天我要和大家聊一个Linux系统中非常有趣又重要的话题——信号机制。别担心&#xff0c;虽然信号听起来有点高深&#xff0c;但我会用最通俗易懂的语言&#xff0c;配合清晰的图表&#xff0c;带你彻底搞懂这个概念&#xff01; 什么是信号…