Neueste Web-Entwicklung Tutorials
 

Web Building - AppML


Der Aufbau einer Website von Grund auf neu Teil VII. Mit AppML.


Was wir tun werden

In diesem Kapitel werden wir:

  • Verwenden Sie AppML zu holen und Anzeige von Daten auf einer Website

Setzen Sie den folgenden Code in der Datei:

customers.html

<!DOCTYPE html>
<html>
<head>
<title>Customers</title>
<link href="site.css" rel="stylesheet">
<script src="http://www.w3ii.com/appml/2.0.1/appml.js"></script>
</head>
<body>

<nav id="nav01"></nav>

<div id="main">
<h1>Customers</h1>
<table appml-data="http://www.w3ii.com/website/customers.html">
  <tr>
    <th>Name</th>
    <th>City</th>
    <th>Country</th>
  </tr>
  <tr appml-repeat="records">
    <td>{{Name}}</td>
    <td>{{City}}</td>
    <td>{{Country}}</td>
    </tr>
</table>
<footer id="foot01"></footer>
</div>

<script src="script.js"></script>

</body>
</html>
Versuch es selber "

Der obige Code ist viel gleiche wie in dem vorhergehenden Kapitel.

Nur dieses Mal werden die Daten abgerufen und mit AppML angezeigt.


Weiterlesen

Lesen Sie mehr über AppML in unserem AppML Tutorial .