RIFKI MUHAMMAD FAUZI
membuat tampilan form adalah hal dasar yang harus ada dalam pembuatan web
Pada kasus ini saya akan membuat sebuah form sederhana yang terintegrasi dengan mysql menngunakan node js
Membuat form sederhana menggunakan node.js
Langkah pertama install terlebih dahulu node js, visual code studio dan xampp
Selanjutnya bikin database sebagai penyimpanan data form,
Kita buat db_regist, dengan satu table table_regist
Selanjutnya kita Tentukan dimana sistem ini akan di buat,saya menyimpa di directory D dengan nama folder basic form regist
Selanjutnya kita install npm
Dengan buka terminal dan ketik perintah npm init. Jawab semua pertanyaan yang diajukan melalui terminal, mulai dari name, version, author, hingga lisensi dan ketika selesai kamu akan mendapatkan file package.json.
Masih di terminal yang sama, ketikan perintah untuk menginstall dependensi yang kita perlukan untuk membangun system
Selanjutnya kita bikin folder config dan di dalam nya kita bikin file database.js sebahgain conectifitas database dengan isian file sebgai berikut
Selanjuntya kita bikin file index.js dengan isian
File ini akan menjadi file inti atau file induk sekaligus juga merupakan file yang berfungsi untuk menjalankan sistem ini nantinya.
Selanjutnya kita Lanjut ke tahap pembuatan rute. Metode ini biasa disebut routing atau perutean terhadap sebuah sistem. Dimana kita akan membuat jalur-jalur apa saja yang tersedia untuk sistem ini ketika dijalankan kiat buat route regist
Pada router diatas dapat perhatikan bahwa setiap router akan memanggil controller berikut dengan fungsi didalamnya. Tentu saja jika ketika jalankan akan terjadi error karena belum terdapat file controller sama sekali.kita buat controller regist
Sekarang kita lanjut kebagian desain halaman untuk ditampilkan ke pada user melalui browser. DIsini seperti yang saya jelaskan diawal, kita akan menggunakan template engine EJS
Kita bikin file regist.ejs, saya menggunakan bantuan boostrap, silahkan teman teman bisa mengunduh file boostrap di google, berikut codingan body dalam file regist.ejs
Setelah kita test Buka kembali terminal tempat kamu menginstal dependensi kita test server kita ketik node index.js
Setelah muncul di terminal seperti diatas , kita test di broser dengan mengtik arahkan ke url http://localhost:5050/.
Diatas adalah tampilan dari koding yang buat