Forem: JaisySymuri

"Create" dan "Upload" di Golang Postgres: Back-end

JaisySymuri — Thu, 15 Jun 2023 09:26:01 +0000

Cek file-file v2

Repository/source code: https://github.com/JaisySymuri/postgre

Buat folder baru "files" sebagai tempat untuk menampung file yang akan kita upload. Kemudian di main.go, sebelum func dbConn, buat struct Employee

main.go

type Employee struct {
    ID_Pegawai    int
    NIK           string
    Nama          string
    Username      string
    Password      string
    Alamat        string
    Tempat_Lahir  string
    Tanggal_Lahir string
    No_HP         string
    Pekerjaan     string
    Gender        string
    Email         string
    Nama_Ibu      string
    File          string
    SearchType    string
}

Di golang, posisi variable, constants, structure, dan functions tidak masalah. Cuma agar mudah saat diingat, fungsi-fungsi diletakkan di bagian paling bawah.

Kemudiaan, setelah func dbConn, buat fungsi untuk menangani insert query. Isi dengan membuat variable db untuk membuka koneksi ke database dan cek metode POST

main.go:Insert

func Insert(w http.ResponseWriter, r *http.Request) {

    db := dbConn()
    if r.Method == "POST" {

...

Kemudian, atur penyimpanan file yang dikirim ke folder 'files" yang kita buat sebelumnya.

main.go:Insert

...
alias := r.FormValue("alias")
        uploadedFile, handler, err := r.FormFile("file")
        if err != nil {
            http.Error(w, err.Error(), http.StatusInternalServerError)
            return
        }
        defer uploadedFile.Close()

        dir, err := os.Getwd()
        if err != nil {
            http.Error(w, err.Error(), http.StatusInternalServerError)
            return
        }

        filename := handler.Filename
        if alias != "" {
            filename = fmt.Sprintf("%s%s", alias, filepath.Ext(handler.Filename))
        }

        fileLocation := filepath.Join(dir, "files", filename)
        targetFile, err := os.OpenFile(fileLocation, os.O_WRONLY|os.O_CREATE, 0666)
        if err != nil {
            http.Error(w, err.Error(), http.StatusInternalServerError)
            return
        }
        defer targetFile.Close()

        if _, err := io.Copy(targetFile, uploadedFile); err != nil {
            http.Error(w, err.Error(), http.StatusInternalServerError)
            return
        }
...

Atur kode untuk menerima isi formulir yang dikirim dan mengubahnya sebagai query ke database

main.go:Insert

...
NIK := r.FormValue("NIK")
        Nama := r.FormValue("Nama")
        Username := r.FormValue("Username")
        Password := r.FormValue("Password")
        Alamat := r.FormValue("Alamat")
        Tempat_Lahir := r.FormValue("Tempat_Lahir")
        Tanggal_Lahir := r.FormValue("Tanggal_Lahir")
        No_HP := r.FormValue("No_HP")
        Pekerjaan := r.FormValue("Pekerjaan")
        Gender := r.FormValue("Gender")
        Email := r.FormValue("Email")
        Nama_Ibu := r.FormValue("Nama_Ibu")

        insertDynStmt := `insert into "employee"("nik", "nama", "username", "password", "alamat", "tempat_lahir", "tanggal_lahir", "no_hp", "pekerjaan", "gender", "email", "nama_ibu", "file") VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13)`
        _, err = db.Exec(insertDynStmt, NIK, Nama, Username, Password, Alamat, Tempat_Lahir, Tanggal_Lahir, No_HP, Pekerjaan, Gender, Email, Nama_Ibu, filename)

        log.Println("INSERT INTO employee(NIK, Nama, Username, Password, Alamat, Tempat_Lahir, Tanggal_Lahir, No_HP, Pekerjaan, Gender, Email, Nama_Ibu, File) VALUES (" + NIK + ", " + Nama + ", " + Username + ", " + Password + ", " + Alamat + ", " + Tempat_Lahir + ", " + Tanggal_Lahir + ", " + No_HP + ", " + Pekerjaan + ", " + Gender + ", " + Email + ", " + Nama_Ibu + ", " + filename + ")")
...

Terakhir, tutup koneksi ke database dan redirect agar user kembali ke halaman utama ketika selesai mengisi formulir.

main.go:Insert

...
defer db.Close()
    http.Redirect(w, r, "/", 301)
}

Hasilnya adalah seperti ini:

main.go

func Insert(w http.ResponseWriter, r *http.Request) {

    db := dbConn()
    if r.Method == "POST" {
        //File Upload
        alias := r.FormValue("alias")
        uploadedFile, handler, err := r.FormFile("file")
        if err != nil {
            http.Error(w, err.Error(), http.StatusInternalServerError)
            return
        }
        defer uploadedFile.Close()

        dir, err := os.Getwd()
        if err != nil {
            http.Error(w, err.Error(), http.StatusInternalServerError)
            return
        }

        filename := handler.Filename
        if alias != "" {
            filename = fmt.Sprintf("%s%s", alias, filepath.Ext(handler.Filename))
        }

        fileLocation := filepath.Join(dir, "files", filename)
        targetFile, err := os.OpenFile(fileLocation, os.O_WRONLY|os.O_CREATE, 0666)
        if err != nil {
            http.Error(w, err.Error(), http.StatusInternalServerError)
            return
        }
        defer targetFile.Close()

        if _, err := io.Copy(targetFile, uploadedFile); err != nil {
            http.Error(w, err.Error(), http.StatusInternalServerError)
            return
        }

        NIK := r.FormValue("NIK")
        Nama := r.FormValue("Nama")
        Username := r.FormValue("Username")
        Password := r.FormValue("Password")
        Alamat := r.FormValue("Alamat")
        Tempat_Lahir := r.FormValue("Tempat_Lahir")
        Tanggal_Lahir := r.FormValue("Tanggal_Lahir")
        No_HP := r.FormValue("No_HP")
        Pekerjaan := r.FormValue("Pekerjaan")
        Gender := r.FormValue("Gender")
        Email := r.FormValue("Email")
        Nama_Ibu := r.FormValue("Nama_Ibu")

        insertDynStmt := `insert into "employee"("nik", "nama", "username", "password", "alamat", "tempat_lahir", "tanggal_lahir", "no_hp", "pekerjaan", "gender", "email", "nama_ibu", "file") VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13)`
        _, err = db.Exec(insertDynStmt, NIK, Nama, Username, Password, Alamat, Tempat_Lahir, Tanggal_Lahir, No_HP, Pekerjaan, Gender, Email, Nama_Ibu, filename)

        log.Println("INSERT INTO employee(NIK, Nama, Username, Password, Alamat, Tempat_Lahir, Tanggal_Lahir, No_HP, Pekerjaan, Gender, Email, Nama_Ibu, File) VALUES (" + NIK + ", " + Nama + ", " + Username + ", " + Password + ", " + Alamat + ", " + Tempat_Lahir + ", " + Tanggal_Lahir + ", " + No_HP + ", " + Pekerjaan + ", " + Gender + ", " + Email + ", " + Nama_Ibu + ", " + filename + ")")
    }
    defer db.Close()
    http.Redirect(w, r, "/", 301)
}

Ctrl+S, untuk import package yang diperlukan.

Kemudian, kita atur kode agar template kita berjalan. Buat variable tmpl sebelum func dbConn:

main.go

var tmpl = template.Must(template.ParseGlob("form/*"))

Buat fungsi untuk menjalankan template 'New'.

main.go

func New(w http.ResponseWriter, r *http.Request) {

    tmpl.ExecuteTemplate(w, "New", nil)

}

Akhirnya, buat fungsi utama untuk mengatur semua handler:

main.go

func main() {
    log.Println("Server started on: http://localhost:9999")
    http.HandleFunc("/new", New)
    http.HandleFunc("/insert", Insert)
    http.ListenAndServe(":9999", nil)
}

Disini kita buat log agar saat kita jalankan aplikasi, terminal akan memberitahukan kita bahwa server berhasil berjalan di port yang kita inginkan. Atur handler dengan menetapkan alamat internetnya dan fungsi yang dipanggil. Terakhir, kode untuk menjalankan server.

Oke, jalankan server melalui perintah terminal 'go run main.go'. Jika berhasil, maka terminal akan membalas dengan log

Terminal

PS D:\Work\Tutorial\postgre> go run main.go
2023/06/15 15:44:44 Server started on: http://localhost:9999

Buka browser, dan pergi ke alamat http://localhost:9999/new. Jika berhasil, maka hasilnya akan sama dengan tes html yang kita buat di front-end. Isi formulir dan klik 'save user'. Kita akan menemukan '404 not found'. Tapi ini kita tidak masalah, karena kita memang belum mengatur halaman home yang otomatis dituju ketika kita selesai mengisi formulir. Yang penting itu log terminal, dia akan menunjukkan database berhasil terisi atau tidak. Jika berhasil, maka dia akan membalas dengan:

Terminal

2023/06/15 15:36:23 INSERT INTO employee(NIK, Nama, Username, Password, Alamat, Tempat_Lahir, Tanggal_Lahir, No_HP, Pekerjaan, Gender, Email, Nama_Ibu, File) VALUES (33, 333, 333, 352353, 33, 33, 2023-06-11, 33, 33, 33, 33, 33, 33.jpg)

Untuk mengecek apakah database benar-benar terisi, anda bisa cek TablePlus (refresh).

Masih bingung apa yang sebenarnya terjadi? Mari saya jelaskan!
Pertama, fungsi main menjalankan server dengan perintah 'ListenAndServe'. 'http.HandleFunc("/new", New)' akan membuat 'http://localhost:9999/new' bisa diakses dengan memanggil fungsi 'New'. Reaksi berantai pun terjadi:

Demikian, fungsi 'Create' berhasil kita buat!

Terakhir, untuk mempermudah transfer knowledge dan rollback, maka main.go akan saya copy, rename menjadi main-v2.go, select all kecuali package kemudian ctrl+/ untuk merubahnya menjadi komentar. Jadi jika anda baru mempelajari tahap ini, anda tidak akan bingung saat anda mengecek repository yang sudah lengkap hingga tahap akhir. Cukup cek file-file v2. Proses rollback juga akan jadi lebih mudah

Repository/source code: https://github.com/JaisySymuri/postgre

"Create" dan "Upload" di Golang Postgres: Front-end

JaisySymuri — Thu, 15 Jun 2023 09:24:46 +0000

Cek file-file v2
Repository/source code: https://github.com/JaisySymuri/postgre

Buat mana dulu, back-end atau front-end? Sebenarnya ini adalah perdebatan sepanjang masa layaknya ayam vs telur. Untuk lebih jelas anda bisa google sendiri. Namun sebagai pemula, saya rasa membuat front-end lebih dulu akan membuat hasil jadi aplikasi lebih mudah untuk dibayangkan.

Untuk membuat front-end, kita bisa langsung membuat html-nya atau menggunakan template. HTML lebih mudah dibuat karena didukung IDE, jadi ada auto-complete dan diberi indikator warna dan error. Template lebih susah dibuat karena setahu saya tidak ada dukungan apapun. Akan tetapi, template akan membuat aplikasi jadi lebih ringan, terutama jika aplikasi memiliki banyak css dan javascript, serta jika halaman-halaman aplikasi ada bagian yang sama.

Insert "Why not both?.jpg" here

Jadi, agar mudah saya akan membuat dengan html sampai front-end terlihat bagus. Kemudian baru di copy-paste di tmpl files. Saat aplikasi sudah jadi, semua html bisa kita hapus/pindahkan ke archieve karena sudah tidak terpakai lagi. Aplikasi jadi mudah dibuat dan ringan.

Oke, pertama buat folder baru untuk menampung SEMUA html files yaitu "html". Kemudian buat folder lagi untuk menampung SEMUA template files, yaitu 'form'.

Di folder html, buat 'new.html':

html/new.html


<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Golang Postgres</title>

  <!-- Compiled and minified CSS -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">

  <!-- Compiled and minified JavaScript -->
  <script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>

  <script>

  </script>


</head>
<body>
<nav>
    <div class="nav-wrapper">
      <a href="#" class="brand-logo">Golang Postgres</a>
      <ul id="nav-mobile" class="right hide-on-med-and-down">
        <li><a href="/">HOME</a></li>
        <li><a href="/new">NEW</a></li>
        <li><a href="/files">FILES</a></li>
        <li><a href="/search">SEARCH</a></li>
      </ul>
    </div>
  </nav>

  <h2>New Profile</h2>  
  <form method="POST" action="insert" enctype="multipart/form-data">
    <label> NIK </label><input type="text" name="NIK"   /><br />
    <label> Nama </label><input type="text" name="Nama"  /><br />
    <label> Username </label><input type="text" name="Username"  /><br />
    <label> Password </label><input type="password" name="Password"   /><br />
    <label> Alamat </label><input type="text" name="Alamat" /><br />
    <label> Tempat_Lahir </label><input type="text" name="Tempat_Lahir"   /><br />
    <label> Tanggal_Lahir </label><input type="date" name="Tanggal_Lahir"   /><br />
    <label> No_HP </label><input type="number" name="No_HP" /><br />
    <label> Pekerjaan </label><input type="text" name="Pekerjaan" /><br />
    <label> Gender </label><input type="text" name="Gender"  /><br />
    <label> Email </label><input type="text" name="Email"  /><br />
    <label> Nama_Ibu </label><input type="text" name="Nama_Ibu"  /><br />
     <label>The file :</label>
          <input type="file" name="file" required /><br />

          <label>Rename to :</label>
          <input type="text" name="alias" /><br />

    <input type="submit" value="Save user" />
  </form>

</body>
</html>

Penjelasan:

berisi alamat library dari CSS & JavaScript yang kita import. Jadi tinggal dipanggil saja nanti saat membuat .
Berisi menu bar. Jadi rencananya, di setiap halaman aplikasi kita akan memiliki menu bar ini. Isinya adalah:

Golang Postgres, logo aplikasi.

HOME, halaman utama aplikasi.

NEW, halaman untuk membuat profile user baru.

FILES, halaman untuk menampilkan file-file yang sudah diupload dan untuk mendownloadnya.

SEARCH, halaman untuk mencari user tertentu.

Buat judul halaman, 'New Profile'
Buat formulir berisi kolum-kolum yang sesuai dengan table yang kita buat sebelumnya. Isi formulir akan dikirim ke 'insert'. Untuk memudahkan, semua label kita pilih type-nya text, kecuali password, tanggal lahir, dan file.

Test

Untuk pengecekkan di VScode, kita gunakan ekstensi Live Server. Klik 'Go Live" di bagian bawah window VS code... voila!

Cantik sekali. Oke, sekarang kita buat templatenya. Di folder 'form' buat file baru 'Header.tmpl'. Disana kita definisikan template Header dengan cara menulis {{ define "Header" }} dan {{ end }}. Mereka adalah syntax yang menandakan awal dan akhir dari template. Kemudian copy-paste isi 'new.html' dari awal sampai akhir dari menu bar. Hasilnya, isi dari 'Header.tmpl' adalah seperti ini:

form/Header.tmpl

{{ define "Header" }}

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Golang Postgres</title>

  <!-- Compiled and minified CSS -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">

  <!-- Compiled and minified JavaScript -->
  <script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>

  <script>

  </script>


</head>
<body>
<nav>
    <div class="nav-wrapper">
      <a href="#" class="brand-logo">Golang Postgres/a>
      <ul id="nav-mobile" class="right hide-on-med-and-down">
        <li><a href="/">HOME</a></li>
        <li><a href="/new">NEW</a></li>
        <li><a href="/files">FILES</a></li>
        <li><a href="/search">SEARCH</a></li>
      </ul>
    </div>
  </nav>

{{ end }}

Kemudian, kita buat footernya, 'Footer.tmpl'. Kita definisikan Footer dan isi dengan penutup body dan html:

form/Footer.tmpl

{{ define "Footer" }}

</body>
</html>

{{ end }}

Sangat singkat, karena memang hanya untuk penutup.

Buat file baru lagi, 'New.tmpl'. Kita definisikan template 'new', isi dengan memanggil template 'Header' dan 'Footer', caranya dengan mengetik {{ template "nama_template" }}. Diantara dua template tersebut, isi dengan copy-paste isi new.html dari '<h2>New Profile</h2>' sampai akhir dari '</form>'.

form/New.tmpl

{{ define "New" }}
  {{ template "Header" }}
   <h2>New Profile</h2>  
    <form method="POST" action="insert" enctype="multipart/form-data">
      <label> NIK </label><input type="text" name="NIK"   /><br />
      <label> Nama </label><input type="text" name="Nama"  /><br />
      <label> Username </label><input type="text" name="Username"  /><br />
      <label> Password </label><input type="password" name="Password"   /><br />
      <label> Alamat </label><input type="text" name="Alamat" /><br />
      <label> Tempat_Lahir </label><input type="text" name="Tempat_Lahir"   /><br />
      <label> Tanggal_Lahir </label><input type="date" name="Tanggal_Lahir"   /><br />
      <label> No_HP </label><input type="number" name="No_HP" /><br />
      <label> Pekerjaan </label><input type="text" name="Pekerjaan" /><br />
      <label> Gender </label><input type="text" name="Gender"  /><br />
      <label> Email </label><input type="text" name="Email"  /><br />
      <label> Nama_Ibu </label><input type="text" name="Nama_Ibu"  /><br />
       <label>The file :</label>
            <input type="file" name="file" required /><br />

            <label>Rename to :</label>
            <input type="text" name="alias" /><br />

      <input type="submit" value="Save user" />
    </form>
  {{ template "Footer" }}
{{ end }}

Repository/source code: https://github.com/JaisySymuri/postgre

Membuka Koneksi ke Postgres Database dengan Golang

JaisySymuri — Thu, 15 Jun 2023 09:21:13 +0000

Cek file-file v1

Repository/source code: https://github.com/JaisySymuri/postgre

Buat project baru (ex: postgre), kemudian di terminal ketik "go mod init " yang dilanjutkan dengan yang anda inginkan. Biasanya nama folder project tersebut atau alamat git.

go mod init postgre

Untuk belajar sendiri cukup pakai nama folder saja, namun jika anda berniat membagikan project anda, lebih baik menggunakan alamat git.

 go mod init github.com/JaisySymuri/postgre

Di tutorial ini karena saya tidak akan memanggil fungsi dari folder lain, maka tidak akan ada bedanya antara nama folder atau alamat git. Tapi jika anda memanggil fungsi dari , maka akan ada perbedaan di bagian import.

import (
    "postgre/folder_lain"   
)

import (
    "github.com/JaisySymuri/postgre/folder_lain"    
)

IDE VScode ataupun GoLand cukup pintar untuk mendeteksi package apa yang anda butuhkan dan otomatis import sendiri. Namun jika ada salah import atau IDE tidak bisa mendeteksi package yang dibutuhkan, anda perlu menambahnya secara manual.

Oke, selanjutnya buat file main.go dengan package main. Kemudian masukkan kode berikut:

package main

// const berisi variable database yang ingin kita hubungi
const (
    host     = "localhost"
    port     = 9393
    user     = "postgres"
    password = "Sandhiguna"
    dbname   = "tutorial"
)

// dbConn berfungsi untuk menghubungi database
func dbConn() (db *sql.DB) {
    psqlconn := fmt.Sprintf("host=%s port=%d user=%s password=%s dbname=%s sslmode=disable", host, port, user, password, dbname)

    db, err := sql.Open("postgres", psqlconn)
    if err != nil {
        log.Fatal("Could not connect to the database:", err)
    }

    return db
}

Di VScode, jika anda tekan Ctrl+S, IDE akan otomatis import package yang dibutuhkan. Di GoLand, anda tidak perlu lakukan apa-apa dan dia import otomatis.

Untuk database package sudah terimport secara otomatis, yaitu "database/sql". Namun itu tidak cukup, juga perlu import drivernya

go get github.com/lib/pq

kemudian di import kita tambahkan sendiri nama drivernya. Karena fungsi driver sendiri tidak digunakan, kita hanya perlu inisiasinya saja, maka kita perlu memambah tanda "_" di sebelum driver. Seperti ini:

import (
    "database/sql"
    "fmt"
    "log"
    _ "github.com/lib/pq"
)

"psqlconn" adalah variable yang menggabungkan constanta yang kita tulis sebelumnya. Kemudiang kita menggunakan fungsi "Open" milik package "sql" untuk membuka koneksi. Kemudian atur penanganan error dan return

Unit Test

Untuk mengecek apakah koneksi benar-benar terhubung, kita akan menggunakan unit test. Buat folder baru dengan nama "test" dan buat file "connection_test.go" dengan package test. Perlu diingat, file unit test wajib berakhiran "_test.go". Copy Paste code sebelumnya dan edit sedikit seperti berikut:

const (
    host     = "localhost"
    port     = 9393
    user     = "postgres"
    password = "Sandhiguna"
    dbname   = "tutorial"
)

func TestDbConn(t *testing.T) {
    psqlconn := fmt.Sprintf("host=%s port=%d user=%s password=%s dbname=%s sslmode=disable", host, port, user, password, dbname)

    db, err := sql.Open("postgres", psqlconn)
    if err != nil {
        log.Fatal("Could not connect to the database:", err)
    }

    db.Close()
}

Ubah nama fungsi dan ganti return di bagian bawah sebagai db.Close. Tambahkan driver secara manual di import seperti sebelumnya. Di VS code, clik tombol play berwarna hijau disamping fungsi test, jika berhasil akan keluar output seperti ini:

=== RUN   TestDbConn
--- PASS: TestDbConn (0.00s)
PASS
ok      github.com/JaisySymuri/postgre/test     1.010s

Terakhir, untuk mempermudah transfer knowledge dan rollback, maka main.go akan saya copy, rename menjadi main-v1.go, select all kecuali package kemudian ctrl+/ untuk merubahnya menjadi komentar. Jadi jika anda baru mempelajari tahap ini, anda tidak akan bingung saat anda mengecek repository yang sudah lengkap hingga tahap akhir. Cukup cek file-file v1. Proses rollback juga akan jadi lebih mudah

Repository/source code: https://github.com/JaisySymuri/postgre

Membuat Database dan Table Postgres

JaisySymuri — Thu, 15 Jun 2023 09:13:05 +0000

Buka SQL shell (psql). Akan ditanyakan apa server, database, port, username dan password-nya. Jika default, bisa langsung enter-enter saja sampai ditanyakan password, baru masukkan password. Buat database baru. Caranya ketik

CREATE DATABASE 'nama_database'

Perlu diingat, postgre case sensitive tidak seperti mysql. Jika berhasil terminal akan membalas dengan

CREATE DATABASE

Contoh, saya akan membuat sebuah database baru dengan nama "tutorial":

postgres=# CREATE DATABASE tutorial;
CREATE DATABASE

Untuk mengecek dan benar-benar memastikan bahwa database baru sudah ada ketik:

\l

Contoh:

postgres=# \l
                                                List of databases
   Name    |  Owner   | Encoding |          Collate          |           Ctype           |   Access privileges
-----------+----------+----------+---------------------------+---------------------------+-----------------------
 pegawai   | postgres | UTF8     | Indonesian_Indonesia.1252 | Indonesian_Indonesia.1252 |
 postgres  | postgres | UTF8     | Indonesian_Indonesia.1252 | Indonesian_Indonesia.1252 |
 template0 | postgres | UTF8     | Indonesian_Indonesia.1252 | Indonesian_Indonesia.1252 | =c/postgres          +
           |          |          |                           |                           | postgres=CTc/postgres
 template1 | postgres | UTF8     | Indonesian_Indonesia.1252 | Indonesian_Indonesia.1252 | =c/postgres          +
           |          |          |                           |                           | postgres=CTc/postgres
 tutorial  | postgres | UTF8     | Indonesian_Indonesia.1252 | Indonesian_Indonesia.1252 |
(5 rows)

Untuk membuat table, bisa langsung ketik query saja di terminal atau menggunakan aplikasi "TablePlus". Saya memakai TablePlus agar kedepannya lebih mudah. Install dan buka TablePlus dan klik simbol "+" untuk membuat koneksi baru. Pilih PostgreSQL.

Masukkan Name (nama koneksi, terserah apa saja), Host, Port, User, Password, dan Database (sesuai yang sudah dibuat) sisanya biarkan default. Kemudian klik Connect

Di bar samping, klik tab Queries dan buat query baru. Masukkan name query dan klik save.

Di tab query yang baru dibuat, masukkan query CREATE TABLE. Sebagai contoh, saya akan membuat table dengan nama "Employee":

CREATE TABLE Employee (
    ID_Pegawai serial primary key,
    NIK varchar(512),
    Nama varchar(512),
    Username varchar(512) unique,
    Password varchar(512),
    Alamat varchar(512),
    Tempat_Lahir varchar(512),
    Tanggal_Lahir date,
    No_HP bigint,
    Pekerjaan varchar(512),
    Gender varchar(512),
    Email varchar(512),
    Nama_Ibu varchar(512),
    updated_at timestamp default current_timestamp,
    created_at timestamp default current_timestamp
);

Select semuanya (Ctrl + A) dan klik "Run Current". Refresh, maka di menu samping di tab Items, dibawah Tables akan muncul table yang baru saja kita buat

Kita bisa melihat deskripsi table dengan menklik tombol "Structure" di bagian bawah

Untuk menghapus table, cukup klik kanan di Table employee, klik delete, refresh, dan commit.

Kita buat table baru, tapi kali ini ditambah file varchar(512) setelah Nama_Ibu

CREATE TABLE Employee (
    ID_Pegawai serial primary key,
    NIK varchar(512),
    Nama varchar(512),
    Username varchar(512) unique,
    Password varchar(512),
    Alamat varchar(512),
    Tempat_Lahir varchar(512),
    Tanggal_Lahir date,
    No_HP bigint,
    Pekerjaan varchar(512),
    Gender varchar(512),
    Email varchar(512),
    Nama_Ibu varchar(512),
    File varchar(512),
    updated_at timestamp default current_timestamp,
    created_at timestamp default current_timestamp
);