写一个前端连接数据库的代码
时间: 2024-05-13 15:17:33 浏览: 16
前端通常不能直接连接数据库,需要通过后端服务器来进行数据的交互。以下是一个使用 JavaScript 和 Node.js 的示例代码:
1. 安装必要的依赖库
```
npm install express mysql
```
2. 创建一个 Express 应用
```
const express = require('express');
const app = express();
const port = 3000;
app.listen(port, () => console.log(`App listening at http://localhost:${port}`));
```
3. 连接 MySQL 数据库
```
const mysql = require('mysql');
const connection = mysql.createConnection({
host: 'localhost',
user: 'root',
password: 'password',
database: 'mydb'
});
connection.connect((err) => {
if (err) throw err;
console.log('Connected to MySQL database!');
});
```
4. 发送 SQL 查询并响应结果
```
app.get('/users', (req, res) => {
connection.query('SELECT * FROM users', (err, result) => {
if (err) throw err;
res.send(result);
});
});
```
这个示例代码创建了一个 Express 应用,连接了一个 MySQL 数据库,并在 `/users` 路径上响应了一个查询所有用户的 SQL 查询结果。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)