为应用程序创建前端页面 - 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.