tutoriais mais recente desenvolvimento web
 

Edifício Web - AppML


Construindo um web site a partir do zero Parte VII:. Usando AppML.


O que nos faremos

Neste capítulo, iremos:

  • Use AppML para buscar e exibir dados em um site

Coloque o seguinte código dentro do arquivo:

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>
Tente você mesmo "

O código acima é muito mesma que no capítulo anterior.

Só que desta vez os dados é obtida e mostrada com AppML.


Leia mais

Leia mais sobre AppML no nosso Tutorial AppML .