Der Hauptzweck der appML ist Datenseiten in HTML zur Verfügung zu stellen.
Anschließen appML auf Daten
- appML können Daten von Variablen anzeigen
- appML können Daten aus Dateien anzeigen
- appML können Daten aus Datenbanken anzeigen
appML Mit Hilfe eines JavaScript Object
ein gemeinsamer Weg, HTML und Daten zu trennen, ist es, die Daten in einem JavaScript-Objekt zu speichern.
Beispiel
<table appml-data=" dataObj ">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr appml-repeat="records">
<td>{{CustomerName}}</td>
<td>{{City}}</td>
<td>{{Country}}</td>
</tr>
</table>
<script>
var dataObj = {
"records":[
{"CustomerName":"alfreds Futterkiste","City":"Berlin","Country":"Germany"},
{"CustomerName":"ana Trujillo Emparedados y helados","City":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"antonio Moreno Taqueria","City":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"around the Horn","City":"London","Country":"UK"},
{"CustomerName":"B's
Beverages","City":"London","Country":"UK"},
{"CustomerName":"Berglunds
snabbkop","City":"Lulea","Country":"Sweden"},
{"CustomerName":"Blauer See
Delikatessen","City":"Mannheim","Country":"Germany"},
{"CustomerName":"Blondel
pere et fils","City":"Strasbourg","Country":"France"},
{"CustomerName":"Bolido
Comidas preparadas","City":"Madrid","Country":"Spain"},
{"CustomerName":"Bon
app'","City":"Marseille","Country":"France"},
{"CustomerName":"Bottom-Dollar
Marketse","City":"Tsawassen","Country":"Canada"},
{"CustomerName":"Cactus
Comidas para llevar","City":"Buenos aires","Country":"argentina"},
{"CustomerName":"Centro
comercial Moctezuma","City":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"Chop-suey Chinese","City":"Bern","Country":"Switzerland"},
{"CustomerName":"Comercio Mineiro","City":"Sao Paulo","Country":"Brazil"}
]};
</script>
Versuch es selber " appML Verwenden eines JSON-Datei
Weit verbreitet ist auch HTML und Daten zu trennen, ist es, die Daten in einer JSON-Datei zu speichern:
customers.js
{
"records":[
{"CustomerName":"alfreds Futterkiste","City":"Berlin","Country":"Germany"},
{"CustomerName":"ana Trujillo Emparedados y helados","City":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"antonio Moreno Taqueria","City":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"around the Horn","City":"London","Country":"UK"},
{"CustomerName":"B's Beverages","City":"London","Country":"UK"},
{"CustomerName":"Berglunds
snabbkop","City":"Lulea","Country":"Sweden"},
{"CustomerName":"Blauer See
Delikatessen","City":"Mannheim","Country":"Germany"},
{"CustomerName":"Blondel
pere et fils","City":"Strasbourg","Country":"France"},
{"CustomerName":"Bolido
Comidas preparadas","City":"Madrid","Country":"Spain"},
{"CustomerName":"Bon
app'","City":"Marseille","Country":"France"},
{"CustomerName":"Bottom-Dollar
Marketse","City":"Tsawassen","Country":"Canada"},
{"CustomerName":"Cactus
Comidas para llevar","City":"Buenos aires","Country":"argentina"},
{"CustomerName":"Centro
comercial Moctezuma","City":"Mexico D.F.","Country":"Mexico"},
{"CustomerName":"Chop-suey Chinese","City":"Bern","Country":"Switzerland"},
{"CustomerName":"Comercio Mineiro","City":"Sao Paulo","Country":"Brazil"}
]
}Mit appML können Sie eine JSON - Datei als Datenquelle in dem angeben appml-data - Attribute:
Beispiel
<table appml-data="customers.js ">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr appml-repeat="records">
<td>{{CustomerName}}</td>
<td>{{City}}</td>
<td>{{Country}}</td>
</tr>
</table>
Versuch es selber " appML Mit einer Datenbank
Mit einer wenig Hilfe von einem Web-Server, können Sie Ihre Anwendung mit SQL-Daten-Feed.
Dieses Beispiel verwendet PHP Daten aus einer MySQL-Datenbank zu lesen:
Beispiel
<table appml-data=" http://www.w3ii.com/appml/customers.php" >
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr appml-repeat="records">
<td>{{CustomerName}}</td>
<td>{{City}}</td>
<td>{{Country}}</td>
</tr>
</table> Versuch es selber " Dieses Beispiel verwendet .NET Daten aus einer SQL Server-Datenbank zu lesen:
Beispiel
<table appml-data=" http://www.w3ii.com/appml/customers.aspx" >
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr appml-repeat="records">
<td>{{CustomerName}}</td>
<td>{{City}}</td>
<td>{{Country}}</td>
</tr>
</table> Versuch es selber " Die Macht des appML
Sie sind über die Macht des appML zu entdecken.
appML können Sie mit Daten, Controller bieten, und Modelle für:
- Super-Easy HTML-Anwendung Entwicklung
- Super-easy Modellierung, Prototyping und Testing
Sie können so viele appML Anwendungen setzen, wie Sie innerhalb einer HTML-Seite mögen.
appML nicht mit anderen Teilen der Seite stören.
Sie haben die volle HTML, CSS und JavaScript Freiheit.
appML kann verwendet werden, um volle Skala CRUD Web-Anwendungen zu entwickeln.
CRUD: C Reate, R ead, U pdate, elete D.
Um die Macht des appML zu entdecken: Sehen Sie sich eine appML Demo .