【氚云】表单前、后端各种事件触发动作详解

简介: 表单前、后端各种事件触发动作详解

一 、点击列表新增按钮打开表单或点击列表数据标题打开表单详情,动作生命周期如下:

1、平台前端底层向后端发起一个请求

2、平台后端底层接收到前端的请求,实例化表单后端类

3、触发表单后端类构造函数

4、触发表单后端OnLoad事件,base.OnLoad方法中构造表单页面的数据,事件执行完后会将表单页面的数据响应给前端

5、平台前端底层收到后端的响应,对表单页面进行渲染,渲染完毕之后表单页面展现

6、触发前端OnLoad事件

7、触发前端OnLoadActions事件(该事件暂未开放用途,该事件中请不要书写代码)

8、表单页面完全加载完毕



二 、点击表单头部按钮或自定义按钮控件,动作生命周期如下:

1、触发表单前端OnValidate事件,参数actionControl.Action为当前actionName(actionName即按钮编码),此函数内书写return false会终止本次点击动作

2、触发表单前端BeforeSubmit事件,参数action为当前actionName(actionName即按钮编码),此函数内书写return false会终止本次点击动作

3、平台前端底层向后端发起一个请求

4、平台后端底层接收到前端的请求,实例化表单后端类

5、触发表单后端类构造函数

6、触发表单后端OnSubmit事件,base.OnSubmit根据actionName和本次提交数据(this.Request.BizObject)进行不同处理,事件执行完后响应

7、平台前端底层收到后端的响应,根据actionName和响应结果做出不同处理

8、触发前端AfterSubmit事件,参数action为当前actionName,responseValue为后端响应给前端的数据

9、执行完AfterSubmit事件,本次动作生命周期完成

相关文章
|
4天前
|
前端开发 JavaScript
这篇文章介绍了如何使用form表单结合Bootstrap格式将前端数据通过action属性提交到后端的servlet,包括前端表单的创建、数据的一级和二级验证,以及后端servlet的注解和参数获取。
这篇文章介绍了使用AJAX技术将前端页面中表单接收的多个参数快速便捷地传输到后端servlet的方法,并通过示例代码展示了前端JavaScript中的AJAX调用和后端servlet的接收处理。
这篇文章介绍了如何使用form表单结合Bootstrap格式将前端数据通过action属性提交到后端的servlet,包括前端表单的创建、数据的一级和二级验证,以及后端servlet的注解和参数获取。
|
3天前
|
存储 前端开发 JavaScript
Springboot+Vue实现将图片和表单一起提交到后端,同时将图片地址保存到数据库、再次将存储的图片展示到前端vue页面
本文介绍了使用Springboot后端和Vue前端实现图片与表单数据一起提交到后端,并保存图片地址到数据库,然后展示存储的图片到前端Vue页面的完整流程。
Springboot+Vue实现将图片和表单一起提交到后端,同时将图片地址保存到数据库、再次将存储的图片展示到前端vue页面
|
2月前
|
存储 NoSQL Java
大事件后端项目34_登录优化----redis_SpringBoot集成redis
大事件后端项目34_登录优化----redis_SpringBoot集成redis
大事件后端项目34_登录优化----redis_SpringBoot集成redis
|
2月前
|
Java Linux 程序员
大事件后端项目36--------SpringBoot项目部署
大事件后端项目36--------SpringBoot项目部署
|
2月前
|
存储 Java Maven
大事件后端项目31--------文件上传_阿里云OSS_入门程序
大事件后端项目31--------文件上传_阿里云OSS_入门程序
|
2月前
|
存储 运维 Java
大事件后端项目30------文件上传_阿里云OSS_准备工作
大事件后端项目30------文件上传_阿里云OSS_准备工作
|
2月前
|
存储 Java Spring
大事件后端项目29------文件上传_本地存储
大事件后端项目29------文件上传_本地存储
|
1月前
|
存储 资源调度 前端开发
JavaScript 使用axios库发送 post请求给后端, 给定base64格式的字符串数据和一些其他参数, 使用表单方式提交, 并使用onUploadProgress显示进度
使用 Axios 发送包含 Base64 数据和其他参数的 POST 请求时,可以通过 `onUploadProgress` 监听上传进度。由于整个请求体被视为一个单元,所以进度可能不够精确,但可以模拟进度反馈。前端示例代码展示如何创建一个包含 Base64 图片数据和额外参数的 `FormData` 对象,并在上传时更新进度条。后端使用如 Express 和 Multer 可处理 Base64 数据。注意,实际进度可能不如文件上传精确,显示简单加载状态可能更合适。
118 0
|
2月前
|
NoSQL Redis 数据安全/隐私保护
大事件后端项目35——登录优化_redis_主动失效机制实现
大事件后端项目35——登录优化_redis_主动失效机制实现
|
2月前
|
存储 NoSQL Redis
大事件后端项目33_登录优化-redis_思路分析
大事件后端项目33_登录优化-redis_思路分析

热门文章

最新文章