tiedustelee SQL Server solmulla.js

5. Pääteikkunatyypissä
start npm
tämä aloittaa solmun.JS server.

WWW-palvelin

pääteikkunan tyyppi,
npm install express

Tämä asentaa Web-kehyksen.

we are ready to rock and roll!

WWW-palvelimen ydin on vaatia pikapaketti ja antaa se haltijalle (muuttuja tai konst.) Kaikki viittaukset WWW-palvelimeen tulevat tämän haltijan kautta.

meidän täytyy käynnistää WWW-palvelin ja saada se kuuntelemaan HTTP-porttiin, valitsen 5000. 8080 on yleinen, vain jotain saatavilla.

haluamme, että WWW-palvelin vastaa ainakin HTTP get-menetelmään. Tämä mahdollistaa käytön ”potkia renkaita” ja varmistaa, että se toimii. On enemmän HTTP menetelmiä täällä MDN. Käytämme GET ja POST.

• GET-toimintoa käytetään resurssista hakemiseen.
• postia käytetään jonkin resurssin alistamiseen.

kirjoita seuraava koodi ja keskustelemme siitä.

Web Server Example

• vaadimme pikapakettia ja säilytämme viitteen Express-muodossa sopimuksen mukaan, mutta nimeämme sen halutulla tavalla.
• alustaa Ekspress-instanssi, tallentaa viittauksen App: iin tavan mukaan, mutta nimeä se halutulla tavalla.
• riville 11 tallentuu viittaus siihen, missä verkkopalvelimemme kuuntelee. Paapuuri 5000.
• rivillä 5 käytetään WWW-palvelimen HTTP GET with out-ilmentymää app.saat. Tämä, oletuksena näyttää saada tietoja juurihakemistosta (’/’). Takaisinsoittotoiminto on varsin tärkeä, koska se sisältää pyynnön (req) ja vastauksen (res) objektit. Nimet req ja res ovat vakiintuneita.

pyyntö ja vastaus

• pyyntö tulee selaimemme url-osoitteesta. Lisätietoja löytyy täältä.
• vastaus on vastaus pyyntöön. Lisää löytyy täältä.

pähkinänkuoressa selaimemme tekee pyynnön ja lähetämme vastauksen takaisin.

Kick the Tires

1. In Vscode, hit F5 (lyhenne sanoista Start Debugging in the Debug menu.) Konsolin pitäisi näyttää seuraavasti.

2. Siirry selaimeesi ja kirjoita LocalHost: 5000 ja paina Enter. Sinun pitäisi nähdä seuraava.

selaimesi teki GET-pyynnön ja lähetimme vastauksen res.send-ohjelmalla.

Node SQL Server Connection

(valinnainen, jos tehty ennen.) Kirjoita pääteikkunaan
npm install mssql
Tämä asentaa SQL Server-ajurit.

Tietokantaesimerkki

Tämä on täsmälleen sama alkukoodi kuin aikaisempi artikkelini, joten en aio käydä sitä yksityiskohtaisesti läpi. Kuitenkin, sen asema sovelluksen objekti on tärkeä.

pari huomioitavaa asiaa, jotka eroavat aiemmasta, alkutestimme jälkeen

• työntekijöidemme Suoritustarve lähetetään verkkosivulta (POSTed.)
• kyselyn tulos tulostetaan Web-sivulle vastauksen avulla.

tietokantayhteys/Kyselyesimerkki

syötä alla oleva koodi.

jotain tärkeää on huomata, että meillä on Web-palvelin ja tietokantayhteys ja kysely. Mutta ne eivät ole vuorovaikutuksessa keskenään. Vielä!

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

and you will see the web server is running ja on konsolin lähtö tiedot kyselyn. Mutta emme saa mitään web-palvelimelta emmekä lähetä mitään web-sivulle.

HTML

tarvitsemme sivun palvelemaan, kun käyttäjä menee sivustollemme. Tällä sivulla he voivat lähettää parametrin (Performancering), jota voidaan käyttää Tietokantakyselyssä.

Huom: en aio olla huolissani verkkosivujemme stailaamisesta. Se on yksinkertaista ja ytimekästä.

säästämme myös kaiken juuressa. Paras käytäntö? Eikä! Mutta pyrimme toiminnallisuuteen. Siivous voi tapahtua myöhemmin.

1. luo seuraavat verkkosivut ja nimeä ne indeksiksi.html ja työntekijät.html.

• Hakemisto.html on tärkein lähdesivumme.
• työntekijät.html on, jos meidän tulos päätyy.

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. Yksi niistä on se, miten päätän tarjoilla indeksiä.html. Muut lukemasi lähteet voivat päästä reititykseen. Reititys on hyvin tärkeä ala, mutta meidän ulottumattomissamme. Tapamme on vain yksi monista tavoista. Uudet lisäykset koodiimme ovat,

• path — tämä auttaa meitä käyttämään res.sendFile-tiedostoa palvelimen ylös haluamamme tiedoston, kun vierailija tulee sivustollemme.
• bodyParser — tekee lomaketietoja, kun viesti on tehty
• sendFile — mahdollistaa halutun oletussivun tarjoamisen.

tee seuraavat muutokset koodiisi,

suorita se pysäyttämällä ja käynnistämällä WWW-palvelin tai päivittämällä. Selaimen virkistämisen jälkeen kannattaa katsoa,

käyttämällä HTML-lomaketietoja kyselyssämme

tähän tarvitaan sovellus.posti. Tämä harjoittaa mitä haluamme, kun indeksi.html for is POSTed from the web page.

Tämä on tärkeä askel. Tietokantayhteytemme ja kyselymme on oltava sovelluksen sisällä.post callback-toiminto.

• linja 13 aloittaa sovelluksen.posti. Takaisinsoiton rungossa ovat Tietokantakomponenttimme.
• linja 52 sulkee sovelluksen.posti.

voisimmeko jäsentää tämän kaiken toisin, Kyllä. Teen sen näin, että saamme toimivan pohjan. Sitten voimme / voit tutkia muita vaihtoehtoja

lomaketietojen avulla

lomaketietojen käyttäminen on helppoa.

• rivi 35, saavat muototiedot valitusta elementistä. bodyParser on mitä auttaa meitä täällä. selvä.keho.elementname.
• kyselyssä rivillä 37 käytetään lomakkeesta saatavaa arvoa.
• linja 50 lähettää raakaa kyselytietoa työntekijöille.html.

suorita se pysäyttämällä ja käynnistämällä WWW-palvelin tai virkistämällä.

1. siirry verkkosivuillesi ja päivitä.

2. Valitse arvosanan pudotusvalikosta ” Average ”ja klikkaa”Get Results”

3. Tulosta pitäisi saada työntekijöiltä.html. Ei viehättävä, mutta alku.

meillä on nyt yhteys etupäästämme takapäähän. Tämä on iso juttu.

viimeiset vaiheet — Siivoa ulostulo (vähän.)

Tämä on helpoin ja vaikein osuus. Vaikeinta, koska vaihtoehtoja on niin paljon. Aiomme mennä perusasioiden kanssa, jotta saamme vilauksen siitä, mitä syvällä sisimmässämme tapahtuu.

tätä aluetta haluatte tutkia paljon yksityiskohtaisemmin. Ei vain ylimääräisiä menetelmiä res, mutta ajatus ”view engine”.

ja aion tutkia joitakin näistä tulevissa artikkeleissa. Erityisesti yksi suosikeistani, express-ohjaustanko.

toistaiseksi lähdemme rakentamaan tulostamme. Kyllä. Rakennamme sen itse. Rakenna taulukko tiedoistamme koodina ja lähetä se! Käy läpi datamme.nauhoita ja rakenna.

katso seuraava

div>

haluat lisätä rivit 50-57.

lähtö on seuraava, kun ”Average”

Mitä tehdä seuraavaksi (kyllä sinä)

pelaa sillä, lisää lisää, muuta rakennetta. Tee töitä perusasioista alkaen ja treenaa ylöspäin.

työskentelemme first principles-periaatteiden kanssa, jotta ymmärtäisimme, mitä joidenkin JavaScript-mallien, kehysten ja kirjastojen lisäämien tasojen takana tapahtuu nykyään.

olemme rakentaneet itse, täyspinon järjestelmän. Usko tai älä, olemme.

mikä tarvitsee eniten työtä, tuotos. Mutta tämä koko harjoitus avaa tutkimusmaailman ja mahdollisuuksia. Siksi haluamme laajentaa käsitteitä,

• lisää CRUD-operaatioita
• Routing
• View engines/templates

kiitos tästä matkasta ja tutkimme lisää.

Voit myös nauttia,