interogarea SQL Server cu nod.js

să începem

voi presupune că aveți nod.JS instalat, dar dacă nu, poate fi descărcat aici.

vom începe prin configurarea nodului nostru.JS Server Web și testarea acestuia. Apoi adăugați un cod similar ca înainte pentru a vă conecta și a interoga baza noastră de date SQL Server.

vom folosi Cadrul de server web Minimalist pentru node.JS, expres. Se instalează ca un pachet npm.

ca și în multe lucruri, există întotdeauna mai multe de învățat, așa că atunci când am tastați o comandă, citiți cu siguranță mai multe despre comandă și opțiunile sale.

Noțiuni de bază înființat

  1. pentru proiect, creați un director / folder.
  2. deschideți codul Visual Studio (VSCode) și deschideți folderul.
  3. deschideți o nouă fereastră Terminal și de tip,
    npm init
    acceptă valorile implicite pentru a crea pachetul.json.

4. Creați un fișier în VSCode și salvați-l ca index.js. Dacă te uiți în pachet.fișier json, veți vedea unde puteți schimba fișierul „principal” Implicit.

punct de pornire de bază

5. În tipul ferestrei terminale,
start npm
aceasta pornește nodul.Server js.

serverul Web

în tipul ferestrei terminale,
npm install express

aceasta instalează cadrul Web.

suntem gata de rock and roll!

nucleul serverului Web este de a solicita pachetul express și de a-l atribui unui titular (variabilă sau const.) Toate referințele la serverul Web vor fi prin intermediul acestui titular.

trebuie să pornim serverul web și să-l ascultăm pe un port HTTP, voi alege 5000. 8080 este comun, doar ceva disponibil.

vom dori ca serverul Web să răspundă cel puțin la o metodă HTTP get. Acest lucru va permite utilizarea pentru a „lovi anvelopele” și a vă asigura că funcționează. Există mai multe metode HTTP aici pe MDN. Vom folosi GET și POST.

  • GET este folosit pentru a prelua dintr-o resursă.
  • POST este folosit pentru a trimite la o resursă.

introduceți următorul cod și îl vom discuta.

exemplu de server Web

miezul a fost instalat.

  • avem nevoie de pachetul express, stocând referința în express prin convenție, dar denumiți-o după cum doriți.
  • inițializați o instanță de express, stocând referința în aplicație prin convenție, dar denumiți-o după cum doriți.
  • în linia 11, stocăm o referință la locul în care serverul nostru web va asculta. Portul 5000.
  • în linia 5, folosim HTTP GET with out instanță a serverului web folosind aplicația.ia. Aceasta, în mod implicit, va căuta să obțină date din directorul rădăcină (‘/’). Funcția de apel invers este destul de importantă, deoarece conține obiectele Request (req) și Response (Res). Numele req și res sunt prin convenție.

cererea și răspunsul

  • cererea va veni de la adresa URL a browserului nostru. Mai multe informații pot fi găsite aici.
  • răspunsul este răspunsul la o cerere. Mai multe pot fi găsite aici.

pe scurt, browserul nostru va face o solicitare și vom trimite înapoi un răspuns.

loviți anvelopele

  1. În VSCode, apăsați F5 (prescurtare pentru Start Debugging din meniul Debug.) Consola dvs. ar trebui să arate după cum urmează.

căutați mesajul consolei. Partea de sus are comenzi pentru oprire/reîmprospătare etc.

2. Accesați browserul și tastați LocalHost: 5000 și apăsați Enter. Ar trebui să vedeți următoarele.

Da!

browserul dvs. a făcut o solicitare GET și am trimis înapoi un răspuns folosind res.send.

nod conexiune SQL Server

(opțional dacă se face înainte.) În fereastra terminalului, tastați
npm install mssql
aceasta instalează driverele SQL Server.

exemplu de bază de date

acesta este exact același cod de pornire ca articolul meu anterior, așa că nu voi trece peste el în detaliu. Cu toate acestea, poziția sa în obiectul aplicației va fi importantă.

câteva lucruri de reținut care vor fi diferite de înainte, după testul nostru inițial,

  • performanța angajaților noștri va fi trimisă de pe o pagină web (postată.)
  • rezultatul interogării va fi transmis către o pagină Web folosind răspuns.

baza de date conexiune/interogare exemplu

introduceți codul de mai jos.

ceva important de reținut este că avem un Server Web și o conexiune și o interogare a bazei de date. Dar ei nu interacționează. Încă!

Disconnected Web Server and Database Connection

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

Refesh/Stop and other options

and you will see the web server is running și există o ieșire consolă a datelor din interogare. Dar nu primim nimic de pe serverul web și nici nu trimitem nimic către o pagină web.

nota serverului nostru web și ieșirea interogării bazei de date

HTML

avem nevoie de o pagină pentru a servi atunci când utilizatorul merge la site-ul nostru. Această pagină le va permite să trimită un parametru (PerformanceRating) care poate fi utilizat în interogarea bazei de date.

Notă: Nu voi fi preocupat de stilul paginii noastre web. Va fi simplu și la obiect.

de asemenea, salvăm totul în rădăcină. O bună practică? În nici un caz! Dar mergem pentru funcționalitate. Curățarea se poate întâmpla mai târziu.

  1. creați următoarele pagini web și denumiți-le index.html și angajați.html.
  • index.html va fi pagina noastră principală sursă.
  • angajați.html va fi în cazul în care rezultatul nostru se termină.

Simple startup page, index.html

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. Unul dintre acestea este modul în care aleg să servesc index.html. Alte surse pe care le citiți pot intra în rutare. Rutarea este o zonă foarte importantă, dar în afara domeniului nostru de aplicare. Calea noastră este doar una din multele căi. Noile adăugiri la codul nostru vor fi,

  • path — acest lucru ne va ajuta să folosim res.sendFile pentru a servi fișierul dorit atunci când un vizitator vine pe site-ul nostru.
  • bodyParser — face datele formular disponibile odată ce un POST se face
  • sendFile — vă permite să servească pagina implicită dorită.

efectuați următoarele modificări la codul dvs.,

cale, Bodyparser și sendfile

rulați-l cu oprirea și pornirea serverului web sau reîmprospătarea. În browser-ul dvs., după reîmprospătarea browser-ul,ar trebui să vedeți,

index.html servit implicit

folosind datele formularului HTML din interogarea noastră

pentru aceasta, trebuie să adăugăm o aplicație.post. Acest lucru se va angaja orice ne dorim atunci când indicele.html pentru este postat de pe pagina web.

acesta este un pas important. Conexiunea și interogarea bazei noastre de date trebuie să fie în interiorul aplicației.Postează funcția de apel invers.

componentele bazei de date merg în aplicație.obțineți

  • linia 13 pornește aplicația.post. În corpul de apel invers sunt componentele noastre de baze de date.
  • linia 52 închide aplicația.post.

am putea structura toate acestea diferit, da. O fac în acest fel pentru a ne oferi o fundație care va funcționa. Apoi, putem explora alte opțiuni

folosind datele formularului

utilizarea datelor formularului va fi ușoară.

linii 35, 37, 50 și 55

  • linia 35, obțineți datele formularului din elementul select. bodyParser este ceea ce ne ajută aici. cer.corpul.elementname.
  • linia 37, interogarea, utilizează valoarea din formular.
  • linia 50 trimite datele brute interogate angajaților.html.

rulați-l oprind și pornind serverul web sau reîmprospătând.

  1. accesați pagina dvs. web și reîmprospătați.

2. Alegeți ” medie „din meniul derulant evaluare și faceți clic pe”obțineți rezultate”

3. Ar trebui să obțineți rezultate în Angajați.html. Nu este atractiv, dar este un început.

ieșire Json din res.send

acum avem o conexiune de la front-end-ul nostru la back-end-ul nostru la front-end-ul nostru. Aceasta este o afacere mare.

ultimii pași — curățați ieșirea (un pic.)

aceasta este cea mai ușoară și cea mai grea parte. Cel mai greu pentru că există atât de multe opțiuni. Vom merge cu elementele de bază ale elementelor de bază, astfel încât să vedem ce se întâmplă adânc în interior.

aceasta este o zonă pe care veți dori să o explorați mult mai detaliat. Nu doar metode suplimentare de res, ci ideea unui „motor de vizualizare”.

și voi explora unele dintre acestea în articolele viitoare. În special, unul dintre preferatele mele, express-ghidon.

pentru moment, vom construi producția noastră. Da. Construim noi înșine. Construiți un tabel cu datele noastre în cod și trimiteți-l! Doar bucla prin datele noastre.recordset și de a construi.

A se vedea următoarele

construirea ieșirii noastre

veți dori să adăugați liniile 50-57.

rezultatul va fi după cum urmează atunci când interogarea pentru „medie”

construit de noi cu cod.

ce să faci în continuare (da tu)

Joacă-te cu el, adaugă mai multe, schimbă structura. Lucrați pornind de la elementele de bază și lucrați.

lucrăm cu primele principii pentru a ne ajuta să înțelegem ce se întâmplă în spatele unora dintre straturile care sunt adăugate de șabloane JavaScript, cadre și biblioteci în aceste zile.

am construit pe cont propriu, un sistem full-stack. Da, crezi sau nu avem.

ceea ce are nevoie de cel mai mult de lucru, de ieșire. Dar tot acest exercițiu deschide o lume de explorare și oportunități. Deci, vrem să se extindă conceptele de,

  • Mai multe operațiuni CRUD
  • rutare
  • vezi motoare/template-uri

Vă mulțumim pentru a lua această călătorie și vom explora mai mult.

S-ar putea bucura, de asemenea,

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *