以下是一个简易版完整案例详细步骤:
用来熟悉springboot操作和异步请求
创建工程:
[SpringBoot框架]如何使用SpringBoot框架_万物更新_的博客-CSDN博客
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<script>
let v = new Vue({
el:"body>div",
data:{
},
methods:{
}
})
</script>
注意:controller返回给前端的是list集合,而前端页面使用数组接收的,它们两边语言本来不相通,是用过list转成json,json在转换成数组完成的,它的转换过程是list->json->json->arr。
转换json的过程是框架自动帮我们完成的,SpringMVC框架当发现响应给客户端的数据为自定义对象或集合或数组时会自动将其转换成JSON格式的字符串,然后再响应给客户端。
而前端(客户端)axios框架当发现服务器响应的数据为JSON格式的字符串时会自动转成对象或数组
@Insert("INSERT INTO product(id, title, price, num) VALUES(NULL,#{title},#{price},#{num})")
int insert(Product product);
@Select("SELECT*FROM product")
List<Product> select();
@Delete("DELETE FROM product WHERE id=#{id}")
int deleteById(int id);
@Update("UPDATE product SET title=#{title},price=#{price},num=#{num} WHERE id=#{id}")
int update(Product product);