应用机器学习 如何
如何在 2 个简单步骤.
1. 使用 HTML 和 CSS 创建页面
HTML
<!DOCTYPE html>
<html lang="en-US">
<link rel="stylesheet" href="style.css">
<title>顾客</title>
<body>
<h1>顾客</h1>
<table>
<tr>
<th>顾客</th>
<th>城市</th>
<th>国家</th>
</tr>
<tr>
<td>{{顾客姓名}}</td>
<td>{{城市}}</td>
<td>{{国家}}</td>
</tr>
</table>
</body>
</html>
亲自尝试 »
这 {{ }} 括号 是 AppML 数据的占位符。
CSS
身体 {
字体：14px Verdana，无衬线；
}
h1 {
颜色：#996600；
}
桌子 {
宽度：100％；
边框塌陷：塌陷；
}
日，TD{
边框：1px 实心灰色；
填充：5px；
文本对齐：左；
}
表 tr:nth-child(奇数) {
背景颜色：#f1f1f1；
}
请随意用您自己喜欢的样式表替换 CSS。
2. 添加 AppML
使用 AppML 将数据添加到您的页面：
例子
<!DOCTYPE html>
<html lang="en-US">
<title>顾客</title>
<link rel="stylesheet" href="style.css">
<script src="https://www.w3schools.com/appml/2.0.3/appml.js"></script>
<body>
<h1>顾客</h1>
<table appml-data="customers.js">
<tr>
<th>顾客</th>
<th>城市</th>
<th>国家</th>
</tr>
<tr appml-repeat="记录">
<td>{{顾客姓名}}</td>
<td>{{城市}}</td>
<td>{{国家}}</td>
</tr>
</table>
</body>
</html>
亲自尝试 »
AppML解释：
<script src="https://www.w3schools.com/appml/2.0.3/appml.js"> 将 AppML 添加到您的页面。
appml 数据=“客户.js” 将 AppML 数据 (customers.js) 连接到 HTML 元素 (<table> ）。
在本例中我们使用了一个 JSON 文件： 客户.js
appml-repeat="记录" 重复 HTML 元素（<tr> ) 是数据对象中每一项（记录）的统计信息。
这 {{ }} 括号 是 AppML 数据的占位符。
