社团管理系统_devLog5_进度条提交、子向父传递数据、axios+springboot 接口调用总结

2021.10.04
项目参考：
1、后端：https://www.bilibili.com/video/BV1y7411R73P
2、前端：https://www.bilibili.com/video/BV1fw411d7R5?p=31

b站确实是一个学习网站(狗头)

一、进度条表达提交效果
原理:

如果不用元素的隐藏,也可以考虑把数据存到redis里面,但是每次切换步骤的时候,都需要从redis中读取数据,比较麻烦,这个做法学到了,效果也蛮有意思的哈哈

效果:


这个富文本编辑器也是github上的开源组件

有个问题:


ref只能拿到部分表单数据:

暂时不知道有什么更好的办法,只能把拿不到的FormItem,弄成状态,通过受控组件去控制,然后axios发送post请求的时候,自己再封装data

二、子向父传递数据

三、axios+springboot 接口调用总结

• 1、表单提交

• 2、传递对象，接口用Java对象（requestVO）接收

• 3、url传递

• 4、后端post传参（数组 @RequestParam）

注意不要设置json请求头，不然还是请求失败（估计是要弄别的请求头，以后再研究，tmd写课设试了我半天，烦死了！！）

不设置请求头的data

设置请求头的data：

• 5、后端post传参（数组 @RequestBody）