Guida introduttiva: gestione dei dati dei moduli

Scopri come creare un modulo HTML che utilizzi il metodo POST HTTP per inviare i dati forniti dall'utente a un servlet Java in esecuzione su App Engine.

Prima di iniziare

Configura l'ambiente di sviluppo e crea il tuo progetto App Engine.

Creazione di un modulo

Crea un modulo HTML utilizzando JavaServer Pages (JSP).

Il seguente codice JSP genera un modulo per creare un post del blog. Prevede tre campi di immissione di testo, title, author e content, e include un pulsante Save che invia i dati al servlet:

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<div class="container">
  <h2>
    Create a new blog post
  </h2>

  <form method="POST" action="/create">

    <div>
      <label for="title">Title</label>
      <input type="text" name="title" id="title" size="40" value="${fn:escapeXml(blog.title)}" class="form-control" />
    </div>

    <div>
      <label for="author">Author</label>
      <input type="text" name="author" id="author" size="40" value="${fn:escapeXml(blog.author)}" class="form-control" />
    </div>

    <div>
      <label for="description">Post content</label>
      <textarea name="description" id="description" rows="10" cols="50" class="form-control">${fn:escapeXml(blog.content)}</textarea>
    </div>

    <button type="submit">Save</button>
  </form>
</div>

Questo modulo invia i dati del modulo al gestore all'URL /create. Devi utilizzare la funzionalità escapeXml di JSP per contrastare gli attacchi cross-site scripting (XSS), come mostrato nello snippet di codice. Di seguito sono riportate le istruzioni per la creazione del gestore di moduli.

Gestione dei dati dei moduli

Una volta che l'utente invia i dati del modulo, questi vengono gestiti da un gestore di moduli. Nello snippet seguente, il gestore di moduli è un servlet denominato createBlogPost:

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.annotation.WebServlet;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@SuppressWarnings("serial")
@WebServlet(name = "createBlogPost", value="/create")
public class createBlogPost extends HttpServlet {

  @Override
  public void doPost(HttpServletRequest req, HttpServletResponse resp)
      throws ServletException, IOException {

    PrintWriter out = resp.getWriter();

    out.println(
        "Article with the title: " + req.getParameter("title") + " by "
            + req.getParameter("author") + " and the content: "
            + req.getParameter("description") + " added.");
  }
}

Nota l'annotazione @WebServlet(name = "createBlogPost", value="/create"), che mappa il servlet all'URI dove gestisce le richieste: /create. Per gli sviluppatori che hanno familiarità con il runtime Java 7 di App Engine, questa annotazione sostituisce i mapping precedentemente creati nel file web.xml.

Deployment in App Engine

Puoi eseguire il deployment della tua applicazione in App Engine utilizzando Maven.

Vai alla directory principale del progetto e digita:

mvn package appengine:deploy -Dapp.deploy.projectId=PROJECT_ID

Sostituisci PROJECT_ID con l'ID del tuo progetto Google Cloud. Se il file pom.xml specifica già l'ID progetto, non è necessario includere la proprietà -Dapp.deploy.projectId nel comando che esegui.

Dopo che Maven ha eseguito il deployment dell'app, apri automaticamente una scheda del browser web nella nuova app digitando:

gcloud app browse

Passaggi successivi

Come estensione della gestione dei dati utente, puoi utilizzare Cloud SQL, Cloud Datastore o Cloud Storage per archiviare i dati:

• Cloud SQL su App Engine