Áttekintés
Létrehozásakor ASP.NET weboldalakat és kódot írni őket, akkor válasszon egyet a két irányítási modell látható elemek (ellenőrzések és szöveg) és a szoftver kódját. A single-modell látható elemek és a kód van tárolva egyetlen fájlban. A modellben a szétválás kód elkülönítve tárolják a látható elemek egy fájlt kód mögött. Ez walkthrough általános információkkal szolgál dolgozik Web oldalak, amelyek kódosztásos.
Általános információk az egy fájlból modell, lásd. Végigjátszás. Létrehozása Basic weblap a Visual Studio. Ez walkthrough leírja, hogyan lehet létrehozni egy weboldalt az osztály kód, amely ugyanazokkal a funkciókkal rendelkezik, mint az oldal leírt walkthrough az egységes modell.
A választás az egyetlen modell vagy egy modell kóddal részlege, a legtöbb esetben határozza meg a kényelmet és a személyes preferenciák a fejlesztő. Támogatása mindkét modell és a munka velük megvalósított Microsoft Visual Studio ugyanazon a szinten. Ha a lapok mindkét modellhez ugyanazt a teljesítményt. Használata modell kódosztásos lehetővé teszi a hatékonyabb elosztását a felelősség a fejlesztési oldal között webdesigner és programozó.
Ez azt mutatja, walkthrough a következő feladatokat.
Létrehozása ASP.NET oldal kóddal szétválasztás.
Hozzáadása Controls.
Hozzáadása eseménykezelõkkel.
Teljesítő oldalak Visual Studio Development Server.
Ebben a részben a walkthrough, akkor hozzon létre egy weboldalt projekt, amely a hozzá az új oldalt. Ezt követően, az oldal adunk HTML szöveget, és az oldal végre a böngésző.
Ha egy webhely projekt a Visual Studio már létrejött (például a végigjátszás. Létrehozása Basic weblap Visual Studio), akkor közvetlenül a szakasz „Új lap” ebben a kézikönyvben. Ellenkező esetben hozzon létre egy új webhely tervezési és az oldal a következő lépések szerint.
Weboldal készítés projekt alapján a fájlrendszer
Nyílt Visual Studio vagy a Visual Web Developer Express.
A Fájl menüben kattintson az Új webhely.
Megnyitja New Web Site párbeszédpanel.
A Telepített sablonok, kattintson a Visual Basic vagy Visual C #. majd válassza ASP.NET Web Site.
A Hely mezőben válassza ki az Internet File System, és adja meg a mappa nevét, amelyben tartani az oldalt a honlapon.
Például írja be a mappa nevét C: \ weboldalak.
Kattintson az OK gombra.
Visual Studio létrehoz egy webhelyet projekt, amely magában standard funkcionalitást elrendezés (honlap, az oldal tartalma és Default.aspx About.aspx és Cascading Style Sheets), az Ajax technológia (kliens script fájlok) és hitelesítés (ASP.NET tagság).
Létrehozva egy új oldal
Amikor egy új projectet Visual Studio webhely automatikusan hozzáadódik az oldalt nevű Default.aspx. Alapértelmezésben a Visual Studio létrehoz egy új oldalt a szétválás kódot.
Hozzátéve, hogy a webhely oldalak kódosztásos
Zárja le a Default.aspx oldalon. Ehhez kattintson jobb gombbal a fülre 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.
A Telepített sablonok, kattintson a Visual Basic vagy Visual C #, majd a lista formájában.
A Név mezőbe írja WebPageSeparated.
Jelölje be a négyzetet, hogy a kód egy külön fájlban.
Ellenőrizze, hogy a négyzetet Set honlapon nincs beállítva.
Ebben a walkthrough, akkor hozzon létre egy oldalt, amely nem használja a honlapon szerepel a webhelyen projekt.
Kattintson a Hozzáadás gombra.
Hozzáadása HTML-kód oldal
Ebben a részben a walkthrough oldalon WebPageSeparated.aspx hozzá statikus szöveget HTML.
Szöveg hozzáadása az oldalhoz
Válassza alján a dokumentum ablak Tervezés lap. váltani Tervező nézetben.
A tervező nézet oldal jelenik meg a megjelenítési mód, a pontos WYSIWYG. E lépések elvégzése után, az oldal nem tartalmaz szöveget vagy ellenőrzéseket.
Helyezze a beszúrási pontot az elem div. található az oldalon.
Írja be a szöveget a „Welcome to Visual Studio. Hozzon létre egy oldalt a részlege kódot.”
Ide Source.
Ez az üzemmód a HTML kódot létrehozott tervező. Ebben a szakaszban az oldal úgy néz ki, mint egy normál HTML-oldal. Az egyetlen különbség a jelenléte irányelv <%@ Page %> a lap tetejére.
Ebben a részben a walkthrough oldalon hozzáad egy gombot, a vizsgálati helyszín és a címkét. Ezután adjuk hozzá az eseménykezelő kódot a gomb Click. 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 oldalon ellenőrzések
Válassza ki a Tervezés lap váltani Tervező nézetben.
Állítsa be a beillesztési pont után a korábban felvett szöveget.
Ismételten nyomja meg az ENTER billentyűt, hogy hozzon létre egy üres területre az oldalon.
C. Szokásos lap panel elemeket húzza TextBox oldalát. Button és címke.
Helyezze a beszúrási pontot, mielőtt a szövegmezőbe, és írja be a szöveget adja meg a 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.
Tulajdonságainak beállítása a kontroll
A Visual Studio támogatja a 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 megmutatja, hogyan kell dolgozni tulajdonságokkal Tervezési nézet és a Source Code.
Tulajdonságainak beállítása a kontroll
Válassza ki a Button vezérlő és a Properties ablakban állítsa be a Text tulajdonságát a kontroll érték megjelenítési neve.
Ide Source.
Ellenőrző tulajdonságok nyilvánították attribútumokat. Például, ha telepíti a tulajdonságok Text gombot az 1. lépésben ténylegesen telepítve Markup attribútum ellenőrzés.
Megjegyezzük, hogy az összes vezérlőelem belsejében elhelyezett űrlap elem. amely szintén attribútum runat = „server”. Attribútum runat = „szerver” és az előtagként asp: ASP.NET meghatározva feldolgozási elem vezérlő eszköz, ha az oldal.
Programozás „Button” ellenőrzés
Ebben a részben a walkthrough, hozza létre a kódot olvasni a nevét, amelyet a felhasználó a szövegmezőbe, és megjeleníti azt a Label vezérlő.
Hozzáadása egy eseménykezelő az alapértelmezett gomb
Válassza a Nézet tervező.
Kattintson duplán a Button vezérlő.
Adja hozzá a következő kiemelt kódot a eseménykezelő Click.
Ez walkthrough bemutatja, hogyan lehet létrehozni és módosítani weboldalak kódosztásos. A szempontból létrehozása és végrehajtása az oldalak közötti modellek egy fájlt, és hasít a kód nem létezik szignifikáns különbség.
Azt is vizsgálja az egyéb funkciók, többek között:
Weboldalak létrehozása a különböző típusokat. Amellett, hogy a weboldalak létrehozása a fájlrendszer támogatja a weboldalak készítését, amely a Microsoft IIS szolgáltatás projektek, a SharePoint és FTP; Ezen felül, akkor lehet dolgozni Web Application projektek. További információért lásd. Szakaszok felosztása weboldalak projektek Visual Studio és összehasonlítjuk webes alkalmazások a weboldal a projekt projektek.
Hozzáférés biztosítása adatok weboldalakat. További információért lásd. Végigjátszás. Ennek alapján az adatokhoz való hozzáférés a weboldalakon.
Első információk a hibakereső weboldalakat. További információért lásd. Végigjátszás. Debug weboldalakat Visual Web Developer.
Létrehozása egységes helyszínrajzokat segítségével mester oldalakat. További információért lásd. Végigjátszás. Létrehozása és használata Mesteroldalak Visual Web Developer.