Home
Button Mobile Webdesign em Foco
Newsletter Webdesign em Foco
Support Webdesign em Foco
Contribuition Webdesign em Foco
Doe para a Webdesign em Foco
Suporte da Webdesign em Foco
Fechar

CRUD NodeJS - #07 Update

23/09/2019

Na aula de hoje trataremos do update no CRUD do nosso sistema com NodeJS.

Update com NodeJS

Primeiramente iremos criar nossa rota da página update e do controllerUpdate.

app.get("/update/:id",function(req,res){
    sql.query("select * from user where id=?",[req.params.id],function(err,results,fields){
        res.render('update',{id:req.params.id,name:results[0].name,age:results[0].age});
    });
});
app.post("/controllerUpdate",urlencodeParser,function(req,res){
   sql.query("update user set name=?,age=? where id=?",[req.body.name,req.body.age,req.body.id]);
   res.render('controllerUpdate');
});

Na rota update criaremos um formulário igual a da rota inserir, porém recebendo os valores vindos do banco e com um input id hidden.

<form name='form1' action='/controllerUpdate' method='post'>
    <input type='hidden' name='id' id='id' placeholder='Id:' value='{{id}}'><br>
    <input type='text' name='name' id='name' placeholder='Name:' value='{{name}}'><br>
    <input type='text' name='age' id='age' placeholder='Age:' value='{{age}}'><br>
    <input type='submit' name='btnSubmit' id='btnSubmit' value='Update'><br>
</form>

E por fim faremos o controllerUpdate com uma mensagem simples:

<h1>Dados atualizados com sucesso!</h1>

Na próxima aula veremos o deploy da nossa aplicação no Heroku. Fique Ligado!

Receba as aulas da Webdesign em Foco em Seu Email
Suporte Webdesign em Foco

Posts Relacionados

CRUD NodeJS - #06 Delete
Na aula de hoje trataremos a parte de deletar dados no banco de dados utilizando o NodeJS.
Saiba mais!
CRUD NodeJS - #08 Deploy I
No tutorial de hoje iniciaremos o deploy da nossa aplicação criada em NodeJS para o servidor Heroku.
Saiba mais!
Crud
Nesse curso aprenderemos como desenvolver uma ClassCrud com conexão ao banco de dados mysql através dos conectores PDO e MYSQLi.
Saiba mais!