mysql - 如何使用 VueJS 将数据从模态传递到 MYSQL

问题描述

如何使用 VueJs 将使用模式的表中的现有数据更新为 MYSQL？

我不知道如何做到这一点，我已经阅读了一些教程但没有得到它，所以请帮忙。

下面是我的客户端代码

<button class="btn btn-success" v-b-modal="'modal3-' + result.Memb_ID">Edit</button>
<b-modal
            :id="'modal3-' + result.Memb_ID"
            title="Update Details"
            @show="resetModal"
            @hidden="resetModal"
            @ok="editUser()"
          >
            <form ref="form" @submit.stop.prevent="handleSubmit">
              <b-form-group
                :state="nameState"
                label="Member ID"
                label-for="member-input"
                invalid-feedback="Member ID is required"
              >
                <b-form-input
                  id="member-input"
                  v-model="result.Memb_ID"
                  :state="nameState"
                  required
                ></b-form-input>
              </b-form-group>
              <b-form-group
                :state="nameState"
                label="Name"
                label-for="name-input"
                invalid-feedback="First Name is required"
              >
                <b-form-input
                  id="name-input"
                  v-model="result.First_Name"
                  :state="nameState"
                  required
                ></b-form-input>
              </b-form-group>
            </form>
          </b-modal>


 /* Edit User Details. */
    editUser() {
      let insertData = {
        Memb_ID: this.memberModel,
        First_Name: this.firstModel
      };
      axios
        .put("http:/localhost:8080/api/update/user", insertData)
        .then(response => {
          console.log(response);
        });
    }

在我的后端使用 NodeJS

router.put('/update/user/:id', function (req, res) {
    let query = "Update Member SET Memb_ID='" + req.body.Memb_ID + "', First_Name='" + req.body.First_Name + "', Middle_Name='" + req.body.Middle_Name + "', Last_Name='" + req.body.Last_Name + "', Address='" + req.body.Address + "', url='" + req.body.url + "' WHERE id=" + req.params.id;
    myDB.query(query, function (err, results) {
        if (err) throw err;
        res.send({
            Success: results
        })
    })
})

标签： mysqlnode.jsvue.jsvuejs2

mysql - 如何使用 VueJS 将数据从模态传递到 MYSQL

问题描述

解决方案

推荐阅读