domingo, 17 de agosto de 2014

jqmPHP: Código HTML generado para jQuery


jqmPhp es un proyecto de código abierto que tiene por objeto simplificar el uso de jQuery Mobile con PHP. Se trata de un paquete de clases PHP que pueden generar las salidas HTML que jQuery Mobile está esperando dentro de pocas líneas. Las clases están en archivos separados (con nombres paralelos a las características de JQM) para que pueda optar por utilizar sólo los necesarios. Todas las clases del paquete jqmPhp se pueden convertir en cadena y se imprimen con una función de echo.

Un ejemplo simplificado:
<?php 
    include 'lib/jqmPhp.php';
    $j = new jqmPhp();
    $j->addBasicPage('', 'Hola Mundo', '¡Esta trabajando!');
    echo $j;
?>
Código generado:
<!DOCTYPE html>
<html>
    <head xmlns="http://www.w3.org/1999/xhtml">
        <meta charset="UTF-8"></meta>
        <link type="text/css" rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css">
</link>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
        <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js">
        </script>
        <title></title>
    </head>
    <body>
        <div data-role="page">
            <div data-role="header" data-position="inline">
                <h1>Hola Mundo</h1>
            </div>
            <div data-role="content">¡Esta trabajando!</div>
        </div>
    </body>
</html>
Resultado:

Sitio Oficial | Código Fuente en Google | Demostración

No hay comentarios.:

Publicar un comentario