从零开始搭建SpringBoot下的SSMP工程（整合Vue+elementUI）（3）

页面开发

基于VUE+ElementUI制作，前后端联调，页面数据处理，页面消息处理列表、新增、修改、删除、分页、查询

前后端开发协议制作
resources/static/pages/books.html中存放静态页面

双向数据模型绑定，可以实现动态刷新页面

前端发送请求到后台，并通过后台响应。
created()钩子函数，完成初始化后自动执行的操作
通过axios.get（“/books”）发送请求，然后得到数据res
通过postman可以进行测试看到发送请求后得到的数据

通过res.data得到取到的res中的数据
console.log(res.data)打印在F12的控制台上

在html中vue部分中dataList是页面中读取信息存放的区域

其中对应在页面的dataList区域在html中的位置

其中页面中要展示的数据来自于res.data。在F12源码中可以打印看到res.data是

将res.data.data中的数据放入dataList中，页面上就有数据了。

其中的按钮，以及行列样式都是由elementui和VUE写好的

在html中用VUE写好新建按钮的动作

handleCreate动作写好

其中新建的页面样式也在VUE中写好

在前端页面中保存数据然后传送回后端

通过确定操作进入handleAdd()

通过post将前端页面消息发送请求到后端

其中this.formData中根据VUE的编辑标签签弹层有formData.type,formData.name,formData.description三部分其中前端的操作类似于postman中的post操作
并且最后会收到后端在bookController的一个回复

项目异常处理