SQL Server lekérdezése a Node segítségével.js

kezdjük el

feltételezem, hogy van csomópontja.js telepítve van, de ha nem, akkor letölthető itt.

a csomópont beállításával kezdjük.js webszerver és tesztelés. Ezután adjon hozzá hasonló kódot, mint korábban, hogy csatlakozzon az SQL Server adatbázisunkhoz.

a minimalista webszerver keretrendszert fogjuk használni a node-hoz.js, Express. Ez telepíti, mint egy NPM csomagot.

mint sok minden, mindig van még tanulni, így ha van, hogy írjon be egy parancsot, biztosan többet a parancsot, és ez lehetőségek.

beállítása

  1. a projekthez hozzon létre egy könyvtárat / mappát.
  2. nyissa meg a Visual Studio kódot (VSCode), majd nyissa meg a mappát.
  3. nyisson meg egy új terminál ablakot és írja be a
    npm init
    elfogadja a csomag létrehozásához szükséges alapértelmezett értékeket.json.

4. Hozzon létre egy fájlt a VSCode – ban, majd mentse el indexként.js. Ha belenézel a csomagodba.json fájl, látni fogja, hol lehet megváltoztatni az alapértelmezett” fő ” fájlt.

alapvető kiindulási pont

5. A terminál ablak típusában
start npm
ez elindítja a csomópontot.js szerver.

a webszerver

a terminál ablak típusában,
npm install express

Ez telepíti a webes keretet.

készen állunk a rock and roll!

a webkiszolgáló magja az expressz csomag igénylése, majd hozzárendelése egy tartóhoz (változó vagy const.) Minden hivatkozás a webszerverre ezen a tartón keresztül történik.

el kell indítanunk a webszervert, és meg kell hallgatnunk egy HTTP porton, 5000-et választok. 8080 gyakori, csak valami elérhető.

azt akarjuk, hogy a webszerver legalább válaszoljon egy HTTP get módszerre. Ez lehetővé teszi a használatát, hogy “rúgni a gumik”, és győződjön meg arról, hogy működik. Van több HTTP módszerek itt az MDN. A GET and POST-ot fogjuk használni.

  • GET használják letölteni egy erőforrás.
  • A POST egy erőforráshoz való benyújtásra szolgál.

írja be a következő kódot, majd megbeszéljük.

webszerver példa

a mag fel van állítva.
  • szükségünk van az expressz csomagra, tárolva a hivatkozást az egyezmény szerint, de nevezze meg a kívánt módon.
  • Inicializáljon egy expresszpéldányt, tárolja a hivatkozást az alkalmazásban egyezmény szerint, de nevezze meg a kívánt módon.
  • a 11. sorban hivatkozást tárolunk arra, hogy a webszerverünk hol fog hallgatni. 5000-es kikötő.
  • az 5. sorban a HTTP GET with out példányt használjuk a webszerver segítségével app.kapd el. Ez alapértelmezés szerint úgy néz ki, hogy adatokat kap a gyökérkönyvtárból (‘/’). A visszahívás funkció nagyon fontos, mivel tartalmazza a Request (req) és a Response (res) objektumokat. A req és a res nevek konvenció szerint vannak.

Request and Response

  • Request will be coming from our browser ‘ s url. További információ itt található.
  • A válasz egy kérésre adott válasz. További részletek itt találhatók.

dióhéjban a böngészőnk kérést küld, majd válaszüzenetet küldünk vissza.

rúgja a gumiabroncsokat

  1. a VSCode-ban, nyomja meg az F5-öt (rövid a hibakeresés elindításához a hibakeresési menüben.) A konzolnak a következőképpen kell kinéznie.

keresse meg a konzol üzenetet. A tetején vezérlők vannak a leállításhoz / frissítéshez stb.

2. Nyissa meg böngészőjét, majd írja be a LocalHost: 5000 parancsot, majd nyomja meg az Enter billentyűt. Látnia kell a következőket.

Yay!

a böngészője kapott egy GET kérést, amit a res.send segítségével küldtünk vissza.

Node SQL Server Connection

(opcionális, ha korábban megtörtént.) A terminál ablakban írja be a
npm install mssql
ez telepíti az SQL Server illesztőprogramokat.

Adatbázis példa

Ez pontosan ugyanaz a kezdő kód, mint az előző cikkem, így nem fogom részletesen átnézni. Fontos azonban az alkalmazásobjektumban elfoglalt pozíció.

néhány dolog, hogy vegye figyelembe, hogy más lesz, mint korábban, miután a kezdeti teszt,

  • a PerformanceRating munkatársaink kerül elküldésre egy weboldalról (kifüggesztett.)
  • a lekérdezés eredménye a válasz segítségével egy weboldalra kerül.

adatbázis-kapcsolat / lekérdezési példa

írja be az alábbi kódot.

valami fontos megjegyezni, hogy van egy webszerver, adatbázis kapcsolat, lekérdezés. De nem kölcsönhatásba lépnek. Még!

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 a lekérdezésből származó adatok konzol kimenete. De nem kapunk semmit a webszerverről, sem semmit sem küldünk egy weboldalra.

webszerver megjegyzés és adatbázis lekérdezés kimenetfigcaption>

A HTML

szükségünk van egy oldalra, hogy szolgáljon fel, amikor a felhasználó megy a honlapunkon. Ez az oldal lehetővé teszi számukra, hogy küldjön egy paramétert (PerformanceRating), hogy lehet használni az adatbázis lekérdezés.

Megjegyzés: Nem fogok aggódni a weboldalunk formázása miatt. Egyszerű lesz a lényeg.

mindent elmentünk a gyökérben is. A legjobb gyakorlat? Kizárt! De mi megy a funkcionalitás. A takarítás később is megtörténhet.

  1. hozza létre a következő weboldalakat és nevezze el őket Indexnek.html és alkalmazottak.html.
  • index.a html lesz a fő forrásoldalunk.
  • alkalmazottak.html lesz, ahol az eredmény végül.

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. Az egyik, hogy hogyan választom, hogy szolgálja fel index.html. Más források olvasni lehet bejutni routing. Az útvonalválasztás nagyon fontos terület, de kívül esik a hatáskörünkön. A mi utunk csak egy a sok közül. Az új kiegészítéseket a kód lesz,

  • útvonal-ez segít nekünk használt res. sendFile szerver fel a kívánt fájlt, amikor egy látogató jön a honlapunkon.
  • bodyParser-teszi formában rendelkezésre álló adatok, ha egy bejegyzést történik
  • sendFile-lehetővé teszi, hogy szolgálja ki a kívánt alapértelmezett oldal.

a következő módosításokat, hogy a kód,

út, bodyParser, valamint sendFile

Fut a megállás kezdve a web kiszolgáló vagy üdítő. A böngészőjében a böngésző frissítése után a következőt kell látni:

index.html szolgált fel alapértelmezés szerint

A HTML formában adatokat a lekérdezés

ehhez hozzá kell adni egy alkalmazást.Posta. Ez fog részt, amire vágyunk, amikor az index.a html for a weboldalról kerül közzétételre.

Ez egy fontos lépés. Adatbázis-kapcsolatunknak és Lekérdezésünknek az alkalmazáson belül kell lennie.visszahívás utáni funkció.

Megjegyzés, hogy az Adatbázis komponensek megy az app.get
  • a 13.sor elindítja az alkalmazást.Posta. A visszahívás testében Adatbázis-összetevőink vannak.
  • az 52-es vonal bezárja az alkalmazást.Posta.

lehet-e mindezt másképp strukturálni, igen. Azért csinálom, hogy olyan alapot adjak, ami működni fog. Ezután felfedezhetünk más lehetőségeket

az Űrlapadatok használata

az űrlapadatok használata egyszerű lesz.

Vonalak, 35, 37, 50 55
  • Sort 35, a forma adatokat a Válasszuk a elemet. bodyParser az, ami segít nekünk itt. req.test.elemneve.
  • 37. sor, a lekérdezés az űrlapból származó értéket használja.
  • az 50-es vonal elküldi a nyers lekérdezett adatokat az alkalmazottaknak.html.

futtassa a webkiszolgáló leállításával, elindításával vagy frissítésével.

  1. lépjen a weboldalra és frissítse.

2. Válassza az “átlag” lehetőséget a minősítés legördülő menüből, majd kattintson az “eredmények elérése”

3 elemre. Meg kell kap output alkalmazottak.html. Nem vonzó, de ez a kezdet.

JSON kimenet a res.send

figcaption>

most már van egy kapcsolat a front-end, hogy a hátsó végén, hogy a front-end. Ez nagy ügy.

utolsó lépések — tisztítsa meg a kimenetet (egy kicsit.)

Ez a legegyszerűbb és legnehezebb rész. Legnehezebb, mert olyan sok lehetőség van. Megyünk, hogy menjen az alapokat, így kap egy pillantást, hogy mi történik mélyen belül.

Ez egy olyan terület, amelyet sokkal részletesebben szeretne felfedezni. Nem csak a res további módszerei, hanem a “view engine”ötlete.

és ezek egy részét a későbbi cikkekben fogom feltárni. Különösen az egyik kedvencem, expressz kormány.

egyelőre felépítjük a kimenetet. Igen. Építsd meg magunkat. Készítsen egy táblázatot az adatainkról kódban, majd küldje el! Csak nézze át az adatainkat.recordset and build.

a következő

Épület a kimenet

a hozzáadni kívánt sorokat, 50-57.

a kimenet a következő lesz, ha az “átlagos”

általunk épített kóddal.

mi a következő lépés (igen)

játssz vele, adj hozzá többet, változtasd meg a szerkezetet. A munka az alapoktól kezdődik, a munka pedig felfelé.

dolgozunk az első elveket, hogy segítsen megérteni, mi folyik mögött néhány réteg, amelyek hozzá JavaScript sablonok, keretek, könyvtárak ezekben a napokban.

saját, teljes verem rendszert építettünk. Igen, hiszed vagy sem.

mi kell a legtöbb munka, a kimenet. De ez az egész gyakorlat megnyitja a feltárás és a lehetőségek világát. Tehát szeretnénk bővíteni a fogalmakat,

  • több CRUD műveletek
  • Routing
  • View motorok / sablonok

Köszönjük, hogy ezt az utat, és mi lesz felfedezni több.

Ön is élvezheti,

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük