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

A VIK Wikiből

Sablon: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

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.