Áttekintés
Ebben a részben a walkthrough, akkor hozzon létre egy weboldal, amely hozzáadott egy új oldalt. Ezt követően, az oldal adunk HTML szöveget, és az oldal fut egy webböngészőt.
Ez létrehoz egy webhelyet alapuló fájlrendszer. amely nem igényel Microsoft IIS szolgáltatást. Ehelyett az oldal jön létre, és fut a helyi fájlrendszerben.
A fájl webhely oldalak és egyéb tárolt fájlok a kiválasztott mappába a számítógépen. Egyéb webhely beállítások közé tartozik a helyi IIS webhelyen. amely tárolja a fájlokat egy alkönyvtárban a helyi IIS gyökér mappában (általában \ Inetpub \ Wwwroot \). FTP-csomópont tárolja a fájlokat egy távoli szerverre, amely elérhető az interneten keresztül segítségével az FTP protokoll. Távoli webhely tárolja a fájlokat egy távoli szerver elérhető a helyi hálózaton keresztül. További információért lásd. Végigjátszás. Szerkesztése weboldalak FTP Visual Web Developer. Továbbá, a webhely fájlok tárolhatók forrás kontroll fájlok, például a Visual SourceSafe. További információért lásd. A részben Ismerkedés a verziókezelő rendszer.
Létrehozása webhely
Nyílt Visual Web Developer.
A Fájl menüben kattintson az Új webhely.
Egy párbeszédablak jelenik létrehozása webhelyen. amint az a következő képen.
Párbeszédablak „Create a webhelyen.”Kevesebb Visual Studio telepített sablonokat, kattintson ASP.NET Web Site.
Amikor létrehoz egy webhelyet sablon megadva. Minden sablon létrehoz egy webes alkalmazás, amely tartalmazza a különböző fájlok és mappák. Ez alatt az áttekintése, a webhely a sablon alapján ASP.NET webhelyet hoz létre. amely megteremti néhány mappát, majd néhány fájlt alapértelmezés szerint.
A Hely mezőben válassza File System, és adja meg a mappát, amelyben tárolni a lapok a webhelyen.
Például, nevezze meg a C: \ BasicWebSite.
A Nyelv listából válassza a Visual Basic vagy Visual C #.
A kiválasztott nyelv lesz beállítva az alapértelmezett nyelv a webhelyen. Azonban az azonos számú nyelv segítségével a webes alkalmazás létrehozásával oldalak és elemek különböző programozási nyelveket.
Ezután kattintson az OK gombra.
Visual Web Developer létrehozza a mappát, és egy új oldalt nevű Default.aspx. Alapértelmezésben, amikor létrehoz egy új Visual Web Developer oldalon látható az oldal Forrás nézetben, ahol láthatjuk a HTML-oldal elemeit. Az alábbi képen látható a weboldal az alapértelmezett forrás nézetben.
Weblap alapértelmezés szerint a forrás nézetben.
Jellemzők Áttekintés Visual Web Developer
Mielőtt folytatnánk a munka az oldalon hasznos, hogy megismerjék a Visual Web Developer fejlesztői környezet. Az alábbi ábrán az ablakokat és rendelkezésre álló eszközök Visual Web Developer.
Vezetési Visual Web Developer környezetbe.
Ismerete Web designer Visual Web Developer
eszköztár. Biztosítja parancsok szöveg formázását, szöveges keresés, stb ... Egyes eszköztárak csak akkor állnak rendelkezésre, ha dolgozik a Tervező nézetben.
Solution Explorer. Megjeleníti a fájlok és mappák a webhelyen.
Dokumentum ablak. Ez megjeleníti a munkaanyagok egy füles ablakban. Válthatunk a dokumentumokat meg kell kattintson a lapra.
"Properties" ablak. Ez lehetővé teszi, hogy módosítsa az oldal elrendezését, a HTML elemek, kezelőszervek és egyéb tárgyak.
Panel elemekkel. Vezérlőelemek és HTML elemeket lehet húzni az oldalra. Elemek a Toolbox szerint csoportosított közös feladatokat.
Server Explorer / Database Explorer. Jeleníti meg az adatbázis-kapcsolat. Ha a szerver Explorer lap nem látható a Visual Web Developer kell lennie a Nézet menüből válassza ki a Server Explorer vagy Database Explorer.
Hozzon létre egy új Web Forms oldal
Amikor létrehoz egy Visual Web Developer Új webhely hozzáadja ASP.NET oldal (Web Forms oldal) nevű Default.aspx. Default.aspx oldalon, akkor használja a kezdőlapnak honlapján. De ezt a bemutató fogunk létrehozni, és működni fog az új oldalt.
Lapok hozzáadása egy webhely
Zárja le a Default.aspx oldalon. Ehhez kattintson jobb gombbal a lapra, és a fájl nevét, majd a Bezárás gombra.
A Solution Explorer jobb gombbal a webhelyre (például C: \ BasicWebSite), majd kattintson az Új elem hozzáadása.
Kevesebb Visual Studio telepített sablonokat, kattintson a Web Forms forma. Az alábbi képen látható párbeszédablak Új elem hozzáadása.
„Új tétel” párbeszédablak.A Név mezőbe írja FirstWebPage.
A Nyelv listából válassza ki a programozási nyelv, amely a használni kívánt (Visual Basic. C # vagy J #). Amikor létrehoz egy webhelyet lett megadva alapértelmezett nyelv. Azonban minden alkalommal, amikor egy új oldalt vagy komponenst egy webhelyet, akkor meg a programozási nyelv, amely eltér az alapértelmezett. Használhatja a különböző programozási nyelvek ugyanazon webhelyen.
Törölje a jelölőnégyzetet, hogy helyezze a kódot egy külön fájlban.
Ez walkthrough bemutatja, hogyan lehet létrehozni oldal egyetlen fájlt, amely tartalmazza mind a HTML és. ASP.NET oldal kódja is található az oldalon, és egy külön osztály fájlt. További információ a megtakarítás a kódot egy külön fájlban, lásd. Végigjátszás. Létrehozása Basic weblap való felosztás kódot Visual Web Developer.
Kattintson a Hozzáadás gombra.
Visual Web Developer létrehoz egy új oldalt, és nyissa meg a forrás módban.
Hozzáadása HTML-kód oldal
Ebben a részben a walkthrough, statikus szöveget hozzá kell adni ezt az oldalt.
Szöveg hozzáadása az oldalhoz
Ha váltani tervezzünk véleménye szerint a dokumentum aljára ablakban válassza ki a Tervezés lap.
építése ábrázolás megjeleníti az oldalt, amelyen munkát végez, hogy pontosan megjelenítési mód (WYSIWYG). E lépések elvégzése után, az oldal nem tartalmaz szöveget vagy ellenőrzéseket.
Az oldalon írja Üdvözöljük Visual Web Developer.
Az alábbi képen látható szöveget lépett a Tervező nézetben.
Üdvözlő szöveget a Tervező nézetben.Keresse meg a forrás módot.
Láthatjuk a HTML-kód által generált bevezetése a szöveg Tervező nézetben, amint az a következő képen.
Üdvözlő szöveget a forrás módban.
végrehajtását az oldalt
Mielőtt továbbra is hozzá ellenőrzés az oldalra, akkor próbálja meg elindítani. Web szerver futtatásához szükséges az oldalt. Munkahelyen, mint egy web szerver, webhely IIS szolgáltatást. Ahhoz azonban, hogy ellenőrizze az oldalt, akkor a ASP.NET Development Server, azaz helyben, és nem igényel IIS. A Web oldalak a fájlrendszer Visual Web Developer az alapértelmezett webszerver, ASP.NET Development Server egy szerver.
A dob oldal
Futtatni az oldalt, nyomja meg a CTRL + F5 billentyűt.
Visual Web Developer kezdődik az ASP.NET Development Server kiszolgálón. Egy ikon jelenik meg az eszköztáron, jelezve, hogy a Visual Web Developer webkiszolgáló fut, amint az a következő képen.
Ikon webszerver Visual Web Developer.
Az oldal megnyílik a webböngészőben. Bár az oldal létrehozott egy kiterjesztése ASPX, jelenleg fut, mint a hagyományos HTML-oldal.
Ha a böngésző hibaüzenetet vagy 502 hibát, ami azt jelzi, hogy képtelen megjeleníti az oldalt, akkor lehetséges, hogy a böngésző úgy kell beállítani, hogy fut a helyi lekérdezéseket, hogy megkerülje a proxy szerver. További információért lásd. Hogyan. Proxy figyelmen kívül hagyása helyi webes kéréseket.
Ebben a részben az áttekintése, a gombok nem adunk az oldalt. TextBox és címke kódja lesz írva, hogy ellenőrizzék az esemény Click Button vezérlő.
Most felveheti az oldalt kiszolgáló ellenőrzéseket. Alkalmazás ASP.NET weblapok szerver ellenőrzések, beleértve a gombok, címkék, szöveges mezők, és mások, lehetővé teszi a használatát a formanyomtatványok feldolgozási funkciók. Ha szükséges, ezek az ellenőrzések lehet meghatározni kód, ami a szerver oldalon, nem pedig egy ügyfél.
Hozzáadása Controls az oldal
Válassza ki a Tervezés lap. váltani Tervező nézetben.
Nyomja meg a billentyűkombináció SHIFT + ENTER többször, hogy hozzon létre egy kis helyet.
A Standard csoport a Toolbox húzza három kontroll oldalon: mezőbe. Button és címke.
Helyezze a beszúrási pontot a fenti szövegmezőbe ellenőrzési és adja meg nevét.
Ez a statikus HTML szöveget címeként egy TextBox vezérlő. Ugyanezen az oldalon lehet használni statikus HTML vezérlők és kiszolgáló elemekkel. Az alábbi képen látható a feltérképezése három kontroll a tervezési mód.
Controls Tervező módban.
Tulajdonságainak beállítása a kontroll
A Visual Web Developer támogat különböző módon lehet beállítani a tulajdonságait található vezérlő az oldalon. Ebben a részben a walkthrough, akkor meg tulajdonságokat a tervezési mód és forrás módban.
Tulajdonságainak beállítása a kontroll
Válassza ki a Button vezérlő. majd a „Properties” ablakban állítsa be a Text tulajdonság a megjelenítendő nevet. amint az a következő képen.
A módosított szöveg a vezérlés „gomb”.Keresse meg a forrás módot.
Ellenőrző tulajdonságok nyilvánították attribútumokat. Például, amikor meghatározzák a tulajdonságok szöveg Button vezérlő az első lépésben, sőt, adja attribútumok Markup ellenőrzés.
Megjegyezzük, hogy a kezelőszervek találhatók a sejtben