写后台接口，前后台数据对接（vue+springboot）

一、怎么写接口？？？

1.Entity（定义一堆属性之类的）

alt+ins====>getter和setter方法

2.Controller 

3.Service（查询出数据）

调用了一个方法

4.Mapper

5.回到service（返回数据）

 6.回到controller调用

---

---

 二、前后台数据对接

1.使用请求工具request

const load = () => {
  request.get('/course/selectPage', {
    params: {
      pageNum: 1,
      pageSize: 5
    }
  }).then(res => {
    data.tableData = res.data?.list || []
    data.total = res.data?.total || 0
  })
}
//调用方法获取后台数据
load()

2.分页组件需要添加额外的属性

  <el-pagination v-model:current-page="data.pageNum" v-model:page-size="data.pageSize"
                       @current-change="handleCurrentChange"
                       background layout="prev,pager,next" :total="data.total"/>

const handelCurrentChange = (pageNum)=>{
  //当前页的时候重新加载数据即可
  load()
}