暑期项目实训记录－６

今日目标：

1.了解如何从复选框选中的用户行信息中获取用户特定的一列信息,并以数组的形式返回

2.了解vue项目前端与后端如何交互,axios的使用

3.与后端进行交互（用户管理功能）

工作详情:

1.通过v-model绑定数据，被选中的选项的内容即可以数组的形式存储到下来并使用。

2.(1)安装axios

npm install  axios --save

在main.js引入:

import axios from "axios";
Vue.prototype.$axios=axios

(2)了解get,post的使用场景

get用于获取数据,post用于添加数据

(3)常用方式

axios.get(url, params).then(res => { do something })
axios.post(url, data).then(res => { do something })

3.尝试调用后端接口

经过与后端同学的交流与调试，成功从前端获取到后端数据，实现了用户管理的信息显示功能。以下是调用后端接口的方法：

getApi(){
        this.$axios.get("http://192.168.173.87:8081/manage/usermanage/getalluser")//向后端发送get请求
                .then((res) => {
                  this.userData=res.data;
                  console.log(this.userData);
                })
                .catch((err) => {
                  console.log("failed");
                })

      }