Zend Framework und das Dojo Toolkit

Zend Framework und Dojo Martin Ruprecht, Mayflower GmbH Tobias von Klipstein, Uxebu

Übersicht

Einleitung

Was umfasst die Integration von Dojo in das ZF?

Wie ist der Aufbau eines Projektes mit den ZF- Komponenten und Dojo

Beispiel

Diskussion

Einleitung

Zend Framework 1.7.6

Dojo 1.2.3

Integration

Dojo ist Teil des Zend Frameworks

CDN (AOL, Google)

externals/dojo

eigene Builds

View- Helper dojo()

Dijits

Zend_Dojo_Data & dojo.data

JSON RPC mit Zend_Json_Server

Projektaufbau

MVC- Architektur

Zend_Layout- Komponente

View- Helper dojo()

Platziert im Head- Bereich des Templates

Setzt das Dojo- Environment

$this->dojo->enable();

CDN oder lokales Dojo?

Stylesheet- Infos

parseOnLoad- Verhalten

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title>ZF und Dojo</title><style type="text/css">  </style> <script type="text/javascript"> // </script> <script type="text/javascript" src="http://o.aolcdn.com/dojo/1.2.0/dojo/dojo.xd.js"></script> <script type="text/javascript"> // </script> </head> <body class="tundra"> <h2>Devdusk</h2> <form dojoType="dijit.form.Form"><dl class="zend_form_dojo"> <dt><label for="name" class="required">Name:</label></dt> <dd> <input id="name" name="name" value="" type="text" invalidMessage="Dies ist ein Pflichtfeld!" required="1" dojoType="dijit.form.ValidationTextBox"></dd></dl></form> </body> </html>

Zend_Dojo_Form

Zuweisung im Controller:

Zend_Form vs. Zend_Dojo_Form

Dijit View Helpers

Dijits im Template

<button name="btn" id="btn" type="button" value="speichern" iconClass="myButtons" onClick="submitForm()" dojoType="dijit.form.Button">speichern</button> <button id="btn" dojoType="dijit.form.Button" onclick="submitForm()">speichern</button >

Zend_Dojo_Data

dojo.data: Zugriff auf Datastores

JSON

XML

CSV

http://docs.dojocampus.org/dojox/data/

JSON- RPC

„ JSON- RPC is a lightweight remote procedure call protocoll. It´s designed to be simple“

Zend_Json_Server

Service Mapping Description (SMD)

Beschreibt den Service im JSON- Format

Dojo: Simple Method Description

{"SMDVersion":".1",

"serviceType":"JSON-RPC",

"methods":[{"name":"listBreweries",

"serviceURL":"/rpc/service/class/Devdusk_Beer",

"parameters":[{"name":"args","type":"object"}]

}]

}

JSON- RPC Request {"method": "add", "params": [{1, 1}], "id": 1}

Aufruf eines Remote- Services (Request)

Request: Ein einfaches (JSON) serialisiertes Objekt.

Eigenschaften:

method: Name der Methode die aufgerufen werden soll

params: Übergabeparameter in einem Array

id: Request id

Zend_Json_Server

JSON- RPC Response {"result": 2, "error": null, "id": 1}

Antwort nach kompletter Anfrage

Response: Ein einfaches (JSON) serialisiertess Objekt.

Eigenschaften:

result: NULL im Fehlerfall

error: NULL im Erfolgsfall

id: muss gleich der Request id sein

Zend_Json_Server

JSON- RPC Server- Implementierung

PHP- Implementierung der SMD

Beispiel

Zend_Json_Server

public function smdAction()

{

$class = $this->_getParam('class');

$server = new Zend_Json_Server();

$server->setClass($class);

// receive SMD

$smd = $server->getServiceMap();

// force the server to deliver a dojo compatible format

$smd->setDojoCompatible(true);

$smd->setTransport('POST');

// this is for the client calls

$smd->setTarget($this->getHelper('url')->url(array('controller'=>'rpc', 'action'=>'service')))

->setId($this->getHelper('url')->url(array('controller'=>'rpc', 'action'=>'service')));

// assigning the smd to the view

$this->view->data = $smd;

// set the right return format

$this->getResponse()->setHeader('Content-Type', 'application/json');

// render the template service.phtml

$this->render('service');

}

dojo.rpc.JsonService

Instanziierung:

devdusk.rpc.beer = new dojo.rpc.JsonService('/rpc/smd/class/Devdusk_Beer');

Aufruf der Remote- Methode:

devdusk.rpc.beer.listBreweries(1).addCallback(function(res){});

Vielen Dank für die Aufmerksamkeit

Zend Framework und das Dojo Toolkit

0 comments

Notes on slide 1

Favorites, Groups & Events