questionando o servidor SQL com o nó.js

Let’s Get Started

i will assumed you have node.js instalado, mas se não, ele pode ser baixado aqui.

vamos começar por configurar o nosso nó.servidor web da js e a testá-lo. Em seguida, adicione um código semelhante ao anterior para se conectar e consultar a nossa base de dados do servidor SQL.

usaremos o framework de servidor Web minimalista para nó.js, expresso. Ele instala como um pacote npm.

tal como acontece com muitas coisas, há sempre mais a aprender por isso, quando eu o tiver digitar um comando, certamente leia mais sobre o comando e as suas opções.

a configurar

1. para o projecto, crie uma pasta / pasta.
2. abra o código Visual Studio (VSCode) e abra a pasta.
3. abre uma nova janela e tipo de Terminal,
   npm init
   aceita os valores por omissão para criar o seu pacote.json.4. Criar um arquivo em VSCode e salvá-lo como índice.js. Se vires o teu pacote.ficheiro json, irá ver onde poderá alterar o ficheiro “principal” por omissão.
   

   

   5. In the Terminal window type,
   start npm
This starts the node.servidor js.

   the Web Server

   In The Terminal window type,
   npm install express

   This installs the Web Framework.estamos prontos para o rock and roll!

   O núcleo do servidor Web é exigir o pacote expresso e atribuí-lo a um titular (variável ou const.) Todas as referências ao servidor Web serão através deste titular.

   temos de iniciar o servidor web e fazê-lo ouvir em uma porta HTTP, eu vou escolher 5000. 8080 é comum, apenas algo disponível.

   queremos que o servidor web responda pelo menos a um método HTTP get. Isso permitirá o uso de “chutar os pneus” e certifique-se de que funciona. Há mais nos métodos HTTP aqui no MDN. Usaremos o GET e o POST.

   • GET é usado para recuperar de um recurso.
   • POST é usado para submeter a um recurso.

   introduza o seguinte código e discutiremos o assunto.

   Servidor de Web de Exemplo

   

   • requeremos o pacote expresso, armazenando a referência em Expresso por convenção, mas nomeá-lo como desejado.
   • inicialize uma instância de express, armazenando a referência na aplicação por convenção, mas nomeie – a como desejar.
   • na linha 11, Nós armazenamos uma referência para onde nosso servidor web estará escutando. Porto 5000.
   • na linha 5, usamos o HTTP GET with out instance do servidor web usando app.obter. Isto, por padrão, irá procurar obter dados do diretório raiz (‘/’). A função callback é muito importante, pois contém os objetos Request (req) e Response (res). Os nomes req e res são por convenção.

   O Pedido e resposta

   • o pedido virá do url do nosso navegador. Mais informações podem ser encontradas aqui.a resposta é a resposta a um pedido. Mais pode ser encontrado aqui.

   em poucas palavras, o nosso navegador fará um pedido e enviaremos uma resposta.

   Kick the Tires

   1. In VSCode, hit F5 (short for Start debuging in the Debug menu.) A sua consola deve ter a seguinte aparência.

   

   2. Vá ao seu navegador e digite LocalHost:5000 e carregue em Enter. Devias ver o seguinte.

   

   o seu navegador fez um pedido de obtenção e enviámos uma resposta usando res.send.

   Node SQL Server Connection

   (opcional se feito antes.) In the Terminal window, type
   npm install mssql
   This installs the SQL Server Drivers.

   exemplo da Base de dados

   Este é o mesmo código de partida exacto do meu artigo anterior, por isso não vou analisá-lo em detalhe. No entanto, a sua posição no objeto app será importante.

   um par de coisas para notar que será diferente de antes, após o nosso teste inicial,

   • a performance de nossos funcionários será enviado a partir de uma página Web (publicado.)
   • o resultado da consulta será saída para uma página web usando resposta.

   Database Connection / Query Example

   digite o código abaixo.

   algo importante a notar é que temos um servidor Web e uma conexão e Consulta de banco de dados. Mas eles não interagem. Ainda!

   

   Run it with by stopping and starting the web server or refreshing

   

   and you will see the web server is running e há saída de console dos dados da consulta. Mas não estamos recebendo nada do servidor web nem enviando nada para uma página web.

   

   O HTML

   precisamos de uma página para servir-se de quando o usuário vai para o nosso site. Esta página permitirá que eles enviem um parâmetro (executando) que pode ser usado na consulta de banco de dados.

   Nota: Não me vou preocupar em estilizar a nossa página web. Será simples e directo.

   também estamos guardando tudo na raiz. Uma boa prática? Nem pensar! Mas nós estamos indo para a funcionalidade. A limpeza pode acontecer mais tarde.

   1. crie as seguintes páginas web e dê-lhes o nome de índice.html e funcionários.galeria.
   • índice.html será a nossa principal página de código.Empregados.html será onde o nosso resultado acaba.

   

   Note the <form action=”/Employees…
   This is where our output will go.

   Add the following to Employees.html

   

   2. This next step is going to require a couple of things. Uma das quais é como eu estou escolhendo servir acima índice.galeria. Outras fontes que você leu podem entrar no roteamento. O encaminhamento é uma área muito importante, mas fora do nosso alcance. A nossa maneira é apenas uma de muitas maneiras. As novas adições ao nosso Código serão,

   • path — isto irá ajudar-nos a usar o res.sendFile para servidor do ficheiro que queremos quando um visitante chega ao nosso site.
   • bodyParser – torna os dados do formulário disponíveis uma vez que uma publicação é feita
   • sendFile — permite-lhe servir a página predefinida desejada.

   Faça as seguintes alterações em seu código,

   

   Executar com interrompendo e iniciando o servidor web ou refrescante. No seu navegador, após a atualização do navegador,você deve ver,

   

   Using the HTML Form Data In Our Query

   For this, we need to add an app.postar. Isto envolverá o que quisermos quando o índice.html for é publicado na página web.este é um passo importante. Nossa conexão e Consulta de banco de dados precisa estar dentro do aplicativo.post callback function.

   

   • A Linha 13 inicia a aplicação.postar. No corpo do callback estão os componentes do nosso banco de dados.
   • A linha 52 fecha a aplicação.postar.podemos estruturar tudo isto de forma diferente, Sim. Estou a fazê-lo desta forma para nos dar uma fundação que funcione. Então nós / você pode explorar outras opções
     

     usando os dados do formulário

     usando os dados do formulário será fácil.

     

     • Linha 35, obter os dados do formulário a partir do elemento Select. o bodyParser é que nos está a ajudar. req.corpo.elementname.
     • linha 37, a consulta, usa o valor do formulário.a linha 50 está a enviar os dados não pesquisados para os empregados.galeria.

     execute-o parando e iniciando o servidor web ou refrescando.

     1. vá para a sua página web e actualize.2. Escolha ” Média “da queda da classificação e clique em”obter resultados”

        3. Você deve obter saída em funcionários.galeria. Não é atraente, mas é um começo.

        

        agora temos uma ligação do nosso Front-End para o nosso Back-End para o nosso Front-End. Isto é importante.

        últimos passos — limpar a saída (um bit.)

        Esta é a parte mais fácil e mais difícil. Mais difícil porque há tantas opções. Nós vamos seguir com o básico do básico para termos um vislumbre do que está acontecendo lá no fundo.

        Esta é uma área que você vai querer explorar em muito mais detalhes. Não apenas métodos adicionais de res, mas a idéia de um “ver motor”.

        And I will be exploring some of these in future articles. Em particular, um dos meus favoritos, o guidão expresso.

        por agora, vamos construir a nossa saída. Sim. Construi-lo nós mesmos. Construa uma tabela dos nossos dados em código e envie-a! Basta percorrer os nossos dados.recordset e build.

        Veja o seguinte

        

        Você vai querer adicionar linhas 50-57.

        O resultado será o seguinte ao Consultar “Média”

        

        o que fazer a seguir (Sim você)

        Jogue com ele, adicione mais, altere a estrutura. Trabalhar a partir do básico, e trabalhar acima.

        estamos trabalhando com os primeiros princípios para nos ajudar a entender o que acontece por trás de algumas das camadas que são adicionadas por modelos, frameworks e bibliotecas JavaScript nos dias de hoje.

        Nós construímos por conta própria, um sistema de pilha completa. Sim, acredites ou não.

        O que mais precisa de trabalho, a saída. Mas todo este exercício abre um mundo de exploração e oportunidades. Então, nós queremos expandir os conceitos de,

        • Mais operações CRUD
        • Roteamento
        • mecanismos de Exibição/templates

        Obrigado por esta viagem e vamos explorar mais.

        Você também pode desfrutar,