Creazione del progetto Web più semplice in IntelliJ IDEA Enterprise. Passo dopo passo, con le immagini

Conoscenze richieste per comprendere l'articolo: hai già più o meno capito Java Core e vorresti esaminare le tecnologie JavaEE e la programmazione web . Sarebbe più sensato che tu stia attualmente studiando la ricerca Java Collections, che tratta argomenti vicini all'articolo. Attualmente utilizzo IntelliJ IDEA Enterprise Edition ( nota dell'editore: questa è una versione estesa a pagamento dell'IDE; di solito viene utilizzata nello sviluppo professionale). È molto più facile lavorare con i progetti web al suo interno che nella Community Edition gratuita . Nell'Enterprise Edition , letteralmente un clic del mouse crea il progetto, lo rilascia in un contenitore servlet, avvia il server e apre persino una pagina Web per il progetto nel browser. Nella versione gratuita di IDEA, dovresti fare gran parte di questo da solo, cioè "manualmente". Uso Apache Mavencostruire il progetto e gestirne il ciclo di vita. Ho utilizzato solo una piccola parte delle sue capacità (gestione di pacchetti/dipendenze) in questo progetto. Come servlet container/application server, ho scelto Apache Tomcat versione 9.0.12.

Iniziamo

Innanzitutto, apri IntelliJ IDEA e crea un progetto Maven vuoto . A sinistra, seleziona Maven e controlla che il JDK del progetto sia selezionato in alto. Se non è presente, selezionane uno dall'elenco o fai clic su Nuovo ... e scegline uno dal computer. In questa finestra è necessario specificare GroupId e ArtifactId . Il GroupId si riferisce all'identificativo univoco della società che emette il progetto. La pratica comune consiste nell'utilizzare il nome di dominio dell'azienda, ma in ordine inverso. Non come uno specchio però. Ad esempio, se il nome di dominio di un'azienda è maven.apache.org , il suo GroupId sarà org.apache.maven. Cioè, prima scriviamo il dominio di primo livello, aggiungiamo un punto, poi il dominio di secondo livello e così via. Questo è l'approccio generalmente accettato. Se stai "macinando" il progetto da solo (e non come parte di un'azienda), inserisci qui il tuo nome di dominio personale (anche in ordine inverso!). Se ne hai uno, ovviamente. :) In caso contrario, non preoccuparti. Puoi effettivamente scrivere qualsiasi cosa qui . In questo esempio, userò un dominio fittizio: fatlady.info.codegym.cc . Di conseguenza, inserisco cc.codergym.info.fatlady nel campo GroupId . ArtifactId è semplicemente il nome del nostro progetto. È possibile utilizzare lettere e determinati simboli (trattini, ad esempio) per separare le parole. Il nostro "artefatto" si chiamerà esattamente come scriviamo qui. In questo esempio, userò my-super-project . Non toccare ancora il campo della versione, lascialo così com'è. Ed ecco la finestra IDEA standard quando crei un nuovo progetto. Mantenendo la tradizione, chiamiamolo il mio-super-progetto . Il progetto è creato! Vediamo che ora contiene i dati esatti che abbiamo inserito durante la creazione del progetto Maven : groupId , artifactId e version (non abbiamo toccato l'ultimo).

La struttura del nostro progetto

Questo progetto Maven ha una struttura specifica. Come puoi vedere, la radice ha:

• una directory .idea , che contiene le impostazioni IDEA del progetto corrente;
• una directory src , dove creiamo il nostro codice sorgente;
• un file my-super-project.iml , che è un file di progetto creato da IDEA;
• il file pom.xml (il file di progetto Maven che ho menzionato prima), che ora è aperto. Se menziono pom.xml da qualche parte, questo è il file di cui sto parlando.

All'interno della cartella src ci sono due sottocartelle:

• main — per il nostro codice;
• test — per i test del nostro codice.

In main e test c'è una cartella java . Puoi pensare a questi come alla stessa cartella, tranne che quello in main è per il codice sorgente e quello in test è per il codice di test. Per ora, non abbiamo alcuna utilità per la cartella delle risorse . Non lo useremo. Ma lascialo lì.

Trasformandolo in un progetto web

È tempo per noi di convertire il nostro progetto Maven in un progetto web. Per fare ciò, fare clic con il tasto destro sul nome del progetto in questo albero e selezionare Aggiungi supporto framework ... Si apre una finestra in cui possiamo aggiungere il supporto per vari framework al nostro progetto. Ma ne serve solo uno: Web Application . Ans che è quello che selezioniamo. Assicurati che la casella di controllo Applicazione Web sia selezionata e che la finestra principale indichi che vogliamo creare automaticamente un file web.xml (ti consiglio di selezionare la casella di controllo, se non è già selezionata). Vediamo quindi che la cartella web è stata aggiunta alla struttura del nostro progetto. Questa è la radice del nostro progetto web con l'indirizzo/. In altre parole, se inseriamo ' localhost ' nel browser (quando il progetto è in esecuzione, ovviamente), allora cercherà qui, alla radice del progetto web. Se inseriamo localhost/addUser , cercherà una risorsa chiamata addUser nella cartella web . In web , c'è una cartella richiesta chiamata WEB-INF , dove si trova il file web.xml , cioè quello che abbiamo chiesto al programma di creare nell'ultimo passaggio. Apriamolo. Puoi vedere che non contiene ancora nulla di interessante, solo un'intestazione. A proposito, se non hai richiesto la creazione del file, dovrai crearlo manualmente, cioè digitare manualmente tutte le intestazioni. O, almeno, cerca una versione già pronta su Internet. A cosa ci serve web.xml ? Per la mappatura. Qui è dove spiegheremo per Tomcat quali URL richiedono di passare a quali servlet. Ma ci arriveremo dopo. Per ora, lascialo vuoto. La cartella web ha anche un file index.jsp. Aprilo. Questo è il file che verrà eseguito per impostazione predefinita, per così dire. In altre parole, è proprio quello che vedremo quando avvieremo il progetto. Fondamentalmente, jsp è un normale file HTML , tranne per il fatto che puoi eseguire codice Java al suo interno.

Un po' di contenuto statico e dinamico

Il contenuto statico è un contenuto che non cambia nel tempo. Tutto ciò che scriviamo in un file HTML viene visualizzato invariato, così come è scritto. Se scriviamo " ciao mondo ", questo testo verrà visualizzato non appena apriremo la pagina, e tra 5 minuti, e domani, e tra una settimana e tra un anno. Non cambierà. Ma cosa succede se vogliamo visualizzare la data corrente sulla pagina? Se ci limitiamo a scrivere " 27 ottobre 2017", quindi domani vedremmo la stessa data, e una settimana dopo, e un anno dopo. Ma vorremmo che la data fosse aggiornata. Qui è utile la possibilità di eseguire il codice direttamente sulla pagina. Possiamo ottenere un data, convertirlo nel formato desiderato e visualizzarlo sulla pagina. Quindi, ogni giorno quando apriamo la pagina, la data sarà sempre attuale. Se abbiamo solo bisogno di contenuto statico, allora abbiamo solo bisogno di un normale server web e File HTML. Non abbiamo bisogno di Java, Maven o Tomcat. Ma se vogliamo utilizzare contenuti dinamici, allora abbiamo bisogno di tutti questi strumenti. Ma per ora, torniamo al nostro index.jsp . Indichiamo qualcosa di diverso dal titolo standard, ad esempio " La mia super web app! " Poi, nel corpo, scriviamo " Sono vivo! " Siamo quasi pronti per iniziare il nostro progetto! Sfortunatamente, il solito triangolo verde per l'avvio del programma non è attivo. Fare clic sul pulsante alla sua sinistra (indicato sullo schermo con una freccia rossa) e selezionare Modifica configurazioni ... Si apre una finestra in cui siamo invitati a fare clic su un segno più verde per aggiungere alcune configurazioni. Fare clic su di esso (nell'angolo in alto a sinistra della finestra). Scegli Server Tomcat > Locale . Si aprirà una finestra con molte opzioni, ma le impostazioni predefinite ci si adattano a quasi tutto. Possiamo dare alla nostra configurazione un bel nome invece dello standard Senza nome (in cima). Dobbiamo anche verificare che IDEA abbia trovato correttamente Tomcat sul nostro sistema (hai già scaricato e installatoè vero?). Se non è stato trovato (il che è improbabile), premi la freccia giù e scegli dove è installato. Oppure scegli una versione diversa, se ne hai più di una installata. Ne ho solo uno ed è già installato. Ecco perché appare come appare sul mio schermo. E nella parte inferiore della finestra, vediamo un avviso, che ci avvisa che finora non sono stati indicati artefatti per la distribuzione sul server. A destra di questo avviso c'è un pulsante che suggerisce di risolvere il problema. Facciamo clic e vediamo che IDEA è stata in grado di trovare tutto da sola, ha creato tutto ciò che mancava da sola e ha configurato tutte le impostazioni da sola. Possiamo vedere che ci ha spostato dalla scheda Server alla scheda Distribuzione , sotto Distribuisci all'avvio del serversezione e ora abbiamo un artefatto da distribuire. Fare clic su Applica e OK. E per prima cosa vediamo che nella parte inferiore della finestra è apparsa una sezione con il nostro server Tomcat locale, dove verrà posizionato il nostro artefatto. Comprimi questa sezione facendo clic sul pulsante corrispondente sul lato destro della finestra. Ora vediamo che il triangolo di lancio verde è attivo. Per coloro a cui piace ricontrollare tutto, puoi fare clic sul pulsante delle impostazioni del progetto (a destra dei pulsanti di avvio, indicato con una freccia rossa), andare alla sezione Artefatti e assicurarti che l'artefatto sia stato realmente creato . Non c'era finché non abbiamo premuto quella correzionepulsante, ma ora è tutto a posto. E questa configurazione ci si addice perfettamente. In poche parole, la differenza tra il mio-super-progetto:guerra e il mio-super-progetto:guerra esploso è che il mio-super-progetto:guerra consiste di un solo file di guerra (che è solo un archivio) e la versione con esploso è semplicemente la guerra "spacchettata" . E personalmente, questa è l'opzione che trovo più conveniente, perché ti consente di eseguire rapidamente il debug di modifiche minori sul server. In sostanza, l'artefatto è il nostro progetto, appena compilato e dove con una struttura di cartelle è stata modificata per consentire a Tomcat di accedervi direttamente. Sarà simile a questo: Adesso è tutto pronto per lanciare il nostro progetto. Premi il prezioso pulsante verde di lancio e goditi il ​​risultato! :)