你好，我现在有一个springboot项目，html页面中有一个手机号的input输入框，和一个获取手机号的button按钮。现在我需要点击按钮后，从数据库中查询出手机号并填充到input当中

好的，您需要使用 Spring Boot 提供的 MVC 模式来处理客户端请求和数据库操作。以下是一个简单的步骤：

1. 在 HTML 页面中，您需要有一个用于显示手机号的输入框和一个用于触发 AJAX 请求的按钮，例如：

<input type="text" id="phone_number">
<button type="button" id="get_phone_number">获取手机号</button>

2. 然后您需要编写 JavaScript 代码来处理 AJAX 请求并更新输入框中的值。例如：

// 获取按钮元素
var getPhoneNumberButton = document.getElementById("get_phone_number");
// 给按钮添加点击事件
getPhoneNumberButton.addEventListener("click", function() {
  // 发送 AJAX 请求
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 更新输入框的值
      document.getElementById("phone_number").value = xhr.responseText;
    }
  };
  xhr.open("GET", "/getPhoneNumber", true);
  xhr.send();
});

在这个例子中，当用户点击获取手机号的按钮时，JavaScript 将发送一个 AJAX 请求到 `/getPhoneNumber` 接口。在 Spring Boot 项目中，您需要编写一个控制器来处理这个请求。例如：

@RestController
public class PhoneNumberController {
  @Autowired
  private PhoneNumberService phoneNumberService;

  @GetMapping("/getPhoneNumber")
  public String getPhoneNumber() {
    // 从数据库中获取手机号
    String phoneNumber = phoneNumberService.getPhoneNumber();
    return phoneNumber;
  }
}

在这个例子中，控制器中的 `getPhoneNumber` 方法将从数据库中获取手机号，并将其返回给客户端。请注意，这个例子仅作为参考。您需要根据您的实际需求和数据库操作来进行修改。