Selasa, 29 Oktober 2019

Cara membuat Connection NodeJs ExpressJs with MongoDB & Insomnia/postman

Langkah awal install melalu terminal

1.npm init untuk membuat package.json
2.npm install express body-parser mongoose untuk membuat file node module
serta menghubungkan express dengan mongodb

buat file app.js contohnya dinawah ini


const express = require('express');
const bodyParser = require('body-parser');
const db = require('./db/mongodb'); //menambahkan filse mongodb

const app = express();

app.use(bodyParser.urlencoded({extended:false}));

//cek connection http://localhost:3000
app.get('/', (req, res) => {
res.json({pesan :"hi!"})
})

//buat root untuk crud nya dimulai dengan post
app.post('/crud', (req, res) => {
//untuk menambahkan ke databse
let crud = new db.crud();
crud.nama = req.body.nama;
crud.umur = req.body.umur;
//kemudian di save jangan lupa muncukkan pesan
crud.save((err, data) => {
if(err){
console.log(err);
}else{
res.json({pesan : "berhasil menambahkan data"});
}
});
})



//membuat root untuk menampilkan data
app.get('/crud', (req, res) => {
db.crud.find({}).then((data)=>{
res.json(data);
})
})


//sekarang kita buat unutk mengupdate data menggunakan metode put(update)
//kemudian mengambil parameter id dan disamakan dengan database
app.put('/crud/:id', (req, res)=>{
db.crud.update({_id:req.params.id}, req.body).then(()=>{
res.json({pesan : "berhasil update data"})
});
});


//menghapus data
app.delete('/crud/:id', (req, res)=>{
db.crud.remove({_id:req.params.id}, req.body).then(()=>{
res.json({pesan : "berhasil menghapus data"})
});
});




app.listen(3000, ()=>{
console.log('port 3000');
})
jalankan perintah diterminal dengan node app.js kemudian masuk ke insomnia
/postman
isi form urlencoded sesuai value nama dan umur dan jika berhasil maka
tampilannya akan seperti ini
lalu pilih post di url http://localhost:3000/crud



untuk menamplkan hasil inputan maka masuk ke server yang sama namun melalui
metode GET http://localhost/crud maka akan tampil inputan yang diisi tadii
seperti ini




untuk mengupdate dan delete harus menyertakan id di url
misal htpp://localhost:3000/5d7eff56665f6 seperti itu



//ini kode untuk koneksi ke mongodb nya

const mongoose = require('mongoose');

mongoose.connect('mongodb://localhost/crud', {useMongoClient : true});

const db = mongoose.connection;

db.on('error', ()=> console.log('database error'));
db.once('open', ()=> console.log('database connected'));

let crudSchema = mongoose.Schema({
nama: String,
umur: Number
});

exports.crud =mongoose.model('crud', crudSchema);



ini file package.json

{
"name": "newnodejs",
"version": "1.0.0",
"description": "crud with mongodb",
"main": "app.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "nodemon app.js"
},
"author": "",
"license": "ISC",
"dependencies": {
"body-parser": "^1.19.0",
"express": "^4.17.1",
"mongoose": "^5.7.11",
"nodemon": "^1.19.4"
}
}






















oke bro mungkin itu aja yang bisa saya smapaikan mohon maaf jika kurang jelas
dalam penyampaiannya karna syaa sendiri juga baru belajar di CRUD nodejs with
mongodb ini. semoga bermanfaat salam koding dan jangan lupa titik koma :)


@BgMaestro

Senin, 28 Oktober 2019

Query database in mongoDB (insert and delete databse/collection)

Make a Database Collection in MongoDB (Insert Delete)



untuk masuk ke database menggunakan syntax use dbs

//to create database
use namaDatabase maka akan otomatis dibuatkan jika tidak ada

//to show database
show dbs

melihat daftar nama database


//make a collection and input(isi nilai database)
//collection == tabel

db.namaColection.insert({username : "wawan", password:"123"});

mencari nama collection spesifik
db.namaCollections.find({nama:"wawan", password:"123"}).pretty()


untuk mencari nilai keduanya menggunakan
db.users.find({usernmame:"wawan", password:"123"})

$or untuk mencari yang username ada atau password yang memenuhi
db.users.find({ $or: [{password:"123"},{username:"wawan"}] })



//to show collection
show collection

//to drop collection
db.namaCollection.drop()

//to drop database(masuk ke database dulu)
db.dropDatabase()


CARA UPDATE ISI COLLECTION/TABEL
db.users.update({username:"wawan"}, {$set:{umur:21}});


CARA REMOVE COLLECTION/TABEL
db.users.remove({username:"wawan"});



Cara untuk mencari nilai tertentu, misal mencari user yang umurnya lebih dari 20 menggunakan query greter then ($gt)

db.users.find({umur:{$gt:20}})

hasil -->"_id" : ObjectId("5db6f0ba0ac4b5d8660571d4"),
        "username" : "wawan",
        "password" : "123",
        "umur" : 22,
        "status" : "mahasiswa"

Dan untuk mencari nilai yang lebih kecil dari menggunakan query last the ($lt)
db.users.find({umur:{$gt:25}})

hasil --> 
         "_id" : ObjectId("5db6f0ba0ac4b5d8660571d4"),
        "username" : "wawan",
        "password" : "123",
        "umur" : 22,
        "status" : "mahasiswa"



GoodJob

~maestro~




Jumat, 11 Oktober 2019

Toggle Di ReactJS

          Hi apa kabar semuanya salam koding, ini tread pertama gua dalam belajar pemrograman, oiya btw disini gua lagi belajar ReactJS ya salah satu framework javascript yang paling populer. ada juga framework lain seperti Vue js, Angular Js dll. kenapa saya pakai ReactJS kenapa gak pakai framework lain? alasan pertama karna ada teman programmer yang bisa untuk ditanya hehe :D dahlah males langsung aja
disini gua mau ngasih tutorial membuat toogle status dengan React JS ya kaya kalau di klik bisa ON OFF fungsi gitu hehe

1.Buat komponen class dengan nama bebas, disini saya pakai nama komponen Toggle






















Ket :

  1. this.handleClick = this.handleClick.bind(this)  

   cara binding seperti ini diperlukan unutk membuat this dapat berfungsi pada callback 

binding


  1. handleClick(){  
  2.      this.setState((state)=>({  
  3.          toggleStatus : !state.toggleStatus  
  4.      }))  
  5.  }  

    Membuat fungsi ketika diklik jalankan aksi,  toggleStatus : !state.toggleStatus  

maksudnya nilai kebalikan dari toggleStatus, kita deklarasukan diatas nilai 

toggleStatus: true, berarti ! kebalikannya

  1. <button onClick={this.handleClick}>  
  2.            {this.state.toggleStatus ? 'ON''OFF'}  
  3.            </button>  
kemudian kita render menggunakan fungsi ES6, Jadideeh :D

sekian untuk informasi kali ini sampai jumpa di tread selanjutnya. Happy Coding!