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
- a projekthez hozzon létre egy könyvtárat / mappát.
- nyissa meg a Visual Studio kódot (VSCode), majd nyissa meg a mappát.
- 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.
5. A terminál ablak típusábanstart 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
- 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
- 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.
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.
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 anpm 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!
Run it with by stopping and starting the web server or refreshing
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.
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.
- 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.
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,
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: