„ITL2 - AUT1. mérés: Vékonykliens-fejlesztés (webalkalmazás fejlesztése ASP.NET MVC-ben)” változatai közötti eltérés
36. sor: | 36. sor: | ||
===8. Adjon példát arra, hogy hogyan iratkozna fel jQueryvel egy gomb click eseményére!=== | ===8. Adjon példát arra, hogy hogyan iratkozna fel jQueryvel egy gomb click eseményére!=== | ||
− | < | + | <syntaxhighlight lang="javascript"> |
$("#button").click(function() {}); | $("#button").click(function() {}); | ||
− | </ | + | </syntaxhighlight> |
===9. Milyen fő esetei vannak a jQuery – ASP.NET MVC kommunikációnak, adjon hozzájuk jQuery kódrészletet!=== | ===9. Milyen fő esetei vannak a jQuery – ASP.NET MVC kommunikációnak, adjon hozzájuk jQuery kódrészletet!=== | ||
46. sor: | 46. sor: | ||
Szerveroldalról letöltött html div-be töltése | Szerveroldalról letöltött html div-be töltése | ||
− | < | + | <syntaxhighlight lang="javascript"> |
$('#user_content').load('/User/UserDetails'); | $('#user_content').load('/User/UserDetails'); | ||
− | </ | + | </syntaxhighlight> |
Adatok felposztolása szerveroldalra | Adatok felposztolása szerveroldalra | ||
− | < | + | <syntaxhighlight lang="javascript"> |
var objektum = {}; | var objektum = {}; | ||
objektum.tagvaltozo1 = ertek1; | objektum.tagvaltozo1 = ertek1; | ||
63. sor: | 63. sor: | ||
success: alert('siker'); } | success: alert('siker'); } | ||
}); | }); | ||
− | </ | + | </syntaxhighlight> |
A lap jelenlegi, 2016. október 27., 19:31-kori változata
VIGYÁZAT!!! Annak ellenére, hogy ez AUT-os labor, csinálni is kell majd a mérésen valamit, nem copypaste lesz! -- CsL
Tartalomjegyzék
- 1 Segédanyagok
- 2 Ellenőrző kérdések 2012
- 2.1 1. Mit jelent az MVC architektúra?
- 2.2 2. Mire szolgál a _Layout.cshtml fájl egy ASP.NET MVC projektben?
- 2.3 3. Hogyan állítható be, hogy a böngésző HTML 5-ös oldalnak értelmezzen egy weboldalt?
- 2.4 4. Mi a különbség az alábbi két CSS stílus beállítás között:
- 2.5 5. Mit jelent az, hogy a jQuery Templates deklaratív?
- 2.6 6. Milyen típusú és mennyi adatot lehet localStorage-ban tárolni?
- 2.7 7. Mik a localStorage hátrányai?
- 2.8 8. Adjon példát arra, hogy hogyan iratkozna fel jQueryvel egy gomb click eseményére!
- 2.9 9. Milyen fő esetei vannak a jQuery – ASP.NET MVC kommunikációnak, adjon hozzájuk jQuery kódrészletet!
Segédanyagok
Ellenőrző kérdések 2012
1. Mit jelent az MVC architektúra?
Szétválik a Model, View, Controller, a Modelben csak az alkalmazás által kezelt adatok és üzleti szabályok szerepelnek, a Controller az eseményeket kezeli, és feldolgozza a Model és View számára utasításokká, a View pedig a kimeneti adatokat reprezentálja olyan alakban, ami alkalmas a felhasználói interakcióra.
2. Mire szolgál a _Layout.cshtml fájl egy ASP.NET MVC projektben?
Meghatározza az alkalmazás minden oldalának kinézetét.
3. Hogyan állítható be, hogy a böngésző HTML 5-ös oldalnak értelmezzen egy weboldalt?
Az első sorban szerepelnie kell ennek:
<!DOCTYPE html>
4. Mi a különbség az alábbi két CSS stílus beállítás között:
background-image: -moz-linear-gradient(top, #0081ac, #005b79);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0081ac),colorstop(1, #005b79));
Az, hogy az első sor a mozzila alapú (Firefox, Flox, stb.), a második a webkit alapú (Safari, Chrome, stb) böngészők által értelmezhető.
5. Mit jelent az, hogy a jQuery Templates deklaratív?
Azt, hogy elég megadnunk sablont, amibe majd meg akarunk valamit jeleníteni.
6. Milyen típusú és mennyi adatot lehet localStorage-ban tárolni?
Bár a specifikáció mást is engedne, a böngészők API-ja string értékek tárolását biztosítja, melyekre string kulcsokkal hivatkozhatunk. A böngészők általában 5MB adat tárolását engedélyezik minden webhely számára.
7. Mik a localStorage hátrányai?
- Maximum 5MB-nyi adat tárolásásra alkalmas
- Bár a specifikáció mást is engedne, a böngészők API-ja string értékek tárolását biztosítja, melyekre string kulcsokkal hivatkozhatunk.
- A mi feladatunk, hogy gondoskodjunk a string egyediségéről, illetve a tárolandó objektum stringgé alakításáról, amely természetesen teljesítmény igényes lehet.
- A kulcsra történő keresésen kívül semmilyen más lehetőség nincs az adatok visszakeresésére, tehát ha bonyolultabb feltételek mellett kell keresni, szűrni, rendezni az adatokat, az szintén a mi feladatunk.
8. Adjon példát arra, hogy hogyan iratkozna fel jQueryvel egy gomb click eseményére!
$("#button").click(function() {});
9. Milyen fő esetei vannak a jQuery – ASP.NET MVC kommunikációnak, adjon hozzájuk jQuery kódrészletet!
- egy kliensoldali div-be a szerveroldalról lekért (http get) html kód betöltése
- egy űrlap mezőinek szerveroldalra történő felküldése (http post)
Szerveroldalról letöltött html div-be töltése
$('#user_content').load('/User/UserDetails');
Adatok felposztolása szerveroldalra
var objektum = {};
objektum.tagvaltozo1 = ertek1;
objektum.tagvaltozo2 = ertek2;
$.ajax({
url: "/Kontroller/Akcio",
type: "POST",
data: JSON.stringify(objektum),
dataType: 'json',
contentType: "application/json; charset=utf-8",
success: alert('siker'); }
});
-- Görög - 2012.09.30.