个人网站设计+Springboot后端初试

此文写于2024.1.12日

遇到的问题：1.通过前端的vue框架中的axios，访问后端并提交用户与密码表单。其中后端的@RequestBody(注解)将json对象赋值给一个POJO（Plain Ordinary Java Object，也就是用户自定义JAVA类)时，除了名称要与json中的键（key）一致之外，还需要定义对应的方法初始化属性，比如这里的username和password属性

我还需要定义setPassWord和setUserName方法，才能正常使他们初始化。

2.在前端的axios发送post或者get请求时，它进行的是一个异步操作，所以需要用vuex容器存储返回值，并利用监听器来监听返回值的变化，再接着处理。然而，在这种情况下又有新的问题出现了：.then()后面的.finnally()甚至比我.then()还要先执行。这就是导致我排查bug了大半天的罪魁祸首。所以我们需要把整个request放在一个异步函数里，把finnally换成await，这样就能正确接收到返回值。

3.写留言板板块时，刚开始没有设置固定容器高度，使浏览器滚动；后来想固定侧边栏，也就是只滚动一个组件/容器，经过摸索发现直接将容器高度设定为固定高度，并且不超过屏幕的边界，就可以只滚动中间部分，保持其它部分的稳定。（原来想的有点画蛇添足了）

4.在后端对前端请求进行响应时，使用的SpringBoot框架会自动帮我们写响应头，响应体只需要在@RestController的函数里写返回值就行。本以为只能返回字符串和手动编写json对象的返回格式，其实只需要在函数类型前加一个返回对应的POJO类，然后直接返回该POJO对象，框架就能自动地解析里面的属性，并发送为json对象；其中的换行符等特殊符号也就不需要额外地进行处理。