Kernpunkte

• App Framework ist eine JavaScript -Bibliothek, die die Erstellung von reichem HTML5/JavaScript -mobilen Anwendungen erm?glicht, die von JQuery inspiriert sind, aber einen viel geringeren Speicherpflichtiger als JQuery Mobile haben.
• Auf Android- und iOS -Plattformen ist App Framework schneller als JQuery und leistungsf?higer, was es zu einer leistungsstarken L?sung für mobile HTML5 -Frameworks macht.
• Dieses Tutorial führt Sie Schritt-für-Schritt-Anweisungen zum Erstellen von HTML5-mobilen Anwendungen mithilfe des App-Frameworks, vom Einrichten von Apache- und PHP-Servern bis hin zum Erstellen dynamischer GUIs.
• App Framework bietet die meisten JQuery -Funktionen für mobile Ger?te mit reichhaltigen Bibliotheken und hohen Leistung. Damit ist es ein umfassendes mobiles HTML5 -Framework.
Mobile Anwendungen
• HTML5 sind plattformunabh?ngig und leichter zu aktualisieren und zu warten als native Anwendungen. Sie bieten jedoch m?glicherweise nicht das gleiche Leistungsniveau oder den gleichen Zugriff auf alle Ger?tefunktionen.

Was ist App -Framework?

App Framework ist eine JavaScript -Bibliothek für die Entwicklung mobiler HTML5 -Anwendungen. Sie k?nnen einfache, reichhaltige und vollst?ndige HTML5/JavaScript -mobile Anwendungen erstellen. Dieses kurze Tutorial ist eine Einführung in das App -Framework, das die grundlegenden Konzepte und Hauptkonzepte einführt. Die App Framework Library ist von JQuery inspiriert. Das App -Framework kann leistungsstarke Schnittstellen für mobile Ger?te wie Android oder iOS entwerfen. Das App-Framework besteht aus drei Teilen: einer Bibliothek für Abfragen und Ereignisverwaltungen, einer grafischen Schnittstellenbibliothek und einem Webkit-Bibliotheks-Plug-In. Die Bibliothek hat mehr Funktionen als JQuery Mobile. Ein weiterer Vorteil des App -Frameworks besteht darin, dass nur 3 KB Speicher erforderlich sind, w?hrend JQuery 35 KB ben?tigt. Auf Android sind Skripte dreimal schneller als JQuery und 2,2 -mal schneller auf iOS.

wettbewerbsf?higes Framework

App Framework verfügt über mehrere Wettbewerbsframeworks. Diese Frameworks haben ungef?hr die gleichen Funktionen wie das App -Framework. Wir k?nnen einige der berühmtesten Frameworks erw?hnen: Jquery Mobile, Sencha Touch, JQTouch. Der gr??te Vorteil des App -Frameworks ist die leichte und Ausführungsgeschwindigkeit. App Framework ist die leistungsst?rkste L?sung im mobilen HTML 5 -Framework.

Voraussetzungen

Erstellen Sie einen Proxy

Für spezifische Anforderungen dieses Tutorials müssen wir über AJAX Cross-Domain-Anfragen stellen. Um diese Anfragen zu bearbeiten, müssen Sie Apache- und PHP -Server einrichten. Da JavaScript keine direkten Dom?nenanfragen verwaltet, werden wir einen kleinen Proxy über PHP einrichten. Kopieren Sie den folgenden Code und fügen Sie in die Datei server.php an derselben Stelle wie die HTML -Seite ein. Das Modul "php_curl" muss in php.ini aktiviert werden.

<?php
$url = $_GET["url"];
$ch = curl_init(); // 檢查php.ini中是否啟用了php_curl擴(kuò)展
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_HEADER, false);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$xml = curl_exec($ch);
echo $xml;
curl_close($ch);
?>

App Framework

App Framework ist eine mobile Version von JQuery, daher verwenden beide Frameworks dieselbe Syntax. Für dieses Tutorial ist es am besten, einige JQuery -Kenntnisse zu kennen. Das App -Framework kann von dieser Adresse heruntergeladen werden. Kopieren und fügen Sie die folgenden Ordner und Dateien in Ihr Site -Verzeichnis ein und fügen Sie sie ein: - KITCHENINK - Plugins - UI

Hinweis: Zum Testen ben?tigen Sie einen Browser, der mit Webkit und HTML5 kompatibel ist.

Tutorial

Wir zeigen Ihnen, wie Sie Ihre mobile Anwendung mit diesem Beispiel mit dem App -Framework erstellen. Kurz gesagt, unser Beispiel basiert auf dem Konzept eines kleinen RSS -Feed -Lesers. Dies soll Ihnen nur eine Vorstellung von den Grundlagen des App -Frameworks geben. Zun?chst werden wir Jqui verwenden, um unsere GUI zu erstellen und einige Funktionen mithilfe des App -Frameworks zu implementieren.

Erstellen Sie eine Seite

Starten Sie eine, wir erstellen unsere Seite und konfigurieren unser App -Framework. Dies ist ein Framework für eine App -Framework -Anwendung:

<?php
$url = $_GET["url"];
$ch = curl_init(); // 檢查php.ini中是否啟用了php_curl擴(kuò)展
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_HEADER, false);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$xml = curl_exec($ch);
echo $xml;
curl_close($ch);
?>

Erstellen Sie eine Seite mit dem Namen "index.html" im Stammverzeichnis des Servers und fügen Sie den oben genannten Code hinzu. Dieser Code ist die Grundlage für die Seite, die die Skripte importiert, die Sie für das App -Framework ben?tigen. Unsere Anwendung wird in zwei Komponenten unterteilt: die Seite, der Inhalt und das Menü. Mit dem App -Framework erstellen wir, um eine Seite zu erstellen, mehrere Divs in der "Inhalt" -Div der HTML -Datei.

Wir werden zun?chst unsere Hauptseite "RSS" erstellen. Es enth?lt eine Eingabe, mit der der Benutzer einen RSS -Link eingeben kann, und ein Panel mit einer Liste von Titeln im RSS -Stream. In der "AFUI" -Div werden wir die "Inhalts" -D -Div hinzufügen. Wir werden verschiedene Seiten der Anwendung in diesem speziellen Div erstellen. Unsere erste Seite tr?gt den Titel "RSS".

(Der folgende Inhalt ?hnelt dem Originaltext, aber die S?tze wurden angepasst und umgeschrieben, wobei die ursprüngliche Bedeutung beibehalten wird. Aufgrund von Platzbeschr?nkungen wird der verbleibende pseudooriginelle Inhalt hier weggelassen.)

(Der verbleibende Teil des neu geschriebenen Inhalts wird aufgrund von L?ngenbeschr?nkungen weggelassen. Die Struktur und die Informationen bleiben gleich, aber der Wortlaut wird für die Umschreibung ge?ndert.)

Das obige ist der detaillierte Inhalt vonErstellen einer mobilen HTML5 -Anwendung mit App Framework. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!