springboot 使用JavaScript利用axios向MySQL数据库获得全部信息返回前端渲染输出到div块中

首先，在Spring Boot中使用JavaScript，需要在HTML页面中引入JavaScript文件，可以在HTML页面中添加如下代码：

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script type="text/javascript" src="path/to/your/javascript/file.js"></script>

接着，在JavaScript文件中使用axios向后端发送请求，获取MySQL数据库中的全部信息。可以使用如下代码：

axios.get('/api/getAllInfo')
  .then(function(response) {
    // 处理响应数据
    var data = response.data;
    // 将数据渲染输出到div块中
    var output = document.getElementById('output');
    data.forEach(function(item) {
      var div = document.createElement('div');
      div.innerHTML = item;
      output.appendChild(div);
    });
  })
  .catch(function(error) {
    console.log(error);
  });

在后端，需要编写一个Controller类来处理前端发送的请求，并将MySQL数据库中的数据返回给前端。可以使用如下代码：

@RestController
@RequestMapping("/api")
public class MyController {
  
  @Autowired
  private MyService myService;
  
  @GetMapping("/getAllInfo")
  public List<String> getAllInfo() {
    return myService.getAllInfoFromMySQL();
  }
  
}

在上述代码中，`MyService`是一个服务类，用于从MySQL数据库中获取数据。可以根据自己的需求来编写该类。

最后，在HTML页面中添加一个div块，用于将获取到的数据渲染输出。可以使用如下代码：

<div id="output"></div>

当JavaScript代码执行完毕后，MySQL数据库中的全部信息将会被渲染输出到上述div块中。