„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 VIK Wikiből
Ugrás a navigációhoz Ugrás a kereséshez
 
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!===
  
<pre>
+
<syntaxhighlight lang="javascript">
 
$("#button").click(function() {});
 
$("#button").click(function() {});
</pre>
+
</syntaxhighlight>
  
 
===9. Milyen fő esetei vannak a jQuery &#8211; ASP.NET MVC kommunikációnak, adjon hozzájuk jQuery kódrészletet!===
 
===9. Milyen fő esetei vannak a jQuery &#8211; 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
<pre>
+
<syntaxhighlight lang="javascript">
 
$('#user_content').load('/User/UserDetails');
 
$('#user_content').load('/User/UserDetails');
</pre>
+
</syntaxhighlight>
  
 
Adatok felposztolása szerveroldalra
 
Adatok felposztolása szerveroldalra
<pre>
+
<syntaxhighlight lang="javascript">
 
var objektum = {};
 
var objektum = {};
 
objektum.tagvaltozo1 = ertek1;
 
objektum.tagvaltozo1 = ertek1;
63. sor: 63. sor:
 
success: alert('siker'); }
 
success: alert('siker'); }
 
});
 
});
</pre>
+
</syntaxhighlight>
  
  

A lap jelenlegi, 2016. október 27., 19:31-kori változata

← Vissza az előző oldalra – Informatikai_technológiák_laboratórium_2

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.