vue中json数据怎么存入mysql数据库 详细代码
时间: 2023-06-17 17:03:46 浏览: 125
将 JSON 数据存入 MySQL 数据库需要以下步骤:
1. 创建 MySQL 数据库和表,确保表的字段类型与 JSON 数据的类型匹配。
2. 在 Vue.js 中使用 Axios 或 Fetch API 发送 POST 请求,并将 JSON 数据作为请求体发送到后端服务器。
3. 在后端服务器中使用 Node.js 和 Express 框架,使用 body-parser 中间件来解析请求体中的 JSON 数据。
4. 使用 MySQL 模块连接 MySQL 数据库,将解析后的 JSON 数据存入数据库中。
下面是代码示例:
前端 Vue.js 代码:
```javascript
import axios from 'axios'
const data = {
name: 'John',
age: 30,
email: 'john@example.com'
}
axios.post('/api/save-json-data', data)
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
```
后端 Node.js 代码:
```javascript
const express = require('express')
const bodyParser = require('body-parser')
const mysql = require('mysql')
const app = express()
const port = 3000
const db = mysql.createConnection({
host: 'localhost',
user: 'root',
password: '',
database: 'mydb'
})
app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())
app.post('/api/save-json-data', (req, res) => {
const data = req.body
db.query('INSERT INTO users SET ?', data, (error, results) => {
if (error) {
console.log(error)
res.status(500).send('Error saving data to database')
} else {
console.log('Data saved successfully to database')
res.send('Data saved successfully to database')
}
})
})
app.listen(port, () => {
console.log(`Server listening at http://localhost:${port}`)
})
```
以上代码仅供参考,具体实现需要根据实际情况进行调整。
阅读全文