Áttekintés 1
Hogy teljes legyen a walkthrough, amire szükség van a következő összetevőkből áll:
Visual Studio vagy a Microsoft Visual Web Developer Express Edition.
Továbbá, jpg, gif, vagy más grafikai fájl lehet használni, mint a logó a főoldalon. Javasoljuk, hogy a jelkép nem volt több, mint 48 pixel magas. Ugyanakkor, a kijelző a logó nem kötelező, és a pontos méret a szám nem kritikus ezt a bemutató.
Ha egy webhely hoztak létre a Visual Web Developer (például lépéseit követve végigjátszás. Létrehozása Basic weblap Visual Web Developer), akkor az adott webhely, és ugorjon a következő szakasz létrehozása honlap. Ellenkező esetben hozzon létre egy új webhely és az oldal a következő lépések szerint.
Egy weboldal létrehozása alapján a fájlrendszer
Nyílt Visual Web Developer.
A Fájl menüben kattintson az Új webhely.
Egy párbeszédablak létrehozása webhelyen.
Kevesebb Visual Studio telepített sablonokat, kattintson ASP.NET Web Site.
A Hely mezőbe írja be a mappa nevét, ahol meg szeretné tartani az oldalak egy webhelyet.
Például írja be a mappa nevét C: \ weboldalak.
A Nyelv listából válassza ki a kívánt programozási nyelv.
Kattintson az OK gombra.
Visual Web Developer létrehozza a mappát, és egy új oldalt nevű Default.aspx.
Jelölje ki az összes sejtet az asztalra, és a paraméter BGCOLOR eltérő színű a háttér színét.
Hozzáadása statikus tartalom a honlapon
A Toolbox húzza a következő csoportból Menü átmenetek ellenőrzik, hogy a felső cella.
Hozzon létre egy menü a következő lépéseket:
Rendeljen ingatlan tájolása Menüvezérlési érték vízszintes.
A csoport elemeinek, kattintson duplán a gyökér csomópont. hogy két menüpontok:
Kattints az első csomópont és állítsa szöveg Home. és NavigateUrl paraméter - értéket Home.aspx.
Kattintson a második csomópont és állítsa szöveg Körülbelül. és NavigateUrl paraméter - értéket About.aspx.
Ha van egy képfájl, hogy lehet használni, mint egy logó, kövesse az alábbi lépéseket, hogy azt a főoldalon:
A Solution Explorer jobb gombbal a webhelyre nevét, majd kattintson a Hozzáadás Létező pont.
Keresse meg a képfájlt, válassza ki, majd a Hozzáadás gombra.
A Toolbox húzza csoportból Standard Image vezérlő közepén bal oldali oszlopban az asztalra.
Állítsa be a kép tulajdonságait ellenőrző imageurl képfájl nevét.
Most akkor tegye a tartalmát egy prototípus, hogy meghatározza a helyet, ahová a honlapon lesz oborzhatsya tartalom futásidőben.
Tartalom hozzáadása a prototípus
Húzza ContentPlaceHolder ellenőrzés a jobb középső cella.
Az ingatlan azonosító ellenőrzés ContentPlaceholder1. Akkor hagyja ezt a nevet, vagy megváltoztatni. Ne feledje, egy új nevet, mert szükség lesz rá később.
Az oldal tartalmaz egy tartalom ellenőrzés. amely továbbra is működteti a felhasználó.
Az oldal tartalma nem a szokásos elemek alkotják a ASP.NET oldalt, mint a html. szerv vagy formában. Ehelyett csak fokozta a tartalom jelenik meg a főoldalon a tartalom területen létrehozott egy prototípus.
Tartalom hozzáadása a Kezdőlap
Váltás Tervező nézetben.
ContentPlaceHolder ellenőrzések főoldalon jelennek Tartalombeállítás az új tartalmi oldalon. A maradék tartalmát a honlapon látható, így láthatjuk az elrendezést. Azonban úgy tűnik, hogy elérje módban, ezért nem lehet változtatni, amíg az oldal tartalmának megváltoztatása.
A legördülő listában a Properties ablakban kattintson a dokumentumban, és állítsa be az értéket a téma Otthon Kontraktor.
Cím függetlenül állítható be az egyes oldalak, így a helyes cím jelenik meg a böngészőben, ha a tartalom együtt a honlap. Fejléc információt tárolja a @ Oldal irányelve az oldal tartalmát.
A tartalom ellenőrzés. amely megfelel ContentPlaceHolder1 tárgyat a honlapon írja Üdvözöljük a Contoso oldalon.
Jelölje ki a szöveget és formázza meg a címsor kiválasztásával 1. fejezet a legördülő listából formátumban a Toolbox.
Nyomja meg az ENTER hogy hozzon létre egy új üres sort a tartalom ellenőrzés. majd írja Köszönjük látogatását honlapunkon.
A teszt nem fontos, akkor lehet, hogy végezzen olyan szöveget, amely segít felismerni ezt az oldalt, mint egy otthoni.
Mintegy oldalon lehet létrehozni ugyanazzal a módszerrel, mint a kezdőlapra.
Készítsen egy oldalt
Használja ugyanazokat a lépéseket, mint az oldalak Home, hogy egy új tartalmi oldalon elemzi About.aspx.
Győződjön meg arról, hogy az új oldal kapcsolódik Master1.master oldalon, ahogy ezt már a kezdő oldalra.
Változás a címet a oldalról oldalra a Kontraktor.
A tartalom terület, típus Körülbelül Kontraktor, majd formázza a szöveget az 1. fejezet adja meg a szöveget és jelentését az 1. fejezet a legördülő listából a Format parancsra.
Nyomja meg az ENTER hogy hozzon létre egy új sort, majd írja 1982 óta Kontraktor szoftvert biztosít magas minőségű termékek.
Mester tulajdonság visszaadja a tartalmát az oldal linket a honlapon, irányelvben meghatározott @ MasterType. lépésben hozzáadott 3.
Tesztelés linkeket a főoldalon az ingatlanok
Ide Home.aspx vagy nyissa ki és nyomja meg a Ctrl + F5.
Az oldal nyílik meg a böngésző a szöveget Üdvözöljük a Contoso oldalon
Menj a kód mögött Master1.master vagy nyissa meg.
Változás Page_Init kezelő. Ahhoz, hogy hozzá egy másik tulajdonság nevét, mint az alábbi kódot példa.
Bizonyos esetekben előfordulhat, hogy módosítania kell mester oldalak dinamikusan, azaz használni a kódnak a honlapon tartalom itt. Például, azt szeretné, hogy a felhasználók választhatnak több elrendezést és állítsuk be a honlap szerint a preferenciák.
Ebben a részben az áttekintése, a második honlap a webhelyre, majd hozzon létre egy gombot lesz hozzá, hogy a felhasználók közötti váltáshoz az első és a második fő oldala. Mivel a két főoldala nagyon hasonló lesz, másolja az első főoldalon, és változtassa meg úgy, hogy úgy járt el, mint egy második honlap.
Másolatot készíthet a honlapon
A Solution Explorer jobb gombbal Master1.master majd a Másolás gombra.
Kattintson a weboldal jobb nevet, majd válassza a Beillesztés parancsot.
Főoldal hozzá kell adni a webhely nevét másolata master1.master.
Kattintson a jobb gombbal a másolatának nevét master1.master. válassza az Átnevezés, majd adja meg a nevét az új Master2.master honlapja.
Nyílt Master2.master és módosítsa az irányelvet @ Mester attribútum Master1 a Master2.
Az elkészült oldal irányelv fog kinézni azt az alábbi kódot példa.
A következő lépés az, hogy adjunk egy gombot minden főoldala, amely lehetővé teszi a felhasználók számára, hogy válasszon egy másik honlapon.
Hozzátéve gombokkal válasszon ki egy másik honlap
Ide Master2.master oldalra vagy nyissa meg.
A Toolbox húzza a csomópontot a standard LinkButton ellenőrzés az oldalra, és tegyük a menü alatt a táblázat tetején sejt.
Állítsa be a Text tulajdonságát a gomb értéke Színes.
Kattintson duplán a gombra, hogy hozzon létre egy eseménykezelő Click. majd adja hozzá a következő kiemelt kódot:
A kód meghatározza az értékét az aktuális oldal MasterPageFile értéket munkamenet változót, ha teljesül. Ezt a kódot kell végrehajtani a felvezető Page_PreInit; nem lehet tenni a felvezető, aki kezd egy kicsit később, mint Page_PreInit handler (például Page_Init handler), mert a főoldalon úgy kell beállítani, hogy az oldal létrehozhat egy másolatát, hogy a következő indításkor.
Most már teszteli a dinamikus mester oldalakat.
Tesztelése dinamikus honlap
A About.aspx oldalon nyomja meg a CTRL + F5 billentyűkombinációt fut az oldalon.
Az oldal nyílik meg a böngésző, kombinálva az alapértelmezett honlap Master1.master.
Kattintson Plain linkre.
Az oldal jelenik meg újra, és most együtt a oldal Master2.master, amely nem tartalmazza a háttér színét.
Kattintson Színes linkre.
Oldal jelenik meg újra Master1.master.
Megjegyzések a mester oldalak
Számos kérdés, hogy tudatában legyünk, ha dolgozik, honlap.
Egy valós alkalmazás adatait, például a nevét, a cég várhatóan tárolni a konfigurációs fájlt, és közvetlenül leolvasható a tartalmi oldalakon. Azonban a forgatókönyv szerint itt egy egyszerű példát, hogy hogyan kell létrehozni egy linket a tagok a honlap tartalmi oldalakon.
A tagok a honlapon lehet hozzáférni nélkül is a felvételét az irányelv @ MasterType. Ehhez azonban az szükséges, hogy az ingatlan oldal. Mestere a megfelelő típusú honlapon (Master tulajdonság értéke null. Ha az oldal nem tartalmaz a főoldalon). További információért lásd. Munkavégzés mesteroldalakat ASP.NET szoftver.
A kontroll lehet hivatkozni a főoldalon segítségével Master.FindControls módszer. További információért lásd. Munkavégzés mesteroldalakat ASP.NET szoftver.
Számos kérdés, hogy tudatában legyünk, ha dolgozik, a dinamikus honlap:
változtatni a szkript mester oldalak is egyszerűsödik, úgyhogy a walkthrough figyelni, hogy a főoldalon. Egy valós alkalmazás valószínűleg megjelenítéséhez szükséges nagyobb választéka modellek, majd tárolja a felhasználói preferenciákat profilokat. További információért lásd. Megértésében ASP.NET Profil tulajdonságai.
Itt lehet beállítani a webhely, hogy az összes oldalt használja ugyanazt a honlapon. Lehetséges lenne, hogy több oldalt, hogy jönne egy másik honlapon, hogy testreszabhatja a kódot ugyanúgy, ahogy ebben a részben a walkthrough. A részleteket lásd a fickó. „Behatárolása Mester oldalakat” megértése a fő oldalának ASP.NET.
Meg kell adnia kódot Home.aspx oldal minden oldalon, ahol szeretné, hogy felülbírálja az alapértelmezett kezdőlapot.
Ez walkthrough illusztrálja a funkcionalitást a fő oldalon. Szükség lehet kísérletezni további funkciókat. Íme néhány lehetőség.
Létrehozása mester oldal, több prototípus a tartalom. Akkor töltse ki, egy vagy több prototípusai az egyes oldalak tartalmát meg kell jeleníteni.
Meghatározása tartalmának prototípusok az alapértelmezett tartalmat. Ha az ASP.NET oldal nem támogatja a tartalmát a prototípus, a honlapon megjelenik az alapértelmezett tartalom.
Ismerje meg, hogyan lehet, hogy a fő oldalon belül mester oldalak létrehozására az alkatrészek. További információért lásd. Beágyazott ASP.NET mester oldalakat.