Erstellen einer Front-End-Seite für die App - AWS SDK for JavaScript

Helfen Sie uns, dasAWS SDK for JavaScriptVersion 3 (V3) -Dokumentation durch Feedback unter Verwendung derFeedbackLink oder erstellen Sie ein Problem oder ziehen Sie eine Anfrage anGitHubaus.

DieAWS SDK for JavaScriptReferenzhandbuch zur V3-API-Referenzbeschreibt ausführlich alle API-Operationen für dieAWS SDK for JavaScriptVersion 3 (V3).

Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.

Erstellen einer Front-End-Seite für die App

Hier erstellen Sie die Front-End-HTML-Browserseite für die App.

Erstellen einesDynamoDBAppErstellen Sie eine Datei namensindex.htmlFügen Sie den folgenden Code ein. DiescriptElement fügt diemain.js-Datei, die alle erforderlichen JavaScript für das Beispiel enthält. Sie erstellen diemain.js-Datei zu einem späteren Zeitpunkt in diesem Tutorial. Der verbleibende Code inindex.htmlerstellt die Browserseite, die die von Benutzern eingegebenen Daten erfasst.

<!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>

Diesen Beispielcode finden Sie unter.hier auf GitHubaus.