Oefening: een web-app bouwen in IntelliJ IDEA

  • 10 minuten

Stel dat u begint met het onderzoek naar het verplaatsen van uw website naar Azure. U hebt geleerd dat u met de Azure-toolkit voor IntelliJ eenvoudig met sites in Azure App Service kunt werken vanuit IntelliJ IDEA en dat wilt testen met behulp van de toolkit om de resources in het Azure-abonnement van uw bedrijf te verkennen.

In deze oefening gebruikt u Azure Explorer om uw Azure-abonnement te onderzoeken.

Een web-app-project maken

Voordat u uw Azure-resources kunt onderzoeken met Azure Explorer, moet u een nieuw project maken. We gaan een web-app-project maken met behulp van een Maven-archetype:

  1. Start IntelliJ IDEA.

  2. Selecteer in het venster Welkom bij IntelliJ IDEA de optie Nieuw project maken.

  3. Selecteer in het menu aan de linkerkant Maven Archetype.

  4. Zoek en selecteer maven-archetype-webappin de lijst met archetypen.

    Selecteer een archetype.

  5. Typ webapp in het veld Naam.

  6. Als u de standaardinstellingen van Maven wilt accepteren, selecteert u maken.

Notitie

Het maken van uw project duurt even.

De web-app voltooien

Laten we beginnen met het toevoegen van enkele eenvoudige code aan de web-app:

  1. Vouw in het venster Projectsrc/main/webapp uit en open dan index.jsp.

  2. Verwijder alle bestaande code en vervang deze door de volgende HTML:

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import ="java.util.*" %>
<%@ page import ="java.text.*" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Sample Web App</title>
</head>
<body>
    <%! DateFormat fmt = new SimpleDateFormat("dd/MM/yy HH:mm:ss"); %> 
    <p>Today's date is <%= fmt.format(new Date()) %></p>
    <p>Your IP address is <%= request.getRemoteAddr() %></p>
</body>
</html>

  3. Selecteer in het menu Bestand de optie Alles opslaan.