dotazování SQL Serveru s uzlem.js

začněme

předpokládám, že máte uzel.JS nainstalován, ale pokud ne, lze jej stáhnout zde.

začneme nastavením našeho uzlu.webový Server js a jeho testování. Poté přidejte podobný kód jako dříve a připojte se k databázi SQL Server a Dotazujte se na ni.

pro uzel použijeme minimalistický rámec webového serveru.js, Expres. Instaluje se jako balíček npm.

stejně jako u mnoha věcí, tam je vždy více se učit, takže když jsem si zadejte příkaz, určitě si přečtěte více o příkazu a jeho možnostech.

nastavení

pro projekt vytvořte adresář / složku.
otevřete Visual Studio Code (VSCode) a otevřete složku.
otevřete nové okno terminálu a zadejte,
npm init
přijímá výchozí nastavení pro vytvoření balíčku.json.

4. Vytvořte soubor ve VSCode a uložte jej jako index.js. Když se podíváte do balíčku.json soubor, uvidíte, kde můžete změnit výchozí“ hlavní “ soubor.

5. V okně terminálu Typ
start npmtím se uzel spustí.js server.

webový Server

v typu okna terminálu,
npm install express

nainstaluje webový rámec.

jsme připraveni na rock and roll!

jádrem webového serveru je vyžadovat expresní balíček a přiřadit jej držiteli (proměnná nebo const.) Všechny odkazy na webový Server budou prostřednictvím tohoto držitele.

musíme spustit webový server a nechat ho poslouchat na portu HTTP, zvolím 5000. 8080 je běžné, jen něco k dispozici.

budeme chtít, aby webový Server alespoň reagoval na metodu HTTP get. To umožní použití k „kopnutí pneumatik“ a ujistěte se, že to funguje. V metodách HTTP je zde více na MDN. Použijeme GET a POST.

GET se používá k načtení ze zdroje.
příspěvek se používá k odeslání prostředku.

zadejte následující kód a budeme o něm diskutovat.

Web Server Příklad

požadujeme expresní balíček, uložení odkazu v express podle konvence, ale pojmenujte jej podle potřeby.
inicializovat instanci express, ukládání odkazu v aplikaci podle konvence, ale pojmenujte ji podle potřeby.
v řádku 11 ukládáme odkaz na místo, kde bude náš webový server poslouchat. Přístav 5000.
v řádku 5 používáme instanci HTTP GET with out webového serveru pomocí aplikace.dostat. Toto, ve výchozím nastavení bude vypadat získat data z kořenového adresáře (‚/‘). Funkce zpětného volání je velmi důležitá, protože obsahuje objekty req (req) a Response (res). Názvy req a res jsou podle konvence.

požadavek a odpověď

požadavek bude přicházet z adresy url našeho prohlížeče. Více informací naleznete zde.
odpověď je odpověď na požadavek. Více najdete zde.

stručně řečeno, náš prohlížeč podá požadavek a my pošleme zpět odpověď.

Kopat Pneumatiky

V VSCode, hit F5 (zkratka pro Spuštění Ladění v Ladění nabídky.) Vaše konzole by měla vypadat následovně.

Podívejte se na konzolu zprávu. Horní část má ovládací prvky pro zastavení / osvěžení atd.

2. Přejděte do prohlížeče a zadejte LocalHost: 5000 a stiskněte klávesu Enter. Měli byste vidět následující.

Váš prohlížeč udělal SI Žádost a poslali jsme zpět Odpověď pomocí res.poslat.

Node SQL Server Connection

(volitelné, pokud bylo provedeno dříve.) V okně terminálu zadejte
npm install mssql
tím se nainstalují ovladače serveru SQL.

příklad databáze

Toto je přesně stejný počáteční kód jako můj předchozí článek, takže jej nebudu podrobně procházet. Nicméně, je to pozice v objektu aplikace bude důležité.

pár věcí na vědomí, že se bude lišit od dříve, po našem počátečním testu,

výkon našich zaměstnanců bude odeslán z webové stránky (zveřejněno.)
výsledek dotazu bude vyveden na webovou stránku pomocí odpovědi.

příklad připojení k databázi / dotazu

zadejte níže uvedený kód.

je důležité si uvědomit, že máme webový Server a připojení k databázi a dotaz. Ale neinteragují. Přesto!

Disconnected Web Server and Database Connection

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

and you will see the web server is running a je zde konzolový výstup dat z dotazu. Ale nedostáváme nic z webového serveru ani neposíláme nic na webovou stránku.

Naše webového serveru poznámka a Databáze Výstupu Dotazu

HTML

potřebujeme stránka sloužit, když uživatel přejde na naše stránky. Tato stránka jim umožní odeslat parametr (PerformanceRating), který lze použít v databázovém dotazu.

Poznámka: nebudu se starat o styling naší webové stránky. Bude to jednoduché a k věci.

také ukládáme vše do kořenového adresáře. Osvědčený postup? Ani náhodou! Ale jdeme na funkčnost. Vyčištění se může stát později.

vytvořte následující webové stránky a pojmenujte je index.html a zaměstnanci.html.

index.html bude naší hlavní zdrojovou stránkou.
zaměstnanci.html bude tam, kde náš výsledek skončí.

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. Jedním z nich je, jak jsem se rozhodl sloužit index.html. Další zdroje, které čtete, se mohou dostat do směrování. Směrování je velmi důležitá oblast, ale mimo náš rozsah. Naše cesta je jen jedním z mnoha způsobů. Nové přírůstky do našeho kodexu bude,

path — to nám pomůže používá res.sendFile na server soubor, který chceme, když návštěvník přijde na naše stránky.
bodyParser — dělá podobě data k dispozici, jakmile PŘÍSPĚVKU je provést
sendFile — umožňuje servírovat požadovaný výchozí stránku.

Proveďte následující změny, aby váš kód,

Spustit s tím, že zastavení a spuštění webového serveru nebo osvěžující. Ve své prohlížeče, po aktualizaci prohlížeče,byste měli vidět,

index.html sloužil ve výchozím nastavení

pomocí dat formuláře HTML v našem dotazu

k tomu musíme přidat aplikaci.příspěvek. To se zapojí, co si přejeme, když index.html Pro je zveřejněn z webové stránky.

Toto je důležitý krok. Naše databázové připojení a dotaz musí být uvnitř aplikace.funkce zpětného volání.

Všimněte si, jak naše součásti Databáze jet v aplikaci.get

řádek 13 spustí aplikaci.příspěvek. V těle zpětného volání jsou naše databázové komponenty.
řádek 52 zavře aplikaci.příspěvek.

Mohli bychom to všechno strukturovat jinak, Ano. Dělám to tak, abychom měli nadaci, která bude fungovat. Pak my / vy můžete prozkoumat další možnosti

pomocí dat formuláře

použití dat formuláře bude snadné.

Řádek 35, získat formulář dat z Vyberte prvek. bodyParser je to, co nám zde pomáhá. req.tělo.jméno prvku.
řádek 37, Dotaz, používá hodnotu z formuláře.
řádek 50 odesílá zaměstnancům nezpracovaná dotazovaná data.html.

spusťte jej zastavením a spuštěním webového serveru nebo obnovením.

přejděte na svou webovou stránku a obnovte ji.

2. V rozevíracím seznamu hodnocení vyberte „průměr“ a klikněte na „Získat výsledky“

3. Měli byste získat výstup u zaměstnanců.html. Není atraktivní, ale je to začátek.

nyní Máme připojení od naší Front-End pro naše Back-End do našeho Front-End. Tohle je velká věc.

poslední kroky-vyčistěte výstup (trochu.)

Toto je nejjednodušší a nejtěžší část. Nejtěžší, protože existuje tolik možností. Půjdeme se základy základů, abychom získali pohled na to, co se děje hluboko uvnitř.

Toto je oblast, kterou budete chtít prozkoumat mnohem podrobněji. Nejen další metody res, ale myšlenka „view engine“.

a některé z nich prozkoumám v budoucích článcích. Zejména jeden z mých oblíbených, expresní řídítka.

prozatím budeme konstruovat náš výstup. Ano. Postavte si to sami. Vytvořte tabulku našich dat v kódu a odešlete ji! Jen projděte naše data.sada záznamů a sestavení.

Viz následující

Budete chtít přidat řádky 50-57.

výstup bude vypadat takto při Dotazování pro „Průměrné“

co dělat dál (Ano)

Hrajte s ním, přidejte další, změňte strukturu. Pracujte od základů a pracujte.

pracujeme s první principy, které nám pomáhají pochopit, co se děje za některé z vrstev, které jsou přidány Javascriptové šablony, rámců a knihoven v těchto dnech.

postavili jsme si vlastní, plnohodnotný systém. Ano, Věřte tomu nebo ne.

co potřebuje nejvíce práce, výstup. Celé toto cvičení však otevírá svět zkoumání a příležitostí. Takže chceme rozšířit pojmy,

Více CRUD operace
Směrování
Zobrazení motorů/šablony

Děkuji, že jste si tuto cestu a budeme zkoumat to více.

můžete se také těšit,