为应用程序创建前端页面 - Amazon SDK for JavaScript
Amazon Web Services 文档中描述的 Amazon Web Services 服务或功能可能因区域而异。要查看适用于中国区域的差异，请参阅中国的 Amazon Web Services 服务入门。

帮助我们改进Amazon SDK for JavaScript版本 3 (V3) 文档，方法是使用反馈链接，或者在上创建议题或拉取请求GitHub.

这些区域有：Amazon SDK for JavaScriptV3 API 参考指南详细描述了Amazon SDK for JavaScript版本 3 (V3)。

本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

为应用程序创建前端页面

在这里，您可以为应用程序创建前端 HTML 浏览器页面。

创建DynamoDBApp目录中，创建名为的文件index.html，然后将以下代码粘贴到其中。这些区域有：script元素添加main.js文件，其中包含所有必需的JavaScript例如。你将创建main.js本教程后面的文件。中剩下的代码index.html创建捕获用户输入的数据的浏览器页面。


<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="./main.js"></script>
</head>
<body>
<h1>Submit an item to an Amazon DynamoDB Table</h1>
<p>Enter a value for each attribute and choose Submit </p>
<table style="width:100%">
    <tr>
        <td>ID:</td>
        <td><input type="text" id="id" name="id"/></td>
    </tr>
    <tr>
        <td>Title:</td>
        <td><input type="text" id="title" name="title"/></td>
    </tr>
    <tr>
        <td>Name:</td>
        <td><input type="text" id="name" name="name"/></td>
    </tr>
    <tr>
        <td>Body:</td>
        <td><input type="text" id="body" name="body"/></td>
    </tr>
        <td></td>
        <td><button type="button" onclick="submitData();">Submit</button></td>
        <script src="./main.js"></script>
    </tr>
</table>
</body>
</html>

可以找到此示例代码在此处GitHub.