前后端数据交互|分页查询|表格-双向绑定|get和post的区别

1 前后端数据交互

1.1 前端代码 部署在 前端服务器

1. 操作前端代码的平台：

vue
eclips
idea

2. 部署前端服务器的工具

vue内嵌服务器
rad中was(websphere application server)是部署服务器工具

1.2 前端代码 在 浏览器展示（只展示页面，没有数据）----自给自足

浏览器地址栏输入前端页面地址：127.0.0.1：8080/index （一般都是本地服务器IP+8080）

8080一般是tomcat的默认端口，3306一般是mysql的默认端口，都可以改的

1.3 前端/浏览器 请求 后端数据　(后端死数据)----给啥吃啥

前端/浏览器 请求 后端数据方式就一种：在浏览器输入地址

• 后端设定(访问地址)：某模块的某功能/地址的数据

@RestController
@RequestMapping("/ums-user")
public class UmsUserController {
   
    @Resource
    IUmsUserService userService;
    @GetMapping("/page")

    IPage page(){
   
             return userService.page(new Page<>(1,10));
         }
}

前端利用ajax（模拟浏览器发起访问，只拿数据）绑定(访问地址)：按需求绑定对应 后端地址

this.$axios.request(