jqmPhp – jQuery Mobile项目的HTML代码生成器_jquery+php代码生成器-优快云博客

本文链接：https://blog.youkuaiyun.com/u013981758/article/details/43493491

jqmPhp是一个开源项目，旨在简化使用jQuery Mobile结合PHP的开发流程。它提供了一组PHP类，可以方便地生成符合jQuery Mobile框架所需的HTML代码。通过简单的PHP调用即可创建完整的jQuery Mobile页面。

jqmPhp是一个开源项目，目的是为了简化 jQuery Mobile 结合 PHP 的开发。

它是一个PHP类包，用于生成使用 jQuery Mobile框架所需要的HTML文件。
jqmPhp – jQuery Mobile项目的HTML代码生成器

这些类都按JQM的功能特性进行划分，所以你可按需截取里面的类进行使用。它支持JQM所有功能，并拥有良好的文档。
使用示例：

        <?php 
       
        include 
        'lib/jqmPhp.php'
        ;
       
        $j 
        = 
        new 
         jqmPhp();
       
        $j
        ->addBasicPage(
        ''
        , 
        'Hello World'
        ,  
        'It\'s works!'
        );
       
        echo 
        $j
        ;
       
        ?>

最终将生成如下HTML代码：

        <!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
        >Hello World</
        h1
        >
       

                     
        </
        div
        >
       

                     
        <
        div 
         data-role
        =
        "content"
        >It's works!</
        div
        >
       

                 
        </
        div
        >
       

            
        </
        body
        >
       

        </
        html
        >
       