最新のWeb開発のチュートリアル
 

ウェブビルディング - AppML


ゼロからWebサイトを構築パートVII:AppMLを使用しました。


私たちは何をしますか

この章では以下となります。

  • 使用AppMLは、ウェブサイト上のデータを取得し、表示します

ファイル内に次のコードを追加します。

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>
»それを自分で試してみてください

上記のコードは、前の章のとほとんど同じです。

今回だけは、データがフェッチされ、AppMLで表示されます。


続きを読む

私たちにAppMLについてお読みAppMLチュートリアル