Express Js Recap

 Adding Middleware













App.use()

next => We use next to allow the middleware to travel to the next middleware, if no next than it will keep on spinning.

 To complete the request end it with res

Body Parser zeng

 If you don't use body-parser than we won't be able to parse the body from 

Using Middleware

First we will go to localhoste/add-product than after submission of form present there it will go to /product page and will redirect to home. We don't need to create route now like node js

However in the above it will also work for get reqeust we will limit it in the next ss


Express Router

Add a folder name route

Than add a file named admin.js in it

 Here we are exporting the router and this router is a object which containe /add-product and /product.

and best part is that it is a valid middleware function so we import it with app.use() and it will automatically get added.


ORDER MATTERS

If we use shopRouter above adminRouter it will never reach shoprouter as it can be only acccesed by admin Router 

positon matters when importing if we use app.get but not matter if we use app.use as it has app.send and also route matchs (sai lom if needed)

404 page


 Filtering Paths


 In this both have /admin ad the begginning than we can remove it and add /admin at index instead

 

 

 

Creating HTML 


 Servin html


 

nn

Comments

Post a Comment

Popular posts from this blog

Form Part 2

App.jsx import React , { useState } from 'react' ; const App = () => { const [ Name , setName ] = useState (); const [ Pass , setPass ] = useState (); const [ seename , seename1 ] = useState (); const [ seepass , seepass1 ] = useState (); const inputEvent = ( event ) => { setName ( event . target . value ); }; const inputEvent1 = ( event ) => { setPass ( event . target . value ); }; const onSubmit = ( event ) => { event . preventDefault (); seename1 ( Name ); seepass1 ( Pass ); } return ( < > < div > < form onSubmit = { onSubmit } > < h1 > Hello { seename } { seepass } </ h1 > < input type = "text" placeholder = "Enter your Name" value = { Name } ...
Read more

Event mini project by Thapa#33

 Index.jsx import React from 'react' import ReactDOM from 'react-dom' ; import "./index.css" ; import App from "./App" ; ReactDOM . render ( < App /> , document . getElementById ( "root" )); index.css * { margin : 0 ; padding : 0 ; } div { width : 100% ; height : 100vh ; background : rgb ( 221 , 39 , 221 ); display : flex ; flex-direction : column ; justify-content : center ; align-items : center ; } button { padding : 12px 20px ; background : #9b59b6 ; color : white ; border : 2px solid #ecf0f1 ; outline : none ; border-radius : 5px ; text-transform : uppercase ; cursor : pointer ; } app.jsx import React , { useState } from 'react' ; const App =() => { const Purple = "yellow" ; const Old = "Click Me" const [ bg , setBg ] = useState ( Purple ); const [ name , newName ] = useState ( Old ); const bgChange =() => { let ...
Read more

De-mystifying 'this' keyword of Javascript

 Hello today I will be talking about 'this' keyword of javascript.It is one of the most confusing term of javascript. Since it is quite a confusion thing I will be compiling stuffs based on the materials I have learnt from the internet so as to help myself in the future. 'this' keyword can be considered quite the literal this word is English alphabet atleast for the initial understanding. Let's consider a main table of a house. It will be termed in js langauge as this.table = "main table" If we console log window.table or this.table than we will be considering the main house's table console.log(window.table) //main table Now let consider the dinning table of the house. It will be  this.dinning={ table:"dinning table"} If we want to call it will be  this.dinning.table // dinning table   Now let consider a private room and in this case it will be a function and if we want to use there we can use as mentioned below let johnsroom = { table:'j...
Read more