Hướng dẫn how can store form data in mysql using javascript? - làm thế nào có thể lưu trữ dữ liệu biểu mẫu trong mysql bằng cách sử dụng javascript?

JavaScript là ngôn ngữ phía máy khách chạy trong trình duyệt và MySQL là công nghệ phía máy chủ chạy trên máy chủ. Bạn cần sử dụng Node.js ngôn ngữ phía máy chủ để kết nối với cơ sở dữ liệu MySQL.

Làm thế nào đọc biểu mẫu dữ liệu bằng JavaScript?

• Phương thức serializeArray () tạo ra một mảng các đối tượng (tên và giá trị) bằng cách nối tiếp các giá trị biểu mẫu. Phương pháp này có thể được sử dụng để có được dữ liệu biểu mẫu. Tham số: Nó không chấp nhận bất kỳ tham số nào. Giá trị trả về: Nó trả về tất cả các giá trị bên trong các trường đầu vào.
  • Trong hướng dẫn này, bạn sẽ tìm hiểu cách chèn dữ liệu biểu mẫu vào bảng bằng Node.js & MySQL. Thậm chí bạn sẽ nhận được hướng dẫn đầy đủ trong một vài bước. Tất cả các bước sẽ hữu ích hơn để chèn các giá trị vào cơ sở dữ liệu. Vì vậy, đọc hướng dẫn hoàn chỉnh với sự tập trung đầy đủ.
  • Nội dung
  • Chèn dữ liệu từ biểu mẫu vào cơ sở dữ liệu MySQL bằng Node.js
  • 1. & nbsp; Cài đặt ứng dụng Express
  • 2. Tạo A & NBSP; Cơ sở dữ liệu & bảng MySQL
  • 3. Kết nối ứng dụng Node.js với cơ sở dữ liệu MySQL
  • 4. Tạo biểu mẫu HTML
  • 5. Tạo các tuyến đường để chèn dữ liệu

6. Tải tuyến đường vào tệp gốc

Trong hướng dẫn này, bạn sẽ tìm hiểu cách chèn dữ liệu biểu mẫu vào bảng bằng Node.js & MySQL. Thậm chí bạn sẽ nhận được hướng dẫn đầy đủ trong một vài bước. Tất cả các bước sẽ hữu ích hơn để chèn các giá trị vào cơ sở dữ liệu. Vì vậy, đọc hướng dẫn hoàn chỉnh với sự tập trung đầy đủ.

Nội dung

myapp/
  |__routes/
  |    |__users.js
  |__views/
  |    |__users.ejs
  |__app.js
  |__database.js
  |   

Chèn dữ liệu từ biểu mẫu vào cơ sở dữ liệu MySQL bằng Node.js

Nội dung

Chèn dữ liệu từ biểu mẫu vào cơ sở dữ liệu MySQL bằng Node.js

1. & nbsp; Cài đặt ứng dụng Express

2. Tạo A & NBSP; Cơ sở dữ liệu & bảng MySQL

CREATE TABLE `users` (
  `id` int(10) UNSIGNED PRIMARY KEY NOT NULL AUTO_INCREMENT,
  `fullName` varchar(255) DEFAULT NULL,
  `emailAddress` varchar(255) DEFAULT NULL,
  `city` varchar(255) DEFAULT NULL,
   `country` varchar(50) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

3. Kết nối ứng dụng Node.js với cơ sở dữ liệu MySQL If you are working with PHP,  You can create

function saveAccount(){
var mysql = require('mysql');

var con = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "abc123",
  database: "PBSC_Parking_DB"
});

con.connect(function(err) {
  if (err) throw err;
console.log("connected");
});

var firstName = document.getElementById("firstName");
var lastName = document.getElementById("lastName");
var psw = document.getElementById("psw");
var userName = document.getElementById("userName");
var email = document.getElementById("inputText");



var sql = "INSERT INTO accounts (UserName, FirstName, LastName, Email, UserPassword) VALUES ('"+userName+ "', '"+firstName+"','"+lastName+"','"+email+"','"+psw+"')";
con.query(sql, function (err, result) {
    if (err) {
        throw err;

    }

    console.log(result.affectedRows + " record(s) updated");
  });
}

function saveAccount(){
var mysql = require('mysql');

var con = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "abc123",
  database: "PBSC_Parking_DB"
});

con.connect(function(err) {
  if (err) throw err;
console.log("connected");
});

var firstName = document.getElementById("firstName");
var lastName = document.getElementById("lastName");
var psw = document.getElementById("psw");
var userName = document.getElementById("userName");
var email = document.getElementById("inputText");



var sql = "INSERT INTO accounts (UserName, FirstName, LastName, Email, UserPassword) VALUES ('"+userName+ "', '"+firstName+"','"+lastName+"','"+email+"','"+psw+"')";
con.query(sql, function (err, result) {
    if (err) {
        throw err;

    }

    console.log(result.affectedRows + " record(s) updated");
  });
}

function saveAccount(){
var mysql = require('mysql');

var con = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "abc123",
  database: "PBSC_Parking_DB"
});

con.connect(function(err) {
  if (err) throw err;
console.log("connected");
});

var firstName = document.getElementById("firstName");
var lastName = document.getElementById("lastName");
var psw = document.getElementById("psw");
var userName = document.getElementById("userName");
var email = document.getElementById("inputText");



var sql = "INSERT INTO accounts (UserName, FirstName, LastName, Email, UserPassword) VALUES ('"+userName+ "', '"+firstName+"','"+lastName+"','"+email+"','"+psw+"')";
con.query(sql, function (err, result) {
    if (err) {
        throw err;

    }

    console.log(result.affectedRows + " record(s) updated");
  });
}

Chèn dữ liệu từ biểu mẫu vào cơ sở dữ liệu MySQL bằng Node.js

1. & nbsp; Cài đặt ứng dụng Express

2. Tạo A & NBSP; Cơ sở dữ liệu & bảng MySQL

var mysql = require('mysql');
var conn = mysql.createConnection({
  host: 'localhost', // Replace with your host name
  user: 'root',      // Replace with your database username
  password: '',      // Replace with your database password
  database: 'nodeapp' // // Replace with your database Name
}); 
conn.connect(function(err) {
  if (err) throw err;
  console.log('Database is connected successfully !');
});
module.exports = conn;

1. & nbsp; Cài đặt ứng dụng Express

2. Tạo A & NBSP; Cơ sở dữ liệu & bảng MySQL

function saveAccount(){
var mysql = require('mysql');

var con = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "abc123",
  database: "PBSC_Parking_DB"
});

con.connect(function(err) {
  if (err) throw err;
console.log("connected");
});

var firstName = document.getElementById("firstName");
var lastName = document.getElementById("lastName");
var psw = document.getElementById("psw");
var userName = document.getElementById("userName");
var email = document.getElementById("inputText");



var sql = "INSERT INTO accounts (UserName, FirstName, LastName, Email, UserPassword) VALUES ('"+userName+ "', '"+firstName+"','"+lastName+"','"+email+"','"+psw+"')";
con.query(sql, function (err, result) {
    if (err) {
        throw err;

    }

    console.log(result.affectedRows + " record(s) updated");
  });
}

function saveAccount(){
var mysql = require('mysql');

var con = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "abc123",
  database: "PBSC_Parking_DB"
});

con.connect(function(err) {
  if (err) throw err;
console.log("connected");
});

var firstName = document.getElementById("firstName");
var lastName = document.getElementById("lastName");
var psw = document.getElementById("psw");
var userName = document.getElementById("userName");
var email = document.getElementById("inputText");



var sql = "INSERT INTO accounts (UserName, FirstName, LastName, Email, UserPassword) VALUES ('"+userName+ "', '"+firstName+"','"+lastName+"','"+email+"','"+psw+"')";
con.query(sql, function (err, result) {
    if (err) {
        throw err;

    }

    console.log(result.affectedRows + " record(s) updated");
  });
}

function saveAccount(){
var mysql = require('mysql');

var con = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "abc123",
  database: "PBSC_Parking_DB"
});

con.connect(function(err) {
  if (err) throw err;
console.log("connected");
});

var firstName = document.getElementById("firstName");
var lastName = document.getElementById("lastName");
var psw = document.getElementById("psw");
var userName = document.getElementById("userName");
var email = document.getElementById("inputText");



var sql = "INSERT INTO accounts (UserName, FirstName, LastName, Email, UserPassword) VALUES ('"+userName+ "', '"+firstName+"','"+lastName+"','"+email+"','"+psw+"')";
con.query(sql, function (err, result) {
    if (err) {
        throw err;

    }

    console.log(result.affectedRows + " record(s) updated");
  });
}

function saveAccount(){
var mysql = require('mysql');

var con = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "abc123",
  database: "PBSC_Parking_DB"
});

con.connect(function(err) {
  if (err) throw err;
console.log("connected");
});

var firstName = document.getElementById("firstName");
var lastName = document.getElementById("lastName");
var psw = document.getElementById("psw");
var userName = document.getElementById("userName");
var email = document.getElementById("inputText");



var sql = "INSERT INTO accounts (UserName, FirstName, LastName, Email, UserPassword) VALUES ('"+userName+ "', '"+firstName+"','"+lastName+"','"+email+"','"+psw+"')";
con.query(sql, function (err, result) {
    if (err) {
        throw err;

    }

    console.log(result.affectedRows + " record(s) updated");
  });
}

function saveAccount(){
var mysql = require('mysql');

var con = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "abc123",
  database: "PBSC_Parking_DB"
});

con.connect(function(err) {
  if (err) throw err;
console.log("connected");
});

var firstName = document.getElementById("firstName");
var lastName = document.getElementById("lastName");
var psw = document.getElementById("psw");
var userName = document.getElementById("userName");
var email = document.getElementById("inputText");



var sql = "INSERT INTO accounts (UserName, FirstName, LastName, Email, UserPassword) VALUES ('"+userName+ "', '"+firstName+"','"+lastName+"','"+email+"','"+psw+"')";
con.query(sql, function (err, result) {
    if (err) {
        throw err;

    }

    console.log(result.affectedRows + " record(s) updated");
  });
}

function saveAccount(){
var mysql = require('mysql');

var con = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "abc123",
  database: "PBSC_Parking_DB"
});

con.connect(function(err) {
  if (err) throw err;
console.log("connected");
});

var firstName = document.getElementById("firstName");
var lastName = document.getElementById("lastName");
var psw = document.getElementById("psw");
var userName = document.getElementById("userName");
var email = document.getElementById("inputText");



var sql = "INSERT INTO accounts (UserName, FirstName, LastName, Email, UserPassword) VALUES ('"+userName+ "', '"+firstName+"','"+lastName+"','"+email+"','"+psw+"')";
con.query(sql, function (err, result) {
    if (err) {
        throw err;

    }

    console.log(result.affectedRows + " record(s) updated");
  });
}

Bạn sẽ phải định cấu hình tất cả các bước tiếp theo để chèn dữ liệu từ biểu mẫu bằng Node.js & MySQL. Vì vậy, don lồng bỏ qua bất kỳ ai trong số họ. Khi bạn hoàn thành các bước này, bạn chắc chắn sẽ lưu trữ bất kỳ loại giá trị đầu vào biểu mẫu nào vào cơ sở dữ liệu.

• Ứng dụng Express có cấu trúc rất đơn giản để chạy ứng dụng Node.js. Vì vậy, bạn nên cài đặt một ứng dụng Express để chạy truy vấn chèn của bạn bằng Node.js. Sau khi cài đặt nó, bạn sẽ nhận được cấu trúc thư mục sau
• Lưu ý rằng tôi đã tạo một tệp mới

  function saveAccount(){
  var mysql = require('mysql');
  
  var con = mysql.createConnection({
    host: "localhost",
    user: "root",
    password: "abc123",
    database: "PBSC_Parking_DB"
  });
  
  con.connect(function(err) {
    if (err) throw err;
  console.log("connected");
  });
  
  var firstName = document.getElementById("firstName");
  var lastName = document.getElementById("lastName");
  var psw = document.getElementById("psw");
  var userName = document.getElementById("userName");
  var email = document.getElementById("inputText");
  
  
  
  var sql = "INSERT INTO accounts (UserName, FirstName, LastName, Email, UserPassword) VALUES ('"+userName+ "', '"+firstName+"','"+lastName+"','"+email+"','"+psw+"')";
  con.query(sql, function (err, result) {
      if (err) {
          throw err;
  
      }
  
      console.log(result.affectedRows + " record(s) updated");
    });
  }
  

  0 trong thư mục chế độ xem &

  function saveAccount(){
  var mysql = require('mysql');
  
  var con = mysql.createConnection({
    host: "localhost",
    user: "root",
    password: "abc123",
    database: "PBSC_Parking_DB"
  });
  
  con.connect(function(err) {
    if (err) throw err;
  console.log("connected");
  });
  
  var firstName = document.getElementById("firstName");
  var lastName = document.getElementById("lastName");
  var psw = document.getElementById("psw");
  var userName = document.getElementById("userName");
  var email = document.getElementById("inputText");
  
  
  
  var sql = "INSERT INTO accounts (UserName, FirstName, LastName, Email, UserPassword) VALUES ('"+userName+ "', '"+firstName+"','"+lastName+"','"+email+"','"+psw+"')";
  con.query(sql, function (err, result) {
      if (err) {
          throw err;
  
      }
  
      console.log(result.affectedRows + " record(s) updated");
    });
  }
  

  1 trong thư mục gốc.

Tạo cơ sở dữ liệu

function saveAccount(){
var mysql = require('mysql');

var con = mysql.createConnection({
  host: "localhost",
  user: "root",
  password: "abc123",
  database: "PBSC_Parking_DB"
});

con.connect(function(err) {
  if (err) throw err;
console.log("connected");
});

var firstName = document.getElementById("firstName");
var lastName = document.getElementById("lastName");
var psw = document.getElementById("psw");
var userName = document.getElementById("userName");
var email = document.getElementById("inputText");



var sql = "INSERT INTO accounts (UserName, FirstName, LastName, Email, UserPassword) VALUES ('"+userName+ "', '"+firstName+"','"+lastName+"','"+email+"','"+psw+"')";
con.query(sql, function (err, result) {
    if (err) {
        throw err;

    }

    console.log(result.affectedRows + " record(s) updated");
  });
}

    
Create User Data
    

          Full Name
          
          Email Address
          
          City
          
          Country
          
          Submit