0

jQueryMobileでモバイルアプリを作っています。このアプリは、教育機関に関する情報を表示します。たとえば、教育機関で働くすべての人の詳細、すべてのコースなどです。言及されたすべての項目について、アプリは新しいページ (画面) に関連情報を表示します。

カテゴリの数が原因で数百ページになる可能性があるため、その場でページを生成するためのオプションを知る必要があります。

最初に頭に浮かぶのは、次のようなことをすることです。

次のような JSON オブジェクトがあるとします。

{
    "data": [
        {
            "name": "Paul",
            "image": "http://images1.wer.nocookie.net/Paul.jpg",
            "content": "<p> Paul is the bla bla that <a href=\"/wiki/PAULO\" title=\"PAULO\">PAULO</a> gives to blabla.</p>"
        },
        {
            "name": "Dr. Larry",
            "image": "http://images2.wer.nocookie.net/DRLarry.jpg",
            "content": "<p>Dr. Lawrence (Larry) is a psychologist blabla.</p>"
        }
    ]
}

このようにjQueryMobileで処理します：

$(document).bind('pagebeforeshow', '#home', function(){      
                $.ajax({
                    url: "cast.json",
                    dataType: "json",
                    async: false,
                    success: function (result) {
                        ajax.parseJSON(result);
                    }
                });         
            });
            var ajax = {  
                parseJSON:function(result){
                    $('#contenido').append('<h1>'+result.data[1].name+'</h1><h2>' + result.data[1].content+ '</h2> <img alt="dsdsd" src="'+result.data[1].image+'">');
                }
            }

このページの場合:

<body>
        <div data-role="page" id="home" data-add-back-btn="true">
            <div data-role="header" >
                <h1>This is the header
            </div>  

            <div data-role="content">
                <div id="contenido"></div>

            </div>

        </div>
    </body>

しかし、これが良いアプローチであるかどうかさえわかりません。あなたの意見では、どのような解決策が良いでしょうか?

PhoneGapでアプリを作りたいです。

前もって感謝します。

4

0 に答える 0