vue如何获取现在时间存入mysql数据库

可以使用JavaScript中的Date对象来获取当前时间，然后将其存入MySQL数据库。

首先，在Vue组件中引入MySQL数据库的连接对象，例如使用mysql2库：

const mysql = require('mysql2');

const connection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'mydatabase'
});

然后，在Vue组件的方法中使用Date对象获取当前时间，并将其存入MySQL数据库中：

methods: {
  saveCurrentTimeToDatabase() {
    const now = new Date();
    const sql = `INSERT INTO times (time) VALUES ('${now.toISOString()}')`;
    connection.query(sql, (err, result) => {
      if (err) throw err;
      console.log('Time saved to database');
    });
  }
}

这段代码会将当前时间以ISO 8601格式插入到名为"times"的MySQL表中。当然，你需要根据自己的实际需求来修改数据库连接参数和表名。

相关问题

vue中json数据存入mysql数据库 详细代码

首先，需要在后端搭建一个接口，用于接收前端传来的json数据并存入数据库中。以下是一个示例的Node.js代码：

const express = require('express');
const mysql = require('mysql');
const bodyParser = require('body-parser');

const app = express();
const port = 3000;

// 解析json请求体
app.use(bodyParser.json());

// 连接数据库
const connection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'test_db'
});
connection.connect();

// 接收post请求
app.post('/saveJsonData', (req, res) => {
  const jsonData = req.body;

  // 将json数据转换成字符串
  const jsonString = JSON.stringify(jsonData);

  // 存入数据库
  const sql = `INSERT INTO json_data (data) VALUES ('${jsonString}')`;
  connection.query(sql, (error, results) => {
    if (error) throw error;
    console.log('Json data saved successfully!');
    res.send('Json data saved successfully!');
  });
});

app.listen(port, () => {
  console.log(`Server started at http://localhost:${port}`);
});

在前端中，可以使用axios库来发送post请求，并将json数据作为请求体发送到后端接口。

<template>
  <div>
    <h1>Vue App</h1>
    <button @click="saveJsonData">Save Json Data</button>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  methods: {
    saveJsonData() {
      const jsonData = { name: 'John', age: 30 };

      axios.post('http://localhost:3000/saveJsonData', jsonData)
        .then(response => {
          console.log(response.data);
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
}
</script>

当点击“Save Json Data”按钮时，会发送post请求到后端接口，并将json数据存入数据库中。需要注意的是，这只是一个简单的示例代码，实际情况中还需要添加一些错误处理和安全性措施。

vue中json数据怎么存入mysql数据库 详细代码

将 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 代码：

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 代码：

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}`)
})

以上代码仅供参考，具体实现需要根据实际情况进行调整。