ゼロから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チュートリアル 。