uniapp接口请求封装和SpringBoot接口做数据交互简单案例

SpringBoot ,mySql,和uniapp怎么进行接口封装数据交互的

uniapp可以用官方提供的api，或者改写api为异步。也可以用ajax或者封装的axios。springboot就是一个框架，搭建MySQL客户端有很多方法，小厂一般都用mp，可以参考springdata。对于springboot就一个框架

该回答引用GPTᴼᴾᴱᴺᴬᴵ
可以使用SpringBoot搭建后端服务，提供接口供UniApp调用。具体步骤如下：

1.在SpringBoot中配置数据库连接，可以使用MySQL作为数据库。在pom.xml中添加mysql-connector-java依赖，使用JdbcTemplate等方式连接数据库。

2.实现后端接口，使用SpringBoot的@RestController注解，将方法返回值转为JSON格式，方便前端调用。例如：

@RestController
@RequestMapping("/api")
public class UserController {

    @Autowired
    private JdbcTemplate jdbcTemplate;

    @GetMapping("/users")
    public List<Map<String, Object>> getUsers() {
        String sql = "SELECT * FROM user";
        List<Map<String, Object>> users = jdbcTemplate.queryForList(sql);
        return users;
    }

    @PostMapping("/addUser")
    public String addUser(@RequestBody Map<String, Object> user) {
        String sql = "INSERT INTO user (name, age) VALUES (?, ?)";
        jdbcTemplate.update(sql, user.get("name"), user.get("age"));
        return "success";
    }
}

3.在UniApp中封装接口请求方法，可以使用uni.request()方法进行请求。例如：

export function getUsers() {
  return uni.request({
    url: 'http://localhost:8080/api/users',
    method: 'GET'
  })
}

export function addUser(data) {
  return uni.request({
    url: 'http://localhost:8080/api/addUser',
    method: 'POST',
    data: data
  })
}

其中，uni.request()方法返回一个Promise对象，可以使用.then()方法获取请求结果。

4.在UniApp页面中调用接口请求方法，例如：

import { getUsers, addUser } from '@/api/user'

export default {
  data() {
    return {
      users: [],
      name: '',
      age: ''
    }
  },
  mounted() {
    getUsers().then(res => {
      this.users = res.data
    })
  },
  methods: {
    submitForm() {
      addUser({ name: this.name, age: this.age }).then(res => {
        if (res.data === 'success') {
          uni.showToast({
            title: '添加成功'
          })
        }
      })
    }
  }
}

以上代码仅为示例，实际应用中需要根据具体需求进行修改。