WEBES ALKALMAZÁSFEJLESZTÉS 1.

Átírás

1 WEBES ALKALMAZÁSFEJLESZTÉS 1. Horváth Győző Egyetemi adjunktus 1117 Budapest, Pázmány Péter sétány 1/C, Tel: (1) /1816

2 Tartalom 2 MVC ismétlés Mini MVC saját MVC keretrendszer MVC részeinek finomítása Modell finomítása Nézet finomítása Vezérlő finomítása Egyéb funkciók beillesztése az MVC mintába

3 6 MVC ismétlés

4 Ismétlés 7 Kiindulási pont: egyszerű listázó alkalmazás vegyes HTML és PHP kód vegyes funkcionalitások Kód funkcionális (és ezzel nyelvi) szétválasztása Nézet (view) Modell (model) Vezérlő (controller)

5 Vezérlő (controller) 8 <?php include('albums_model.php'); $nev = ''; $leiras = ''; if (isset($_post['nev'])) { $nev = $_POST['nev']; if (isset($_post['leiras'])) { $leiras = $_POST['leiras']; $albums = get_albums($nev, $leiras); //modell include('list.php'); //view

6 Modell (model) 9 <?php function get_albums($nev = '', $leiras = '') { $mysqli = new mysqli('localhost', 'wabp3', 'ab2009', 'wabp3'); if ($mysqli->connect_error) { die('kapcsolodasi hiba'. $mysqli->connect_errno. $mysqli->connect_error); $mysqli->query('set names utf8'); $stmt = $mysqli->prepare( "select * from photo_albums where nev like? and leiras like?"); $stmt->bind_param('ss', $nev, $leiras); $nev = "%{$nev%"; $leiras = "%{$leiras%"; $stmt->execute();

7 Modell (model) 10 $meta = $stmt->result_metadata(); $sor = array(); foreach ($meta->fetch_fields() as $field) { $params[] = &$sor[$field->name]; call_user_func_array(array($stmt, 'bind_result'), $params); $albums = array(); while ($stmt->fetch()) { $albums[] = array( 'id' 'nev' 'leiras' ); $stmt->free_result(); $mysqli->close(); => $sor['id'], => $sor['nev'], => $sor['leiras'], return $albums;

8 Nézet (view) 11 <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> </head> <body> <h1>albumok listazasa</h1> <form action="index2.php" method="post"> Nev: <input type="text" name="nev" value="<?php echo $nev;?>" ><br> Leiras: <input type="text" name="leiras" value="<?php echo $leiras;?>" ><br> <input type="submit" value="szur"> </form>

9 Nézet (view) 12 <table> <tr> <th>azonosító</th> <th>név</th> <th>leírás</th> </tr>  <?php foreach ($albums as $sor) :?> <tr> <td><?php echo $sor['id'];?></td> <td><?php echo $sor['nev'];?></td> <td><?php echo $sor['leiras'];?></td> </tr> <?php endforeach;?>  </table> <a href="insert.php">új album...</a> </body> </html>

10 Ismétlés 13 Ez a megvalósítás az MVC architekturális tervezési mintát követi, valósítja meg Vezérlő Modell Nézet

11 Ismétlés 14 MVC minta általánosságban MVC keretrendszerek CodeIgniter (professzionális MVC keretrendszer)

12 15 Mini MVC Saját MVC-s keretrendszer

13 Saját MVC keretrendszer 16 Elvárások Egy belépési pontja legyen az alkalmazásnak Az MVC részei külön könyvtárba kerüljenek Elnevezési konvenciók Sablon nyelv a PHP (echo, if, foreach) Oldalsablon támogatás legyen OOP

14 Front Controller 17 Az alkalmazás belépési pontja Vezérlők közös részeit tartalmazza munkamenet-kezelés, konfiguráció beolvasása, authentikáció, előszűrések, stb. Többi fájl elérhetetlensége.htaccess token definiálása a FC-ben és ellenőrzése a vezérlőkben index.php Kért oldal jelzése GET paraméterrel index.php?oldal=main

15 Front Controller switch ($oldal) { case "index": index(); break; case "page1": page1(); break; case "page2": page2(); break; case "page3": page3(); break; default: index(); function index() { function page1() { function page2() { function page3() {

16 Front Controller if (function_exists($oldal)) { call_user_func($oldal); function index() { function page1() { function page2() { function page3() {

17 Front Controller switch ($oldal) { case "index": include "v3_index.php"; break; case "page1": include "v3_page1.php"; break; case "page2": include "v3_page2.php"; break; case "page3": include "v3_page3.php"; break; default: include "v3_index.php";

18 Front Controller if (file_exists("v3_". $oldal. ".php")) { include_once("v3_". $oldal. ".php");

19 Front Controller (index.php) 22 index.php?class=products&method=list define( "TOKEN", "mini_mvc" ); session_start(); function autoload($class_name) { require_once strtolower($class_name). '.php'; require "models/db.php"; //Konfiguracio betoltese //Jogosultsagok ellenorzese $class = 'main'; if (isset($_get['class'])) { $class = $_GET['class']; $method = 'index'; if (isset($_get['method'])) { $method = $_GET['method']; if (file_exists("controllers/". $class. ".php")) { include_once("controllers/". $class. ".php"); if (class_exists($class. "_Controller")) { $class.= "_Controller"; $ctrl = new $class(); if (method_exists($ctrl, $method)) { //call_user_func(array($class, $method)); $ctrl->$method(); else { include_once("error.html"); else { include_once("error.html"); else { include_once("error.html");

20 bootstrap Front Controller Controller Front Controller vs bootstrap 23 A fenti megoldásban a Front Controller procedurális, nem OOP-s Ha a Front Controllert osztálypéldányként (singleton) szeretnénk használni, akkor az az állomány, amely előkészíti és példányosítja a bootstrap állomány (index.php)

21 24 Könyvtárszerkezet

22 Vezérlő 25 <?php if (!defined('token')) exit('ejnye-bejnye'); class Main_Controller { function index() { include('models/albums.php'); $nev = ''; $leiras = ''; if (isset($_post['nev'])) { $nev = $_POST['nev']; if (isset($_post['leiras'])) { $leiras = $_POST['leiras']; $model = new Albums_Model(); $albums = $model->get_albums($nev, $leiras); //modell $view = new View(); $view ->set('nev', $nev) ->set('leiras', $leiras) ->set('albums', $albums); $content = $view->get_include_contents('views/list.php'); include('views/template.php');

23 View osztály 26 class View { private $vars = array(); public function get_include_contents($filename) { extract($this->vars); if (is_file($filename)) { ob_start(); include $filename; $contents = ob_get_contents(); ob_end_clean(); return $contents; return false; public function set($name, $value) { $this->vars[$name] = $value; return $this;

24 Modell 27 <?php if (!defined('token')) exit('ejnye-bejnye'); class Albums_Model { function get_albums($nev = '', $leiras = '') {... return $albums;

25 Nézet 28 <table> <tr> <th>azonosító</th> <th>név</th> <th>leírás</th> <th>funkciók</th> </tr>  <?php foreach ($albums as $sor) :?> <tr> <td><?php echo $sor['id'];?></td> <td><a href="index.php?class=images&method=index&album_id=<?php echo $sor['id'];?>"><?php echo $sor['nev'];?></a></td> <td><?php echo $sor['leiras'];?></td> <td><a href="index.php?class=main&method=delete&id=<?php echo $sor['id'];?>">torol</a></td> </tr> <?php endforeach;?>  </table> <a href="index.php?class=main&method=insert">új album...</a>

26 Oldalsablon 29 <div id="wrap"> <div id="header"> <h1 id="logo-text"> <a href="index.html">sablon</a> </h1> </div> </div>  <div id="content-wrap"> <div id="main"> <?php echo $content;?> </div> </div>

27 30 Modell finomítása

28 Modell finomítása 31 Az alkalmazás adatait és az ezek feldolgozásához szükséges üzleti logikát tartalmazza További rétegekre bontható üzleti logikai réteg (üzleti logikához illeszkedő adatszerkezetek, objektumok) adatbázis-absztrakciós réteg (adatbázis- és táblaszerkezetnek megfelelő objektumok hierarchiája) adatbázis-elérési absztrakciós réteg adatbázis (táblák, tárolt eljárások, nézetek)

29 Modell minták 32 Domain model: olyan réteg, amely a valós világ adatainak megfelelő absztrakt objektumokat, logikákat tartalmazza Simple Domain Model: egy-egy kapcsolat az üzleti objektumok és táblák között Active Record minta (rekord szintű) Table Data Gateway minta (tábla szintű) Data Mapper minta (táblaadatok üzleti objektum) Rich Domain Model: üzleti objektumok bonyolultabb kapcsolatrendszere (tipikusan nagyvállalati projektek)

30 Adatbázis-elérési absztrakció 33 A modellünk jelenleg egy bizonyos adatbázis driverhez kötődik. Ha megváltozik az alkalmazásunk mögötti adatbáziskezelő, vagy egyszerűen olyan szerverre költözünk, ahol egy bizonyos driver nincsen feltelepítve, az átállás nagyon nehéz lehet. Megoldás: adatbázis-elérési absztrakciós réteg kialakítása, mely egy magasabb szintű absztrakt nyelvvel elfedi a konkrét adatbázis függvényeit.

31 Adatbázis-elérési absztrakció 34 Adatbázis-elérési absztrakciós lehetőségek Saját magunk készítünk ilyen réteget Előre megírt függvénykönyvtárat alkalmazunk PHP PDO Doctrine Database Abstraction Layer

32 Saját absztrakciós réteg 35 db.php: konfiguráció mysql.php: absztrakt műveletek Mysqli interfésszel kifejtve oracle.php: absztrakt műveletek OCI8 interfésszel kifejtve albums.php: absztrakt interfésszel megvalósított modell

33 PHP PDO 36 PHP natív absztrakciós rétege Többféle interfészt támogat CUBRID (PDO) MS SQL Server (PDO) Firebird/Interbase (PDO) IBM (PDO) Informix (PDO) MySQL (PDO) Oracle (PDO) ODBC and DB2 (PDO) PostgreSQL (PDO) SQLite (PDO) 4D (PDO) Műveletkategóriák Kapcsolatkezelés Tranzakciókezelés Paraméterezett SQL utasítások és tárolt eljárások kezelése Hibakezelés LOB-ok kezelése /en/book.pdo.php

34 PHP PDO 37 PDO exec query prepare lastinsertid PDOStatement bindcolumn bindparam bindvalue execute begintransaction intransaction commit rollback rowcount fetch fetch closecursor errorcode errorinfo errorcode errorinfo

35 PHP PDO példa 38 $sth = $dbh->prepare('select name, colour, calories FROM fruit WHERE calories < :calories AND colour = :colour'); $sth->bindparam(':calories', $calories, PDO::PARAM_INT); $sth->bindparam(':colour', $colour, PDO::PARAM_STR, 12); $calories = 150; $colour = 'red'; $sth->execute(); $sth = $dbh->prepare('select name, colour, calories FROM fruit WHERE calories <? AND colour =?'); $calories = 150; $colour = 'red'; $sth->execute(array($calories, $colour));

36 Adatbázis-absztrakciós megoldások 40 Általában egy adatbázis-elérési absztrakciós rétegen ülnek Tipikusan egy-egy kapcsolatot teremtenek az adatbázisbeli táblák és az üzleti objektumok adattagjai között Az adatbázist az üzleti objektum magas szintű absztrakt metódusain keresztül manipuláljuk get, getall, save (insert vagy update) Általában ORM megoldások: Object Relational Mapping

37 Adatbázis-absztrakciók 41 Nem jelennek meg benne direkt SQL utasítások OOP felületen adjuk meg a logikát, mit szeretnénk, s az absztrakciós réteg generálja le a neki megfelelő SQL utasítást A megoldások egy részében saját lekérdező nyelven keresztül Hibernate HQL Doctrine DQL

38 Object Relational Mapping 42 Az ORM egy tábla-egy objektum kapcsolatot létesít Lehetőség van kapcsolatok megadására (1-N, N-N viszonyok) és ezeknek OOP-s felületen történő kezelésére pl. $user->subjects

39 PHP ORM megoldások 43 Független projektek ActiveRecord Doctrine Eloquent Propel Keretrendszerbe ágyazva CodeIgniter Laravel Symfony CakePHP Kohana PHP Yii

40 PHP ORM példa (ActiveRecord) 44 class User extends ActiveRecord\Model { // create Tito $user = User::create(array('name' => 'Tito', 'state' => 'VA')); // read Tito $user = User::find_by_name('Tito'); // update Tito $user->name = 'Tito Jr'; $user->save(); // delete Tito $user->delete();

41 45 PHP ORM példa (ActiveRecord)

42 46 PHP ORM példa (ActiveRecord)

43 CodeIgniter specifikumok 47 CodeIgniter a Database Classon keresztül biztosít adatelérési-absztrakciós réteget adatbázis-absztrakciós réteget (ActiveRecord minta alapján, de nem teljes ORM funkcionalitás)

44 48 Nézet finomítása

45 Nézet finomítása 49 Alkalmazott tervezési minták Template view Transform view Layout view (oldalsablon megadása)

46 Template view 50 Általában ezt használjuk webalkalmazásokban A nézet ebben az esetben egy sablon, amiben speciális jelölőket cserélünk ki a modellből kinyert adatokkal Előző előadásban is ezt mutattuk be Részei sablon (PHP, Smarty, stb.) nézethez tartozó logika, melynek során a jelölőkhöz adatokat rendelünk, valamint a feldolgozó rész

47 Template view példa (CodeIgniter) 51 class Products extends CI_Controller { public function index() { $data = array( 'alma' => 'piros', 'korte' => 'kukacos', ); $this->load->view('proba', $data); <html> <head> <title>my Blog</title> </head> <body> <p>az alma <?php echo $alma;?>.</p> <p>a körte <?php echo $korte;?>.</p> </body> </html>

48 Transform view 52 A transform view adatokat nyer ki a modellből, és azokat a kimenetnek megfelelően átalakítja. A template view a kimenet vázlatával kezdi, és abba illeszti be az adatokat A transform view-nál az adatok az elsők, és abból építi fel a kimenetet Tipikusan technológia: XSLT

49 Layout view 53 A nézet további részekre bontását végzi el Egy weboldalon általában vannak viszonylag állandó részek: fejléc, az oldalelrendezés, lábléc, globális navigáció És vannak az oldalról oldalra változó tartalmi részek A nézetet ennek megfelelően szokták szétválasztani oldal elrendezésére (layout) tartalmi sablonra (template)

50 CodeIgniter specifikumok 54 Template view támogatott a View classon keresztül $this->load->view('sablon.php'); Transform view-t PHP támogatja az xml és xslt függvényein keresztül Layout view ld. később

51 55 Controller finomítása Bootstrap, Front Controller, Application Controller

52 Controller finomítása 56 Példánkban a vezérlő nem csinált túl sok mindent Általában a vezérlőknek elég sok mindent kell elintéznie, mielőtt a konkrét művelet végrehajtásába kezd Ezek között sok olyan dolog van, ami minden vezérlő számára közös A közös dolgokat külön választják, ez lesz a Front Controller, az egyedi dolgok pedig az egyes műveletekben kerülnek megvalósításra

53 További finomítás 57 Alap esetben a Front Controller biztosítja az alkalmazás belépési pontját (ez előny) De ekkor szükségképpen tartalmaz procedurális kódot, így a Front Controller csak félig OOP-s A megfelelő művelet kiválasztása is külön vehető Ezért többfelé választják Bootstrap Front Controller Application Controller

54 Bootstrap 58 index.php alkalmazás belépési pontja procedurális feladata Front Controller példányosításának előkészítése konfiguráció, alapváltozók a példányosítás (singleton) a példány kezdőmetódusának meghívása (run)

55 Front Controller 59 Objektum-orientált megközelítés tipikusan singleton Közös feladatok centralizált elvégzése kérés feldolgozása routing caching biztonság konfiguráció Intercepting filter helye

56 Intercepting filter 60 Globális kódok és funkcionalitás a Front Controllerben az Intercepting filter minta felhasználásával kerülhetnek Kétféle megközelítés szűrők szekvenciális végrehajtása az alkalmazásvezérlőig elő- és utószűrők megadása

57 Intercepting filter példa 61 class FrontController { var $_filter_chain = array(); function registerfilter(&$filter) { $this->_filter_chain[] =& $filter; function run() { foreach(array_keys($this->_filter_chain) as $filter) { $this->_filter_chain[$filter]->prefilter(); $this->_process(); foreach(array_reverse(array_keys($this->_filter_chain)) as $filter) { $this->_filter_chain[$filter]->postfilter(); function _process() { // FrontController tennivalói

58 Intercepting filter példa 62 Szűrő példa class HtmlCommentFilter { function prefilter() { ob_start(); function postfilter() { $page = ob_get_clean(); echo preg_replace( ~<!.* >~ims,,$page);

59 Application Controller 63 Ez az MVC vezérlő központi része: ő dönti el, hogy a bejövő kérés alapján az alkalmazás hogyan válaszoljon Tipikusan egy nagy elágazás (if, switch) vagy felparaméterezett tömb vagy elnevezési konvenciók (kérés, file és osztálynév)

60 Application Controller példa 64 Paraméterezett asszociatív tömb $action_map = array( 'del' => 'DeleteBookmark','upd' => 'UpdateBookmark','add' => 'InsertBookmark' ); $action_class = (array_key_exists($_post['action'], $action_map))? $action_map[$_post['action']] : 'DisplayBookmark'; if (!class_defined($action)) { require_once 'actions/'.$action_class.'.php'; $action =& new $action_class; $action->run();

61 65 Egyéb funkciók helye MVC-ben Authentikáció, authorizácó (ACL), oldalsablon

62 Vitatott kérdések 66 Az MVC minta a vezérlő, a nézet és az adatok helyéről nyilatkozik általánosságban Egy webalkalmazásban azonban számos további funkció is helyet kap munkamenet-kezelés authentikáció authorizáció oldalsablon használata

63 Munkamenet-kezelés 67 Többféle elképzelés van, de ezek fontossága azonban elvi jelentőségű $_SESSION modell: adatok vannak benne vezérlő: az alkalmazás input oldalán jelennek meg nézet: ha sütikkel oldjuk meg, akkor viszont HTTP specifikus

64 Authentikáció 68 Az authentikációs logika külön osztályban (library) megvalósítható Hol épüljön az alkalmazásba? Lehetőségek őscontroller hook

65 Authorizáció 69 Ez is külön osztályban megvalósítható Sok helyen ACL (Access Control List) néven hivatkoznak rá Sokféle megvalósítása van Népszerű a Zend ACL használata Helye őscontroller hook controller még alsóbb szinteken (feladatfüggő, pl. mezőszintű elérési szabályok)

66 Oldalsablon használata 70 Helye őscontrollerben megírni set_template_data display_template hook-ot készíteni rá library-t készíteni rá

67 Oldalsablon ősvezérlőben 71 class MY_Controller extends CI_Controller { protected $template = 'template'; protected $template_data = array(); protected function set_template_part($part, $view, $data = array()) { $this->template_data[$part] = $this->load->view($view, $data, true); protected function set_template_data($part, $data) { $this->template_data[$part] = $data; protected function display_template($view = null, $data = array()) { if (!is_null($view)) { $this->set_template_part('content', $view, $data); $this->load->view($this->template, $this->template_data);

68 Oldalsablon használata 72 public function index() { $albums = $this->albums_model->get_albums(); $this->display_template('list', array( 'nev' => $nev, 'leiras' => $leiras, 'albums' => $albums, ));