„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
a (vissza-link elhelyezése fölül) |
|||
(8 közbenső módosítás, amit 3 másik szerkesztő végzett, nincs mutatva) | |||
1. sor: | 1. sor: | ||
− | |||
− | |||
{{Vissza|Informatikai_technológiák_laboratórium_2}} | {{Vissza|Informatikai_technológiák_laboratórium_2}} | ||
+ | {{noautonum}} | ||
VIGYÁZAT!!! Annak ellenére, hogy ez AUT-os labor, csinálni is kell majd a mérésen valamit, nem copypaste lesz! -- [[CsL]] | VIGYÁZAT!!! Annak ellenére, hogy ez AUT-os labor, csinálni is kell majd a mérésen valamit, nem copypaste lesz! -- [[CsL]] | ||
− | + | ==Segédanyagok== | |
+ | * [https://www.aut.bme.hu/Upload/Course/VIAUA425/hallgatoi_segedletek/Labor1%20-%20Hallgatoi%20-%20ASPNETMVC.doc 1. Vekonykliens fejlesztes - Hallgatoi] | ||
+ | * [https://www.aut.bme.hu/Upload/Course/VIAUA425/gyakorlat_anyagok/MVCDemoSolution_Kezdo.zip Vékonykliens mérés - kezdő solution] | ||
+ | |||
==Ellenőrző kérdések 2012== | ==Ellenőrző kérdések 2012== | ||
===1. Mit jelent az MVC architektúra?=== | ===1. Mit jelent az MVC architektúra?=== | ||
17. sor: | 19. sor: | ||
</pre> | </pre> | ||
===4. Mi a különbség az alábbi két CSS stílus beállítás között:=== | ===4. Mi a különbség az alábbi két CSS stílus beállítás között:=== | ||
− | < | + | <syntaxhighlight lang="css"> |
background-image: -moz-linear-gradient(top, #0081ac, #005b79); | background-image: -moz-linear-gradient(top, #0081ac, #005b79); | ||
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0081ac),colorstop(1, #005b79)); | background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0081ac),colorstop(1, #005b79)); | ||
− | </ | + | </syntaxhighlight> |
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ő. | 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?=== | ===5. Mit jelent az, hogy a jQuery Templates deklaratív?=== | ||
Azt, hogy elég megadnunk sablont, amibe majd meg akarunk valamit jeleníteni. | Azt, hogy elég megadnunk sablont, amibe majd meg akarunk valamit jeleníteni. | ||
33. 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!=== | ||
43. 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; | ||
60. sor: | 63. sor: | ||
success: alert('siker'); } | success: alert('siker'); } | ||
}); | }); | ||
− | </ | + | </syntaxhighlight> |
-- [[SzaboTamasGorog|Görög]] - 2012.09.30. | -- [[SzaboTamasGorog|Görög]] - 2012.09.30. | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
[[Category:Infoszak]] | [[Category:Infoszak]] |
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.