CRUD Node Js MongoDb dengan Bootstrap studi kasus data mahasiswa Part 1 - Hallo sahabat Dev-Create, Pada Artikel yang anda baca kali ini dengan judul CRUD Node Js MongoDb dengan Bootstrap studi kasus data mahasiswa Part 1, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan
Artikel crud nodejs mongodb,
Artikel crud nodejs mongodb bootstrap,
Artikel membuat crud dengan nodejs dan mongodb,
Artikel tutorial mongodb indionesia,
Artikel tutorial nodejs indonesia, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.
Judul : CRUD Node Js MongoDb dengan Bootstrap studi kasus data mahasiswa Part 1
link : CRUD Node Js MongoDb dengan Bootstrap studi kasus data mahasiswa Part 1
Pada tutorial sebelumnya kita sudah membuat CRUD juga, namun belum menggunakan markup language yaitu html dan css yang biasa kita gunakan. Nah pada kesempatan kali ini saya akan membuatnya dengan Bootstrap Framework agar lebih mudah dan cepat. Tutorial ini lumayan panjang karena sangat komplit dari installasi packages yang dibutuhkan, membuat database mongodb beserta collectionnya, templating dan konfigurasi bootstrap tentunya.
Pada tutorial kali ini kita akan membuat langkah-langkah umum yaitu :
"sudo npm install express-generator -g"
Anda sekarang membaca artikel CRUD Node Js MongoDb dengan Bootstrap studi kasus data mahasiswa Part 1 dengan alamat link https://dev-create.blogspot.com/2020/03/crud-node-js-mongodb-dengan-bootstrap.html
Judul : CRUD Node Js MongoDb dengan Bootstrap studi kasus data mahasiswa Part 1
link : CRUD Node Js MongoDb dengan Bootstrap studi kasus data mahasiswa Part 1
CRUD Node Js MongoDb dengan Bootstrap studi kasus data mahasiswa Part 1
Pada tutorial sebelumnya kita sudah membuat CRUD juga, namun belum menggunakan markup language yaitu html dan css yang biasa kita gunakan. Nah pada kesempatan kali ini saya akan membuatnya dengan Bootstrap Framework agar lebih mudah dan cepat. Tutorial ini lumayan panjang karena sangat komplit dari installasi packages yang dibutuhkan, membuat database mongodb beserta collectionnya, templating dan konfigurasi bootstrap tentunya.
Pada tutorial kali ini kita akan membuat langkah-langkah umum yaitu :
- Install Express.js untuk kerangka aplikasinya beserta packages lain seperti body parser, cookie parser, ejs, path dan sebagainya.
- Membuat database kampus dengan collection mahasiswa. Nah yang akan di CRUD kan adalah data mahasiswa.
- Membuat konfigurasi routes dan view
- Konfigurasi dengan bootstrap tentunya
Baiklah itu adalah 4 langkah umum yang akan kita buat. Sekarang kita akan memulai langkah pertama :
Langkah 1 :
Arahkan folder ke Documents pada ubuntu anda dengan mengetik pada terminal
"cd/Documents"
Langkah 2 :
Seperti pada tutorial sebelumnya kita install express generator
"sudo npm install express-generator -g"
Tunggu hingga proses installasi selesai
Langkah 3 :
Sekarang kita buat folder aplikasi dengan nama "crudapps"
Langkah 3 :
Sekarang kita buat folder aplikasi dengan nama "crudapps"
"express crudapps -e"
Langkah 4 :
Pindahkan folder ke crudapps
"cd crudapps"
Langkah 5 :
Instalkan npm pada apps anda
"npm install"
Langkah 6 :
Jalankan server
"npm start"
Langkah 7 :
Test pada browser anda dengan mengetikan alamat "localhost:3000" Jika anda menemukan text "Express Welcome to Express" berarti anda sudah berhasil membuat app nya.
Langkah 8:
Install nodemon agar kita mudah dalam autostart server
"sudo npm install -g nodemon"
Langkah 9:
Sekarang anda cukup mengetikan "nodemon" ketika ingin menstart server
Langkah 10 :
Install express validator form
"npm install express-validator -save"
Langkah 11 :
Install Body Parser
"npm install body-parser -save"
Langkah 12 :
Install method overide
"npm install method-override -save"
Langkah 13 :
Install express flash
"npm install express-flash -save"
Langkah 14 :
Install cookie parser
"npm install cookie-parser -save"
Langkah 15 :
Install express session
"npm install express-session -save"
Langkah 16 :
Install ejs untuk templating
"npm install ejs -save"
langkah 17 :
Install MongoDb module
"npm install mongodb -save"
Langkah 18 :
Install Mongo db express
"npm install express-mongo-db -save"
Langkah 4 :
Pindahkan folder ke crudapps
"cd crudapps"
Langkah 5 :
Instalkan npm pada apps anda
"npm install"
Langkah 6 :
Jalankan server
"npm start"
Langkah 7 :
Test pada browser anda dengan mengetikan alamat "localhost:3000" Jika anda menemukan text "Express Welcome to Express" berarti anda sudah berhasil membuat app nya.
Langkah 8:
Install nodemon agar kita mudah dalam autostart server
"sudo npm install -g nodemon"
Langkah 9:
Sekarang anda cukup mengetikan "nodemon" ketika ingin menstart server
Langkah 10 :
Install express validator form
"npm install express-validator -save"
Langkah 11 :
Install Body Parser
"npm install body-parser -save"
Langkah 12 :
Install method overide
"npm install method-override -save"
Langkah 13 :
Install express flash
"npm install express-flash -save"
Langkah 14 :
Install cookie parser
"npm install cookie-parser -save"
Langkah 15 :
Install express session
"npm install express-session -save"
Langkah 16 :
Install ejs untuk templating
"npm install ejs -save"
langkah 17 :
Install MongoDb module
"npm install mongodb -save"
Langkah 18 :
Install Mongo db express
"npm install express-mongo-db -save"
Demikianlah Artikel CRUD Node Js MongoDb dengan Bootstrap studi kasus data mahasiswa Part 1
Sekianlah artikel CRUD Node Js MongoDb dengan Bootstrap studi kasus data mahasiswa Part 1 kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel CRUD Node Js MongoDb dengan Bootstrap studi kasus data mahasiswa Part 1 dengan alamat link https://dev-create.blogspot.com/2020/03/crud-node-js-mongodb-dengan-bootstrap.html
