应用机器学习如何

如何构建 AppML 应用程序2个简单步骤。

1. 使用 HTML 和 CSS 创建页面

HTML

<!DOCTYPE html>
<html lang="en-US">
<link rel="stylesheet" href="style.css">
<title>Customers</title>
<body>

<h1>Customers</h1>

<table>
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr>
<td>{{CustomerName}}</td>
<td>{{City}}</td>
<td>{{Country}}</td>
</tr>
</table>

</body>
</html>

亲自试一试»

这个{{ }} 括号是 AppML 数据的占位符。

CSS

body {
font: 14px Verdana, sans-serif;
}

h1 {
color: #996600;
}

table {
width: 100%;
border-collapse: collapse;
}

th, td {
border: 1px solid grey;
padding: 5px;
text-align: left;
}

table tr:nth-child(odd) {
background-color: #f1f1f1;
}

请随意用您自己喜欢的样式表替换 CSS。

2.添加AppML

使用 AppML 将数据添加到您的页面：

示例

<!DOCTYPE html>
<html lang="en-US">
<title>Customers</title>
<link rel="stylesheet" href="style.css">
<script src="https://www.91xjr.com/appml/2.0.3/appml.js"></script>
<body>

<h1>Customers</h1>

<table appml-data="customers.js">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr appml-repeat="records">
<td>{{CustomerName}}</td>
<td>{{City}}</td>
<td>{{Country}}</td>
</tr>
</table>

</body>
</html>

亲自试一试»

AppML 解释：

<脚本src="https://www.91xjr.com/appml/2.0.3/appml.js">将 AppML 添加到您的页面。

appml数据="customers.js"将 AppML 数据 (customers.js) 连接到 HTML 元素 (<table>)。

在本例中，我们使用了 JSON 文件：客户.js

appml-repeat="records"为数据对象中的每个项目（记录）重复 HTML 元素 (<tr>)。

这个{{ }} 括号是 AppML 数据的占位符。