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
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;_0
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
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;7
- 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;0
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
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
//localhost:3000/users/createSaran 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