Wie AppML
In diesem Abschnitt werden die folgenden vier einfachen Schritten zeigen, wie ein <AppML> Anwendung zu erstellen.
Das nächste Kapitel wird beschrieben, wie <AppML> zum Download und begann Web-Anwendungen auf dem eigenen Computer zu entwickeln.
1. Erstellen Sie ein Modell (Modell)
Erstellen Sie eine Datei mit folgendem Inhalt
<datasource>
<database>
<connection>Demo</connection>
<sql>SELECT CustomerName,ContactName,City,Country FROM Customers</sql>
<orderby>CustomerName</orderby>
</database>
</datasource>
<filters>
<query>
<field>CustomerName</field>
</query>
</filters>
</appml>
Im Unterverzeichnis Models (wir empfehlen) speichern Sie die Datei als Customers.xml.
Modellanalyse
<Appml> Tag definiert das Modell.
<Datenquelle> Tag definiert die Datenquelle Modell.
<Datenbank> Tag-Definition-Datenbank.
<Verbindung> Tag definiert eine Datenbankverknüpfung.
<Sql> Tag definiert Datenabfrage
<OrderBy> -Tag definiert den Standard-Sortierung.
<Abfrage> Tag definiert eine legitime Abfragefilter.
2. Erstellen Sie WEB-Seite
Im ersten <AppML> App, erstellen Sie eine HTML-Seite:
Beispiele
<html>
<body>
<h1>My First Web Application</h1>
<table>
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Berlin</td>
<td>Germany</td>
</tr>
</table>
</body>
</html>
Versuchen »
3. Add Stil
Hinzufügen von Cascading Style in Ihre Web-Seite, bei der Umsetzung von e <AppML> App:
Beispiele
<html>
<head>
<link rel="stylesheet" href="appml.css">
</head>
<body>
<h1>My First Web Application</h1>
<table class="appmltable" >
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Berlin</td>
<td>Germany</td>
</tr>
</table>
</body>
</html>
Versuchen »
4. Fügen Sie das Skript, und führen Sie dann die Anwendung
Fügen Sie das Skript auf Ihren Web-Seiten laufen <AppML> App:
Beispiele
<html>
<head>
<link rel="stylesheet" href="appml.css">
</head>
<body>
<h1>My First Web Application</h1>
<div id="Place01">
<table id="Template01" class="appmltable">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr id="appml_row" >
<td> #CustomerName# </td>
<td> #City# </td>
<td> #Country# </td>
</tr>
</table>
</div>
<script src="appml.js"></script>
<script>
app=new AppML("appml.htmlx","Models/Customers.xml");
app.run("Place01","Template01");
</script>
</body>
</html>
Versuchen »
Beispiele für analytische
<AppML> Bibliothek enthält eine Reihe von Funktionen. Diese Funktionen können dann Ihre Web-Seite aufrufen.
<Script src = "appml.js"> geladen <AppML> Bibliothek.
JavaScript - Anweisung: app = new AppML ( "appml.htmlx ", "Models / Customers.xml"); AppML Anwendungsobjekte erstellen und dann Web - Server-Side - Scripting "appml.htmlx" perform data "Customers.xml" Datei zu laden.
JavaScript - Anweisung app.run ( "Place01", "Template01 "); Einfügen von Daten in die id = "Place01" HTML - Element, id = "Template01" Attribut des Elements als Vorlage verwenden.
Property id = "appml_row" definiert jeder Daten in HTML - Elemente.
Daten # Tag-Daten werden verwendet, um das Modell zu ersetzen.
Alle der oben genannten, können Sie sich vorstellen, ein schneller es Prototyp?
Wie funktioniert es?
- Wenn die Webseite geladen wird, können Sie dann die Seite laden <AppML> Controller.
- Mit <AppML> Controller können Sie dann erstellen Sie eine Seite <AppML> Objekt.
- Wenn Sie <AppML> Objekte auf der Seite ausführen, fordert es den Server-Daten-Controller.
- <AppML> Objekt empfängt Daten (Datenmodell) vom Server.
- <AppML> Objekt (oder Code) Daten auf der Seite angezeigt werden soll.
- (Optional) Web-Benutzer kann die Daten ändern.
- (Optional) <AppML> Server kann Daten im Hintergrund zu senden.
- (Optional) Controller-Server kann Daten auf der Serverseite.
Typische Web-Dateien und Ordner:
|
Datenordner: Daten Bildordner: Bilder Modell Ordner: Models Anwendungen: Demo.htm Stil: Demo.css <AppML> Profil: appml_config.php (oder .htmlx) <AppML> Style File: appml.css <AppML> Browser Controller: appml.js <AppML> Server - Controller: appml.php (oder .htmlx) |
Es gibt keine Begrenzung
<AppML> Objekt kann in HTML-Seiten platziert werden. <AppML> wirkt sich nicht auf den Rest der Seite.
<AppML> zur Standardanzeige Seite Standard, wenn die Seite Programm existiert nicht. Dies ist ideal für Rapid Prototyping.
Aber <AppML> Hauptfunktion wird nicht verwendet, um die Seite anzuzeigen. <AppML> lesen Sie in erster Linie Datenanwendung. Es bringt können Daten frei HTML, CSS und JavaScript um deren Anzeige zu entwerfen. Sie können:
- Ich habe HTML geschrieben, AppML Verarbeitungsdaten lassen.
- Call-Modell und kümmert sich um alle in der Anzeige.
- AppML Eigenschaften und Methoden, und andere Kombinationen erstellen.
Sie werden schnell feststellen <AppML> mit leistungsstarken Funktionen, kann es Daten und Modelle für Ihre Web-Anwendung zur Verfügung stellen. Sie können:
- Für Benutzer oder Benutzergruppen die Datensicherheit zu definieren
- Schließen Sie alle Arten von Datenbanken wie Access, MySQL, SQL und Oracle
- Verbindung von XML-Dateien und Textdateien
- Definierte Datentypen, Datenformate, Datengrenzen.
- Fügen Sie alle neuen Elemente zum Modell.