Az előadás letöltése folymat van. Kérjük, várjon

Az előadás letöltése folymat van. Kérjük, várjon

Mester oldal, témák, skin-ek, css Webalkalkalmazás fejlesztése ASP.NET-ben Krizsán Zoltán.

Hasonló előadás


Az előadások a következő témára: "Mester oldal, témák, skin-ek, css Webalkalkalmazás fejlesztése ASP.NET-ben Krizsán Zoltán."— Előadás másolata:

1 Mester oldal, témák, skin-ek, css Webalkalkalmazás fejlesztése ASP.NET-ben Krizsán Zoltán

2 probléma: oldalaknak azonos szerkezet szükséges (menü, logo, fejrész, lábrész, …) de mellette egyedi adatok is (title, egyéb mezők) régi megoldás: sablon fájl, majd új létrehozás ez alapján elkészült több száz, és ha változik a koncepció? asp.net megoldás: mester oldal

3

4 asp.net oldal *.master kiterjesztéssel. tartalma: statikus szöveg, HTML elem, szerver vezérlő, 1 vagy több ContentPlaceHolder. Lehet benne default tartalom. Általában definiálja a html oldal szekcióit: html, head, form.

5 Master page title

6 Össze kell kötni a mester oldallal oldal direktíva tartalmak Content elemek, melynek a ContentPlaceHoldeId megfelelő.

7 Központosított logikai létrehozása Központosított felület részek (menü) Definiálja a közös szerkezetet az oldalaknak Kívülről nem látszik, de a rendszer összefűzi a mester és tartalom oldalak kódját

8 A mester és a tartalom oldalakat összefésülik, de az a tartalom környezetében fut: a mester kódja is (request) a relatív útvonalak a tartalomhoz képest (külső erőforrások, pl. kép) a mester oldalon elhelyezett szerver vezérlők hivatkozásai módosulnak automatikusan (pl.: ImageUrl ). ImageUrl a mester oldalon elhelyezett nem szerver vezérlők nem módosulnak, ezért használjunk mindig szerver vezérlőket!

9 Mester oldalnak nem lehet témát definiálni (kivétel keletkezik) A tartalom oldalnál oldják fel a témát, de az érvényesül a mester oldal tartalmára is

10 Oldal szinten: Webalaklmazás szinten (web.config): web mappákra (web.config)

11 1. Content page PreInit event. 2. Master page controls Init event. 3. Content controls Init event. 4. Master page Init event. 5. Content page Init event. 6. Content page Load event. 7. Master page Load event. 8. Master page controls Load event. 9. Content page controls Load event. 10. Content page PreRender event. 11. Master page PreRender event. 12. Master page controls PreRender event. 13. Content page controls PreRender event. 14. Master page controls Unload event. 15. Content page controls Unload event. 16. Master page Unload event. 17. Content page Unload event.

12 1. MasterType direktíva hozzáadása a tartalom oldalhoz 2. Tartalom oldalban használhatjuk a Master nyilvános tulajdonságait. Így már a kiterjesztett saját mester oldalt látjuk. vagy Master.FindControl

13

14

15

16 Walkthrough: Creating and Using ASP.NET Master Pages in Visual Web Developer

17 Közös kinézetet biztosítja Tartalma lehet: szkinek (kötelező legalább 1), css, képek, erőforrások VS 2012 segít a téma kiválasztásában VS 2012 segít a skin kiválasztásában, ha téma már ki van.

18 *.skin kiterjesztésű fájl szerver vezérlők tulajdonságainak közös beállítása (1 vagy több) nem lehet a vezérlő definícióban id! 2 fajtája van: alapértelmezett – default automatikus érvényesül minden vezérlőre, amelynek nincs SkinID beállítva. nevesített – named explicit érvényesül a vezérlő SkinID tulajdonsága alapján. Kliens nem tudja, hogy a tulajdonság szkinből jött e. Csak bizonyos tulajdonságokat lehet ( ThemeableAttribute)ThemeableAttribute

19

20 %windows%\Microsoft.NET\Framework\version\ASP. NETClientFiles\Themes lokális App_theme mappán belüli mappák.

21

22 oldalra, direktívával: egy vezérlőre tulajdonsággal:

23

24

25 How to: Define ASP.NET Page Themes Walkthrough: Customizing a Web Site Using Themes in Visual Studio Walkthrough: Creating User-Selectable Themes


Letölteni ppt "Mester oldal, témák, skin-ek, css Webalkalkalmazás fejlesztése ASP.NET-ben Krizsán Zoltán."

Hasonló előadás


Google Hirdetések