springCloud/thymeleaf接口调用总结

本文介绍了如何在Thymeleaf、SpringBoot和Feign的环境下实现后台接口调用、前端数据提交及页面跳转。场景包括GET方式的数据操作,Vo对象的POST请求,以及页面的重定向和请求重发。通过实例详细阐述了前端模板语言的使用、Feign客户端的配置以及不同请求方法的应用。
摘要由CSDN通过智能技术生成

技术背景:thymeleaf、springboot、feign
uacs-association是后台服务,提供数据获取、修改的接口
uacs-webui是前台服务,调用后台的服务,并控制页面的跳转

1、【场景1】GET方式、将路径拼接到url中、
例如:后台管理中删除某一行数据,需要携带该行数据的id
(1)html 使用模板语言thymeleaf
在这里插入图片描述

要用th:href来代替href的作用,原来的href可以不用去掉

(2)当前服务映射,调用远程服务
在这里插入图片描述

(3)远程服务
在这里插入图片描述

post请求,vo作为参数传递
Feign和远程服务都需要加@RequestBody注解
在这里插入图片描述

前端表单传参。name字段要和vo属性对应,不是id字段
在这里插入图片描述

【场景2】以Vo的形式接收数据,需要以json格式提交数据,POST请求
例如:在用户注册的时候,提交表单数据
(1)html,js选择器获取按钮点击事件,再选择器获取表单.submit()提交表单
在这里插入图片描述

(2)webui的Controller
在这里插入图片描述

(3)调用另外的项目的远程服务的feign
在这里插入图片描述

(4)远程服务
在这里插入图片描述

【场景3】简单的页面跳转
例如:需要新增某条数据,跳转到提交数据的表单界面
请求路径最前面有/的是“请求”,demo:
在这里插入图片描述

前面没/的就是简单的页面跳转,demo:
在这里插入图片描述

效果就是跳转到back文件夹下的association.html

【场景4】映射到某个请求后,需要重新发送某个请求(可以以get请求,在url中携带参数)
例如:已经获取完数据了,在这个基础上需要update某条数据,需要重新获取的数据(update后的数据)。
webui处理请求后重新发起请求(获取修改后的数据重新展示)
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值