Webprogramozás szerver

Webes alkalmazásfejlesztés 1.

5. gyakorlat

Előkészületek

  1. WinScp indítása, belépés a webprogramozas.inf.elte.hu szerverre
    1. Felhasználónév: neptunkód (kisbetűvel)
    2. Jelszó: almafa1
  2. WinSCP szerkesztőjének beállítása a választott szerkesztőre (pl. Notepad++)
    1. Options/Preferences...
    2. Bal oldalt Editors kategória
    3. Add... gomb megnyomása
    4. External editor
    5. Browse..., kiválasztani a megfelelő futtatható példányt (pl. notepad++.exe)
    6. OK gomb
    7. Up gomb többszöri megnyomásával a kiválasztott szerkesztő lista elejére hozása
    8. OK gomb

  3. A public_html mappa a webes dokumentumok gyökérkönyvtára. Ezt kívülről az alábbi url-en lehet elérni: http://webprogramozas.inf.elte.hu/~neptunkód.

  4. Böngésző indítása

  5. Adatbázis kezeléséhez
    1. phpmyadmin megnyitása
    2. Felhasználónév: neptunkód (kisbetűvel)
    3. Jelszó: almafa1
    4. Adatbázis: weaf1_neptunkód
  6. CodeIgniter feladatokhoz
    1. A CodeIgniter letöltése a CodeIgniter oldaláról.
    2. A CodeIgniter-x.x.x mappában a következőket másoljuk fel a public_html mappának egy tetszőleges almappájába:
      • application mappa
      • index.php fájl
    3. Az index.php fájlban (101. sor környékén) a $system_path változó értékét írjuk át a következőre: '/common/codeigniter/system'.
    4. CodeIgniter dokumentáció megnyitása.

Feladatok:

Az első feladat kivételével a feladatokat CodeIgniter segítségével oldd meg

  1. Adott néhány információ filmekről egy adatbázis táblában. Írj egy olyan oldalt, amely kilistázza a filmeket, és lehetőséget ad a találati listát leszűrni a filmek címe szerint.
    1. Hozd létre a filmek táblát az adatbázisban!
      1. id
      2. cím
      3. hossz
      4. megjelenés éve
    2. Készíts egy statikus HTML oldalt a várt eredménynek megfelelően (táblázat).
    3. A statikus oldalból készíts sablont, és statikus adatokkal jelenítsd meg!
    4. Az adatokat adatbázisból kérdezd le!
      1. mysqli interfészen keresztül
      2. PDO használatával
    5. Oldd meg a filmcímek szűrését egy űrlapon keresztül!
  2. Írd meg a Hello világ MVC-s változatát! (Hello vezérlő, index action)
    1. Írja ki egyszerűen: “Helló világ!”
    2. Vezess be egy $nev változót, és ennek az értékét írd ki a Hello után.
    3. A nevet paraméterként add át az URL-ben, és ennek értékét írd ki! (pl. index.php/hello/index/Geza)
  3. Írj egy Celsius-Fahrenheit, Fahrenheit-Celsius átalakító programot.
    1. A vezérlő neve: Temperature. Action: index.
    2. Hozz létre egy view-t, amely a feladathoz szükséges űrlapot tartalmazza. Az űrlapon legyen egy beviteli mező, és két rádiógomb a kétféle átváltásnak megfelelően. A nézet előállításához használd a Form helpert. Az űrlap önmagának küldje az adatot.
    3. Hozz létre egy modellt, amely az üzleti logikát tartalmazza. Három publikus metódusa legyen:
      1. fahr2Cels($f): Fahrenheitből Celsiusba számol ([°C] = ([°F] ‒ 32) · 5/9)
      2. cels2Fahr($c): Celsiusból Fahrenheitbe számol ([°F] = [°C] · 9/5 + 32)
      3. convert($value, $fromType): a $fromType-tól függően számítja át a $value-t.
    4. A vezérlő olvassa be az adatokat, hívja meg a modellt, és az eredményt adja át a nézetnek. Használd az Input Class-t az űrlapadatok kiolvasásához.
    5. Ügyelj arra, hogy az űrlap állapotmegőrző legyen.
    6. Opcionális: Ellenőrizd az űrlapról érkezett adatokat! (Form Validation Class)