MySQL是一種常用的關系型數據庫管理系統，它可以用來存儲和管理大量的數據。在前端開發中，我們經常需要從數據庫中查詢數據來展示給用戶。本文將介紹。

一、連接MySQL數據庫

ysqlysqlpm命令進行安裝：

```pmstallysql

ysql模塊，并使用以下代碼連接到MySQL數據庫：

```stysqlysql');stnectionysqlnection({

host: 'localhost', // 數據庫地址

user: 'root', // 數據庫用戶名

password: '123456', // 數據庫密碼ydb' // 數據庫名稱

});nectionnect();

nectionnect方法連接到數據庫。

二、查詢數據

連接到MySQL數據庫后，我們就可以使用SQL語句查詢數據了。以下是一個簡單的例子，查詢名為“張三”的用戶信息：

```stame = ?';st values = ['張三'];nection.query(sql, values, (error, results, fields) =>{

if (error) throw error;sole.log(results);

以上代碼中，我們使用SELECT語句查詢名為“張三”的用戶信息，并將結果打印到控制臺中。其中，?是占位符，可以使用數組values中的值替代。query方法用于執行SQL語句，接收三個參數：SQL語句、占位符的值和回調函數。回調函數中的results參數是查詢結果，可以通過它獲取查詢到的數據。

三、展示數據

查詢到數據后，我們需要將數據展示給用戶。在前端開發中，我們可以使用HTML和CSS來展示數據。以下是一個簡單的例子，將查詢到的用戶信息展示在一個表格中：

) =>{ %>

ame %>.age %>der %>

<% }) %>

姓名	年齡	性別

以上代碼使用了模板引擎，將查詢到的用戶信息動態地展示在一個表格中。其中，<% %>用于插入JavaScript代碼，<%= %>用于輸出JavaScript代碼的值。通過循環遍歷查詢結果，將每個用戶信息添加到表格中。

使用MySQL查詢前端信息是前端開發中的重要技能之一。本文介紹了如何連接MySQL數據庫、查詢數據和展示數據的方法，希望能夠幫助讀者更好地掌握MySQL的使用。