Iniciando Node.js parte 2

 

    Antes de continuarmos o processo, devemos falar sobre o padrão MVC, este padrão separa as funcionalidades entre Model, View e Controle, ou seja, ele organiza em pastas o que será visto, o que estará controlando o que será visto e a relação entre estes dois, no caso o front end e o back end organizando os arquivos e facilitando mudanças futuras e específicas, ao invés de termos um único arquivo javascript extenso e não muito produtivo.

•   Com isso reiniciaremos nosso passo a passo, criando uma pasta src, dentro dessa pasta criamos mais três pastas com o nome 

• dentro da pasta controller criaremos um arquivo chamo app.js ou para alguns custom-express.js, vai de sua preferencia

• Nesse arquivo ficarão todos os requires

• Se observarmos acima, transferimos o express, instalamos o body-parser e o consign, duas ferramentas que facilitarão nossas vidas, o body-parser irá percerber nossos arquivos estáticos, como o css, para isso chamamos ele com o app.use acima e o local em que esses arquivos se encontram que no caso é 'src/view', o consign incluirá as rotas que indicarmos para que o expresse seja utilizado usando o module.exports que no final foi colocado entre chaves para exportar mais de um objeto;

• La no arquivo server.js você modifica chamando o arquivo costume-express.js no lugar do express, assim:

• após isso criaremos um arquivo chamado routes.js na pasta view (para mim ficou mais fácil),que será o arquivo que guardará as nossas rotas. As principais e que inicialmente devemos aprender são as rotas GET e POST, a qual a primeira informa o que foi pedido e a segunda posta, a exemplo:

• Por causa do consign e o include da rota em questão poderemos usar esse método, chamando as rotas get e post, a rota get como diz '/' será vista no localhost inicial e o arquivo que será apresentado vai ser o que a tag res.sendFile() anunciou, no caso o arquivo login.html, que fica '/login/login.html', e a tag _dirname com o + resume todas as pastas anteriores a /login, não precisando assim, chamar todas as pastas desde o início. O app.post ja nos direciona ao localhost/post caso nosso processo futuro de postar algo irá mandar essa msg 'foi salvo' nesse caso.