技术背景: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处理请求后重新发起请求(获取修改后的数据重新展示)