Övning – Skapa en webbapp i IntelliJ IDEA

  • 10 minuter

Anta att du börjar undersöka hur du flyttar din webbplats till Azure. Du har lärt dig att Azure Toolkit for IntelliJ gör det enkelt att arbeta med webbplatser i Azure App Service från IntelliJ IDEA, och du vill testa det med hjälp av verktygslådan för att utforska resurserna i företagets Azure-prenumeration.

I den här övningen använder du Azure Explorer för att undersöka din Azure-prenumeration.

Skapa ett webbappsprojekt

Innan du kan undersöka dina Azure-resurser med Azure Explorer måste du skapa ett nytt projekt. Nu ska vi skapa ett webbappsprojekt med hjälp av en Maven-arketyp:

  1. Starta IntelliJ IDEA.

  2. I fönstret Välkommen till IntelliJ IDEA väljer du Skapa nytt projekt.

  3. I menyn till vänster väljer du Maven Archetype.

  4. I listan över arketyper söker du efter och väljer maven-archetype-webapp.

    Välj en arketyp.

  5. Skriv webapp i fältet Namn .

  6. Om du vill acceptera standardinställningarna för Maven väljer du Skapa.

Not

Det tar en stund att skapa projektet.

Slutför webbappen

Vi börjar med att lägga till lite enkel kod i webbappen:

  1. I projektfönstret expanderar du src/main/webapp och öppnar sedan index.jsp.

  2. Ta bort all befintlig kod och ersätt den med följande 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. På Arkiv-menyn väljer du Spara alla.