Bagaimana cara menambahkan data dalam database menggunakan javascript?

Dalam tutorial ini, Anda akan belajar cara memasukkan data formulir ke dalam tabel menggunakan Node. js & mysql. Bahkan Anda akan mendapatkan panduan lengkap dalam beberapa langkah. Semua langkah akan lebih membantu untuk memasukkan nilai ke dalam database. Jadi, Baca tutorial lengkapnya dengan penuh konsentrasi

Table of Contents Show

Masukkan Data Dari Formulir ke Database MySQL Menggunakan Node. js
1. Instal Aplikasi Ekspres
2. Buat Database & Tabel MySQL
3. Hubungkan Node. Aplikasi js ke Database MySQL
4. Buat Formulir HTML
5. Buat Rute untuk Memasukkan Data
6. Muat Rute Ke File Root
7. Jalankan Node. Aplikasi js untuk Memasukkan Data
Bagaimana cara menambahkan data ke database dalam JavaScript?
Bagaimana cara menambahkan data ke database yang sudah ada?
Bagaimana cara menyimpan data dalam database menggunakan js?
Bisakah saya menggunakan JavaScript untuk basis data?

Isi

Masukkan Data Dari Formulir ke Database MySQL Menggunakan Node. js

Anda harus mengonfigurasi semua langkah selanjutnya untuk memasukkan data dari formulir menggunakan Node. js & mysql. Jadi, Jangan lewatkan salah satu dari mereka. Setelah Anda menyelesaikan langkah-langkah ini, Anda pasti akan menyimpan segala jenis nilai input formulir ke dalam database

1. Instal Aplikasi Ekspres

Aplikasi Ekspres memiliki struktur yang sangat sederhana untuk menjalankan Node. aplikasi js. Jadi, Anda harus menginstal aplikasi ekspres untuk menjalankan kueri penyisipan Anda menggunakan Node. js. Setelah Menginstalnya, Anda akan mendapatkan struktur folder berikut

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

Perhatikan bahwa saya telah membuat file baru users.ejs di folder views & database.js di folder root

2. Buat Database & Tabel MySQL

Buat Database

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;

Juga, Buat tabel ke dalam database MySQL dengan nama

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;

1 sebagai kueri berikut

Nama File – pengguna

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;

Catatan – Jika Anda bekerja dengan PHP, Anda dapat membuat

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;

0 database &

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;

1 tabel di

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;

4 dan menggunakannya untuk memasukkan data formulir

3. Hubungkan Node. Aplikasi js ke Database MySQL

Anda harus menghubungkan Node. js dengan Database MySQL dengan menulis skrip koneksi berikut di database.js

Nama File – basis data. js

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;

4. Buat Formulir HTML

Saya telah membuat formulir dengan kolom input berikut. Setiap field input dideklarasikan dengan atribut name yang unik

Bidang Input Ketik Atribut nama Atribut Nama Lengkap type=”text” id=”namalengkap” Alamat Email type=”email” id=”emailAddress” Kota type=”email” id=”city” Negara type=”text” id=”

Poin-poin berikut harus dalam bentuk

Metode formulir harus

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;

6 seperti

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;

Tindakan formulir berisi /

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;

_8 ( Dibuat di

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;

9 untuk memposting data formulir ) seperti

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;

Nama File – pengguna. ejs

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!--====form section start====-->
<div class="user-detail">
    <h2>Create User Data</h2>
    <form action="/users/create" method="POST">
          <label>Full Name</label>
          <input type="text" placeholder="Enter Full Name" name="fullName" required>
          <label>Email Address</label>
          <input type="email" placeholder="Enter Email Address" name="emailAddress" required>
          <label>City</label>
          <input type="city" placeholder="Enter Full City" name="city" required>
          <label>Country</label>
          <input type="text" placeholder="Enter Full Country" name="country" required>
          <button type="submit">Submit</button>
        </div>
</div>
<!--====form section start====-->
</body>
</html>

5. Buat Rute untuk Memasukkan Data

Konfigurasikan poin-poin berikut untuk membuat rute untuk memasukkan data -

Sertakan file koneksi database database.js

Buat rute

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;

_2 dengan metode GET untuk menampilkan formulir HTML

Buat rute lain

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;

_3 dengan metode POST untuk memasukkan data ke database MySQL

Nama File – pengguna. js

var express = require('express');
var router = express.Router();
var db=require('../database');
router.get('/form', function(req, res, next) { 
res.render('users'); 
});
router.post('/create', function(req, res, next) {
  
  // store all the user input data
  const userDetails=req.body;
 
  // insert user data into users table
  var sql = 'INSERT INTO users SET ?';
  db.query(sql, userDetails,function (err, data) { 
      if (err) throw err;
         console.log("User dat is inserted successfully "); 
  });
 res.redirect('/users/form');  // redirect to user form page after inserting the data
}); 
module.exports = router;

6. Muat Rute Ke File Root

Anda harus menyertakan

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;

4 file rute di

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;

5 file root sebagai

Nama File – aplikasi. js

var usersRouter = require('./routes/users');
;
app.use('/users', usersRouter);

Anda dapat membaca dokumentasi resmi perutean ekspres untuk mempelajari Perutean secara ekspres

7. Jalankan Node. Aplikasi js untuk Memasukkan Data

Konfigurasikan baris poin berikut ke Run Node. Aplikasi js untuk memasukkan data ke dalam tabel HTML –

Mulai Node Anda. js server menggunakan

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;

_6 perintah

Masukkan URL berikut ke browser web Anda untuk menampilkan formulir HTML

http://localhost:3000/users/form

Saat Anda mengirimkan formulir setelah mengisi semua kolom input dengan data yang valid, Formulir akan dialihkan ke URL berikut untuk memasukkan data formulir melalui POST

http://localhost:3000/users/create

Saran saya

Pengembang yang terhormat, saya harap Anda telah memahami skrip di atas, Sekarang Anda dapat memasukkan data formulir menggunakan Node.js. js & mysql. Jadi, Kunjungi terus situs saya, saya akan membagikan lebih banyak tutorial terkait Node.js. js / Express secepat mungkin

Bagaimana cara menambahkan data ke database dalam JavaScript?

Buat file js bernama "insert" di folder DBexample dan masukkan data berikut ke dalamnya. var mysql = membutuhkan('mysql'); . createConnection({ .

var mysql = membutuhkan('mysql');

var con = mysql. .

tuan rumah. "localhost",

pengguna. "akar",

kata sandi. "12345",

basis data. "javatpoint"

Bagaimana cara menambahkan data ke database yang sudah ada?

Pernyataan INSERT sederhana untuk menambahkan data ke tabel. Gunakan Pernyataan INSERT untuk menambahkan beberapa baris dalam tabel . klausa INSERT INTO SELECT untuk menyisipkan output yang dihasilkan oleh kueri SELECT. klausa INSERT IGNORE untuk mengabaikan kesalahan yang dihasilkan selama eksekusi kueri.

Bagaimana cara menyimpan data dalam database menggunakan js?

Simpan Data di Browser dengan JavaScript .

setItem(key, value) menyimpan pasangan kunci/nilai

getItem(key) mendapatkan nilai dengan kunci

removeItem(key) menghapus kunci dan nilai

clear() hapus semuanya dari penyimpanan

key(index) dapatkan kunci dari posisi tertentu

panjang jumlah item yang disimpan

Bisakah saya menggunakan JavaScript untuk basis data?

Tidak disarankan menggunakan klien JavaScript untuk mengakses database karena beberapa alasan. Misalnya, ini bukan praktik yang baik, ada beberapa masalah keamanan dan menawarkan masalah kerentanan. Node.