Cara menggunakan kueri mysql javascript

Bangun situs web sederhana menggunakan tech stack nodejs, expressjs, database mysql, dan render html menggunakan mesin template ejs (Embedded JavaScript templating) untuk merender di sisi server

Contoh tutorial disini menggunakan studi kasus pembuatan website blog sederhana dan menggunakan bootstrap css frame

Instal Nodejs dan Mysql

Pada postingan tutorial kali ini saya menggunakan sistem operasi windows 10, bagi yang menggunakan windows 10 dan belum install nodejs bisa mengikuti Cara Install NodeJS di windows

Untuk database Mysql, gunakan bundel dari XAMPP untuk bisa mengikuti Cara Install MySQL di Windows

Instal Expressjs dan perpustakaan lainnya

Pastikan Nodejs dan

CREATE DATABASE `simple_crud`;

• inisialisasi

  CREATE DATABASE `simple_crud`;
  

  _1 di folder proyek

npm init -y

• instal pustaka ExpressJs, ejs, mysql2

npm install express ejs mysql2 --save

Penjelasan

• CREATE DATABASE `simple_crud`;
  

  _3.

  CREATE DATABASE `simple_crud`;
  

  1 adalah library management untuk nodejs yang membutuhkan koneksi internet saat install, sedangkan kata

  CREATE DATABASE `simple_crud`;
  

  5 artinya install library

• CREATE DATABASE `simple_crud`;
  

  _6. adalah nodejs kerangka web minimalis untuk membangun aplikasi berbasis situs web

• CREATE DATABASE `simple_crud`;
  

  _7. adalah library mysql untuk berkomunikasi dengan database mysql

• CREATE DATABASE `simple_crud`;
  

  _8. adalah perpustakaan untuk merender HTML di sisi server

• CREATE DATABASE `simple_crud`;
  

  _9. katakan ini untuk melakukan perintah untuk menyimpan daftar dependensi yang ingin digunakan perpustakaan ke dalam file

  CREATE DATABASE IF NOT EXISTS `simple_crud`;
  USE `simple_crud`;
  
  CREATE TABLE IF NOT EXISTS `post` (
    `id` int(11) NOT NULL AUTO_INCREMENT,
    `title` tinytext,
    `content` text,
    `slug_id` varchar(225) DEFAULT NULL,
    `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
    PRIMARY KEY (`id`),
    UNIQUE KEY `slug_id` (`slug_id`)
  ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
  

  0

Templat Bootstrap 4

Untuk template Bootstrap menggunakan contoh template bisa dilihat disini Contoh Template Bootstrap Blog

atau bisa langsung download dengan klik tombol contoh https. //getbootstrap. com/docs/4. 0/examples/ atau bisa klik disini dalam bentuk zip kemudian ekstrak dan ambil sebagian folder blog didalamnya

Struktur database mysql

Struktur database yang digunakan hanya satu tabel yaitu post

Membuat Database Untuk MongoDB

CREATE DATABASE `simple_crud`;

Buat Tabel CREATE DATABASE `simple_crud`; 0

Kolom yang dibuat adalah id, title, content, slug_id, dan created_at

CREATE DATABASE IF NOT EXISTS `simple_crud`;
USE `simple_crud`;

CREATE TABLE IF NOT EXISTS `post` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` tinytext,
  `content` text,
  `slug_id` varchar(225) DEFAULT NULL,
  `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
  PRIMARY KEY (`id`),
  UNIQUE KEY `slug_id` (`slug_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

Pengkodean Nodejs dan Expressjs

Uji persiapan untuk menjalankan Nodejs dan mysql

isikan koding di

CREATE DATABASE IF NOT EXISTS `simple_crud`;
USE `simple_crud`;

CREATE TABLE IF NOT EXISTS `post` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` tinytext,
  `content` text,
  `slug_id` varchar(225) DEFAULT NULL,
  `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
  PRIMARY KEY (`id`),
  UNIQUE KEY `slug_id` (`slug_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

// index.js

const express = require('express');

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

app.use(express.static('public'));

app.get('/', (req, res) =>
  res.send('belajar membangun Web CRUD di nodejs mysql')
);

app.listen(port, () => console.log(`App listening to port ${port}`));

kemudian jalankan perintah

CREATE DATABASE IF NOT EXISTS `simple_crud`;
USE `simple_crud`;

CREATE TABLE IF NOT EXISTS `post` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` tinytext,
  `content` text,
  `slug_id` varchar(225) DEFAULT NULL,
  `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
  PRIMARY KEY (`id`),
  UNIQUE KEY `slug_id` (`slug_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

lalu kita akses ke

CREATE DATABASE IF NOT EXISTS `simple_crud`;
USE `simple_crud`;

CREATE TABLE IF NOT EXISTS `post` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` tinytext,
  `content` text,
  `slug_id` varchar(225) DEFAULT NULL,
  `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
  PRIMARY KEY (`id`),
  UNIQUE KEY `slug_id` (`slug_id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

Nodejs ke koneksi Mysql

Berikut isi koding untuk membuat koneksi dari nodejs ke mysql untuk membuat koneksi normal tanpa menggunakan pooling

const mysql = require('mysql');

// Konfigurasi koneksi nodejs ke mysql
let dbCon = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: '',
  database: 'simple_crud',
});

// Membuat koneksi nodejs ke mysql
dbCon.connect((err) => {
  if (err) {
    console.log('Membuat koneksi nodejs ke mysql gagal', err);
  } else {
    console.log('Membuat koneksi nodejs ke mysql berhasil ');
  }
});

module.exports = dbCon;

Penjelasan

• CREATE DATABASE IF NOT EXISTS `simple_crud`;
  USE `simple_crud`;
  
  CREATE TABLE IF NOT EXISTS `post` (
    `id` int(11) NOT NULL AUTO_INCREMENT,
    `title` tinytext,
    `content` text,
    `slug_id` varchar(225) DEFAULT NULL,
    `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
    PRIMARY KEY (`id`),
    UNIQUE KEY `slug_id` (`slug_id`)
  ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
  

  _5. memanggil perpustakaan atau perpustakaan mysql untuk dapat berkomunikasi dengan nodejs dan mysql

• CREATE DATABASE IF NOT EXISTS `simple_crud`;
  USE `simple_crud`;
  
  CREATE TABLE IF NOT EXISTS `post` (
    `id` int(11) NOT NULL AUTO_INCREMENT,
    `title` tinytext,
    `content` text,
    `slug_id` varchar(225) DEFAULT NULL,
    `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
    PRIMARY KEY (`id`),
    UNIQUE KEY `slug_id` (`slug_id`)
  ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
  

  _6. Bagian fungsi ini merupakan konfigurasi koneksi ke mysql yang berisi host, user, password, dan database yang dapat digunakan

• CREATE DATABASE IF NOT EXISTS `simple_crud`;
  USE `simple_crud`;
  
  CREATE TABLE IF NOT EXISTS `post` (
    `id` int(11) NOT NULL AUTO_INCREMENT,
    `title` tinytext,
    `content` text,
    `slug_id` varchar(225) DEFAULT NULL,
    `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
    PRIMARY KEY (`id`),
    UNIQUE KEY `slug_id` (`slug_id`)
  ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
  

  _7. Fungsi ini memeriksa apakah mysql berhasil atau gagal berkomunikasi dengan nodejs

• CREATE DATABASE IF NOT EXISTS `simple_crud`;
  USE `simple_crud`;
  
  CREATE TABLE IF NOT EXISTS `post` (
    `id` int(11) NOT NULL AUTO_INCREMENT,
    `title` tinytext,
    `content` text,
    `slug_id` varchar(225) DEFAULT NULL,
    `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
    PRIMARY KEY (`id`),
    UNIQUE KEY `slug_id` (`slug_id`)
  ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
  

  _8. pada akhirnya semua fungsi yang dibuat akan diekspor atau agar bisa digunakan di file javascript lainnya

Menampilkan data blog di mesin template ejs

bagian kepala template ejs

pada bagian ini berisi pemanggilan framework CSS bootstrap versi 4

// simple_crud\views\partials\head.ejs
<meta charset="UTF-8" />
<title>Post Simple CRUD Web</title>

<!-- CSS (load bootstrap from a CDN) -->
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css"
/>
<style>
  body {
    padding-top: 50px;
  }
</style>

Bagian tajuk templat EJS

bagian ini untuk keperluan menampilkan beberapa Menu seperti Home, New Post, dan Update Post

// simple_crud\views\partials\header.ejs
<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="/"> Simple CRUD </a>
  <ul class="navbar-nav mr-auto">
    <li class="nav-item">
      <a class="nav-link" href="/"> Home </a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="/create"> New Post </a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="/update"> Update Post </a>
    </li>
  </ul>
</nav>

Bagian footer templat EJS

Footer ini hanya opsional, tidak masalah apakah ditambahkan atau tidak

// simple_crud\views\partials\footer.ejs
<p class="text-center text-muted">© Copyright 2022 Simple CRUD</p>

Buat logika untuk template EJS dan ExpressJS di NodeJS

Pada bagian ini kita akan membangun fungsi dengan logika untuk menerima data dari permintaan yang dikirim dari form html. bagian terkait MySQL dan jalankan kueri dari NodeJS ke server MySQL

Buat fungsi untuk EJS di bagian beranda NodeJS

Bagian koding NodeJS yang terhubung ke MySQL, kemudian kita panggil dulu ke NodeJS, disini kita buat file tersendiri dengan nama file mysql. js

// simple_crud\mysql.js

const mysql = require('mysql');

// Konfigurasi koneksi nodejs ke mysql
let dbCon = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: '',
  database: 'simple_crud',
});

// Membuat koneksi nodejs ke mysql
dbCon.connect((err) => {
  if (err) {
    console.log('Membuat koneksi nodejs ke mysql gagal', err);
  } else {
    console.log('Membuat koneksi nodejs ke mysql berhasil ');
  }
});

module.exports = dbCon;

• CREATE DATABASE IF NOT EXISTS `simple_crud`;
  USE `simple_crud`;
  
  CREATE TABLE IF NOT EXISTS `post` (
    `id` int(11) NOT NULL AUTO_INCREMENT,
    `title` tinytext,
    `content` text,
    `slug_id` varchar(225) DEFAULT NULL,
    `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
    PRIMARY KEY (`id`),
    UNIQUE KEY `slug_id` (`slug_id`)
  ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
  

  _5. memanggil perpustakaan atau perpustakaan mysql untuk dapat berkomunikasi dengan nodejs dan mysql

• CREATE DATABASE IF NOT EXISTS `simple_crud`;
  USE `simple_crud`;
  
  CREATE TABLE IF NOT EXISTS `post` (
    `id` int(11) NOT NULL AUTO_INCREMENT,
    `title` tinytext,
    `content` text,
    `slug_id` varchar(225) DEFAULT NULL,
    `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
    PRIMARY KEY (`id`),
    UNIQUE KEY `slug_id` (`slug_id`)
  ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
  

  _6. Bagian fungsi ini merupakan konfigurasi koneksi ke mysql yang berisi host, user, password, dan database yang dapat digunakan

• CREATE DATABASE IF NOT EXISTS `simple_crud`;
  USE `simple_crud`;
  
  CREATE TABLE IF NOT EXISTS `post` (
    `id` int(11) NOT NULL AUTO_INCREMENT,
    `title` tinytext,
    `content` text,
    `slug_id` varchar(225) DEFAULT NULL,
    `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
    PRIMARY KEY (`id`),
    UNIQUE KEY `slug_id` (`slug_id`)
  ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
  

  _7. Fungsi ini memeriksa apakah mysql berhasil atau gagal berkomunikasi dengan nodejs

• CREATE DATABASE IF NOT EXISTS `simple_crud`;
  USE `simple_crud`;
  
  CREATE TABLE IF NOT EXISTS `post` (
    `id` int(11) NOT NULL AUTO_INCREMENT,
    `title` tinytext,
    `content` text,
    `slug_id` varchar(225) DEFAULT NULL,
    `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
    PRIMARY KEY (`id`),
    UNIQUE KEY `slug_id` (`slug_id`)
  ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
  

  _8. pada akhirnya semua fungsi yang dibuat akan diekspor atau agar bisa digunakan di file javascript lainnya

setelah melakukan coding agar bisa berkomunikasi dengan mysql selanjutnya kita menggunakan library express js agar bisa diakses menggunakan protokol HTTP dan library EJS untuk mencetak logika javascript dan tag HTML agar bisa diakses di browser. berikut adalah cuplikan coding CRUD awal yang akan kita buat

- Bagian fungsi ExpressJS untuk bagian Beranda

npm install express ejs mysql2 --save

Penjelasan

• // index.js
  
  const express = require('express');
  
  const app = express();
  const port = 3030;
  
  app.use(express.static('public'));
  
  app.get('/', (req, res) =>
    res.send('belajar membangun Web CRUD di nodejs mysql')
  );
  
  app.listen(port, () => console.log(`App listening to port ${port}`));
  

  _3. panggil lib expressjs untuk dapat dijalankan di file nodejs ini

• // index.js
  
  const express = require('express');
  
  const app = express();
  const port = 3030;
  
  app.use(express.static('public'));
  
  app.get('/', (req, res) =>
    res.send('belajar membangun Web CRUD di nodejs mysql')
  );
  
  app.listen(port, () => console.log(`App listening to port ${port}`));
  

  _4. memanggil file konfigurasi mysql

• // index.js
  
  const express = require('express');
  
  const app = express();
  const port = 3030;
  
  app.use(express.static('public'));
  
  app.get('/', (req, res) =>
    res.send('belajar membangun Web CRUD di nodejs mysql')
  );
  
  app.listen(port, () => console.log(`App listening to port ${port}`));
  

  _5. simpan fungsi lib express js ke variabel cons

• // index.js
  
  const express = require('express');
  
  const app = express();
  const port = 3030;
  
  app.use(express.static('public'));
  
  app.get('/', (req, res) =>
    res.send('belajar membangun Web CRUD di nodejs mysql')
  );
  
  app.listen(port, () => console.log(`App listening to port ${port}`));
  

  _6 memanggil lib validasi untuk memeriksa dan mengondisikan data

• // index.js
  
  const express = require('express');
  
  const app = express();
  const port = 3030;
  
  app.use(express.static('public'));
  
  app.get('/', (req, res) =>
    res.send('belajar membangun Web CRUD di nodejs mysql')
  );
  
  app.listen(port, () => console.log(`App listening to port ${port}`));
  

  _7. untuk mengakses data dengan metode GET di HTTP

• // index.js
  
  const express = require('express');
  
  const app = express();
  const port = 3030;
  
  app.use(express.static('public'));
  
  app.get('/', (req, res) =>
    res.send('belajar membangun Web CRUD di nodejs mysql')
  );
  
  app.listen(port, () => console.log(`App listening to port ${port}`));
  

  _8. dalam fungsi ini, proses query ke MySQL dijalankan dan hasilnya dikembalikan dari fungsi ini

• // index.js
  
  const express = require('express');
  
  const app = express();
  const port = 3030;
  
  app.use(express.static('public'));
  
  app.get('/', (req, res) =>
    res.send('belajar membangun Web CRUD di nodejs mysql')
  );
  
  app.listen(port, () => console.log(`App listening to port ${port}`));
  

  _9. merender atau mencetak output di sisi klien

- Bagian fungsi EJS untuk bagian Beranda

npm install express ejs mysql2 --save

Penjelasan

• const mysql = require('mysql');
  
  // Konfigurasi koneksi nodejs ke mysql
  let dbCon = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: '',
    database: 'simple_crud',
  });
  
  // Membuat koneksi nodejs ke mysql
  dbCon.connect((err) => {
    if (err) {
      console.log('Membuat koneksi nodejs ke mysql gagal', err);
    } else {
      console.log('Membuat koneksi nodejs ke mysql berhasil ');
    }
  });
  
  module.exports = dbCon;
  

  _0. impor dari file EJS lain

• const mysql = require('mysql');
  
  // Konfigurasi koneksi nodejs ke mysql
  let dbCon = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: '',
    database: 'simple_crud',
  });
  
  // Membuat koneksi nodejs ke mysql
  dbCon.connect((err) => {
    if (err) {
      console.log('Membuat koneksi nodejs ke mysql gagal', err);
    } else {
      console.log('Membuat koneksi nodejs ke mysql berhasil ');
    }
  });
  
  module.exports = dbCon;
  

  _1. cetak data kiriman yang dikirim dari template EJS

• const mysql = require('mysql');
  
  // Konfigurasi koneksi nodejs ke mysql
  let dbCon = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: '',
    database: 'simple_crud',
  });
  
  // Membuat koneksi nodejs ke mysql
  dbCon.connect((err) => {
    if (err) {
      console.log('Membuat koneksi nodejs ke mysql gagal', err);
    } else {
      console.log('Membuat koneksi nodejs ke mysql berhasil ');
    }
  });
  
  module.exports = dbCon;
  

  _2. pencetakan data dan batasan tambahan menggunakan fungsi irisan dan titik gabungan

  const mysql = require('mysql');
  
  // Konfigurasi koneksi nodejs ke mysql
  let dbCon = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: '',
    database: 'simple_crud',
  });
  
  // Membuat koneksi nodejs ke mysql
  dbCon.connect((err) => {
    if (err) {
      console.log('Membuat koneksi nodejs ke mysql gagal', err);
    } else {
      console.log('Membuat koneksi nodejs ke mysql berhasil ');
    }
  });
  
  module.exports = dbCon;
  

  3

- Buat fungsi Express JS Create Post di NodeJS

dalam proses memasukkan data ke Mysql di bagian posting

npm install express ejs mysql2 --save

Penjelasan

• const mysql = require('mysql');
  
  // Konfigurasi koneksi nodejs ke mysql
  let dbCon = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: '',
    database: 'simple_crud',
  });
  
  // Membuat koneksi nodejs ke mysql
  dbCon.connect((err) => {
    if (err) {
      console.log('Membuat koneksi nodejs ke mysql gagal', err);
    } else {
      console.log('Membuat koneksi nodejs ke mysql berhasil ');
    }
  });
  
  module.exports = dbCon;
  

  _4. melakukan pengecekan data dari lib validator

• const mysql = require('mysql');
  
  // Konfigurasi koneksi nodejs ke mysql
  let dbCon = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: '',
    database: 'simple_crud',
  });
  
  // Membuat koneksi nodejs ke mysql
  dbCon.connect((err) => {
    if (err) {
      console.log('Membuat koneksi nodejs ke mysql gagal', err);
    } else {
      console.log('Membuat koneksi nodejs ke mysql berhasil ');
    }
  });
  
  module.exports = dbCon;
  

  _5. hasilkan dari judul sebagai siput, yang memproses perubahan dari ruang karakter ke

  const mysql = require('mysql');
  
  // Konfigurasi koneksi nodejs ke mysql
  let dbCon = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: '',
    database: 'simple_crud',
  });
  
  // Membuat koneksi nodejs ke mysql
  dbCon.connect((err) => {
    if (err) {
      console.log('Membuat koneksi nodejs ke mysql gagal', err);
    } else {
      console.log('Membuat koneksi nodejs ke mysql berhasil ');
    }
  });
  
  module.exports = dbCon;
  

  6

Buat template EJS Create Post di NodeJS

npm install express ejs mysql2 --save

Bagian fungsi ExpressJS Baca data MySQL di NodeJS

npm install express ejs mysql2 --save

Buat template Baca EJS di Post

npm install express ejs mysql2 --save

Penjelasan

Bagian pengkodean dari proses Update Post di NodeJS

npm install express ejs mysql2 --save

Penjelasan

• const mysql = require('mysql');
  
  // Konfigurasi koneksi nodejs ke mysql
  let dbCon = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: '',
    database: 'simple_crud',
  });
  
  // Membuat koneksi nodejs ke mysql
  dbCon.connect((err) => {
    if (err) {
      console.log('Membuat koneksi nodejs ke mysql gagal', err);
    } else {
      console.log('Membuat koneksi nodejs ke mysql berhasil ');
    }
  });
  
  module.exports = dbCon;
  

  _7. Data ini akan dikirim ke tampilan EJS

• const mysql = require('mysql');
  
  // Konfigurasi koneksi nodejs ke mysql
  let dbCon = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: '',
    database: 'simple_crud',
  });
  
  // Membuat koneksi nodejs ke mysql
  dbCon.connect((err) => {
    if (err) {
      console.log('Membuat koneksi nodejs ke mysql gagal', err);
    } else {
      console.log('Membuat koneksi nodejs ke mysql berhasil ');
    }
  });
  
  module.exports = dbCon;
  

  _8. ambil data tabel posting pertama di MySQL karena hasil eksekusi hanya berisi satu

Tampilan bagian pengkodean EJS Perbarui Posting di NodeJS

npm install express ejs mysql2 --save

Penjelasan

• const mysql = require('mysql');
  
  // Konfigurasi koneksi nodejs ke mysql
  let dbCon = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: '',
    database: 'simple_crud',
  });
  
  // Membuat koneksi nodejs ke mysql
  dbCon.connect((err) => {
    if (err) {
      console.log('Membuat koneksi nodejs ke mysql gagal', err);
    } else {
      console.log('Membuat koneksi nodejs ke mysql berhasil ');
    }
  });
  
  module.exports = dbCon;
  

  _9. memeriksa tipe data bukan tipe undefined dan berisi nilai boolean true

Hapus fungsi proses Post di Nodejs

npm install express ejs mysql2 --save

penjelasan

// simple_crud\views\partials\head.ejs
<meta charset="UTF-8" />
<title>Post Simple CRUD Web</title>

<!-- CSS (load bootstrap from a CDN) -->
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css"
/>
<style>
  body {
    padding-top: 50px;
  }
</style>

// simple_crud\views\partials\head.ejs
<meta charset="UTF-8" />
<title>Post Simple CRUD Web</title>

<!-- CSS (load bootstrap from a CDN) -->
<link
  rel="stylesheet"
  href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css"
/>
<style>
  body {
    padding-top: 50px;
  }
</style>

npm install express ejs mysql2 --save

Penjelasan

• // simple_crud\views\partials\head.ejs
  <meta charset="UTF-8" />
  <title>Post Simple CRUD Web</title>
  
  <!-- CSS (load bootstrap from a CDN) -->
  <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css"
  />
  <style>
    body {
      padding-top: 50px;
    }
  </style>
  

  2. memeriksa tipe data adalah tipe yang tidak ditentukan dan berisi nilai boolean false hingga mencetak data

  // simple_crud\views\partials\head.ejs
  <meta charset="UTF-8" />
  <title>Post Simple CRUD Web</title>
  
  <!-- CSS (load bootstrap from a CDN) -->
  <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css"
  />
  <style>
    body {
      padding-top: 50px;
    }
  </style>
  

  3

Tangkapan layar CRUD Sederhana

Tampilan Rumah

Tampilkan Buat Postingan

Tampilan Post Update

Kode sumber ini dapat dilihat dan diunduh atau digandakan di repositori GitHub. https. //github. com/SigitNurhanafi/simple_crud_expressjs