有多种方法可以将MySQL数据显示到前端，以下是一些常见的方法：
使用服务器端脚本语言（如PHP、Python、Node.js等）连接到MySQL数据库，并使用数据库查询语句检索数据。然后将数据经过处理和格式化后，以HTML的形式嵌入到前端代码中，最后将结果返回给浏览器进行显示。
使用AJAX技术，通过JavaScript发送异步请求到服务器端，服务器端接收到请求后连接到MySQL数据库，并执行数据库查询操作。查询结果可以通过JSON格式进行返回，然后前端使用JavaScript解析JSON数据，并将结果动态地显示在页面上。
使用ORM（对象关系映射）工具，如Sequelize、Hibernate等，在应用程序中定义模型和实体类，然后使用ORM工具处理与数据库的交互。ORM工具将负责连接到MySQL数据库，执行查询操作，并将查询结果转换为对象或数据结构，然后通过模板引擎或前端框架将数据渲染到HTML页面上。
使用前端框架，如React、Vue.js等，在前端代码中定义组件，并通过框架提供的数据绑定功能将数据与页面进行绑定。在服务器端通过后端框架（如Express、Flask等）连接到MySQL数据库并执行查询操作，然后将查询结果以API的形式返回给前端，前端通过AJAX或其他方式获取数据，并将数据显示在页面上。
这些方法可以根据具体的应用场景和技术栈选择适合的方式实现。