ITL2 - AUT1. mérés: Vékonykliens-fejlesztés (webalkalmazás fejlesztése ASP.NET MVC-ben) forrásának megtekintése

{{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]]

==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==
===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:
<pre>
<!DOCTYPE html>
</pre>
===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: -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ő.

===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!===

<syntaxhighlight lang="javascript">
$("#button").click(function() {});
</syntaxhighlight>

===9. Milyen fő esetei vannak a jQuery &#8211; 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
<syntaxhighlight lang="javascript">
$('#user_content').load('/User/UserDetails');
</syntaxhighlight>

Adatok felposztolása szerveroldalra
<syntaxhighlight lang="javascript">
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'); }
});
</syntaxhighlight>


-- [[SzaboTamasGorog|Görög]] - 2012.09.30.



[[Category:Infoszak]]