JavaRush /Java Blogu /Random-AZ /IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılm...
Стас Пасинков
Səviyyə
Киев

IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması. Şəkillərlə addım-addım

Qrupda dərc edilmişdir
Məqaləni başa düşmək üçün tələb olunan bilik səviyyəsi: siz artıq Java Core-u az-çox başa düşmüsünüz və JavaEE texnologiyalarına və veb proqramlaşdırmaya baxmaq istərdiniz. Əgər siz hazırda məqaləyə yaxın mövzuları əhatə edən Java Collections axtarışını öyrənirsinizsə, bu, ən məntiqlidir. IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 1Hazırda IntelliJ IDEA Enterprise Edition-dan istifadə edirəm (bu IDE-nin pullu qabaqcıl versiyasıdır, adətən peşəkar inkişafda istifadə olunur - redaktorun qeydi ). Pulsuz Community Edition ilə müqayisədə veb layihələri ilə işləmək daha asandır. Beləliklə, Enterprise Edition-da, sözün əsl mənasında, bir siçan ilə layihə yığılır, servlet konteynerinə tökülür, server işə salınır və hətta brauzerdə işləyən layihə ilə bir səhifə açılır. İdeyanın pulsuz versiyasında bunun çoxu müstəqil şəkildə, belə desək, “əllə” edilməli idi. Mən layihəni qurmaq və onun həyat dövrünü idarə etmək üçün Apache Maven-dən istifadə edirəm. Bunun üçün mən onun imkanlarının yalnız kiçik bir hissəsindən istifadə etdim (paket/asılılığın idarə edilməsi). Servlet konteyneri/Tətbiq serveri kimi Apache Tomcat 9.0.0.M4 versiyasını seçdim. Bilirəm ki, artıq daha yeni versiyalar var, amma bu mənim quraşdırdığım versiyadır.

Gəlin başlayaq

Əvvəlcə IntelliJ IDEA-nı açaq və boş Maven layihəsi yaradaq.
IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 2
Burada solda Maven seçirik, layihə üçün JDK-nın yuxarıda göstərildiyini yoxlayın. Əgər orada deyilsə, siyahıdan sizə lazım olanı seçin və ya Yeni... üzərinə klikləyin və birbaşa kompüterinizdən seçin. Pəncərənin ortasında məndə arxetiplərin siyahısını yükləmək üçün animasiya var. Onlara ehtiyacımız yoxdur, ona görə də yükləməni gözləmədən pəncərənin altındakı Next düyməsini sıxmaqdan çəkinməyin.
IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 3
Bu pəncərədə GroupId və ArtifactId təyin etməlisiniz . GroupId layihəni istehsal edən şirkətin unikal identifikatoruna istinad edir. Şirkətin domen adından istifadə etmək ümumi təcrübədir, lakin tərs qaydada. Güzgü mənasında deyil, məsələn, şirkətin domen adı maven.apache.org olsa , onun GroupId org.apache.maven olacaq . Yəni əvvəlcə birinci səviyyəli domeni yazırıq, onu nöqtə ilə ayırırıq, ikinci səviyyəli domenin adını yazırıq və s. Bu, ümumi qəbul edilmiş yanaşmadır. Bir layihəni şirkətin bir hissəsi kimi deyil, özünüz "kəsdiyiniz" halda, şəxsi domen adınızı buraya yazın (həmçinin tərs qaydada!). Əgər varsa, təbii ki :). Yoxdursa, üzülməyin. Əslində burada hər şeyi yaza bilərsiniz .
vasya.pupkin.org domen adı olan şirkət üçün GroupId org.pupkin.vasya olacaq. Adlara bu yanaşma eyni adlı, lakin müxtəlif şirkətlər tərəfindən buraxılmış layihələri ayırmaq üçün lazımdır.
Bu nümunədə mən uydurma domen adından istifadə edəcəyəm fatfaggy.info.javarush.ru . Müvafiq olaraq, GroupId sahəsinə ru.javarush.info.fatfaggy daxil edirəm . ArtefactId sadəcə olaraq layihəmizin adıdır. Sözləri ayırmaq üçün hərflərdən və bəzi simvollardan (məsələn, defis) istifadə edə bilərsiniz. “Artifaktımız” məhz burada yazdığımız kimi adlandırılacaq. Bu nümunədə mən öz super layihəmi yazıram . Hələlik versiya sahəsinə toxunmuruq, onu olduğu kimi buraxırıq.
IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 4
Yaxşı, yeni bir layihə yaratarkən standart IDEA pəncərəsi. Ənənəyə uyğun olaraq buna mənim-super-layihə deyək .
IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 5
Layihə yaradıldı!
Pom.xml faylı dərhal qarşımızda açıldı. Bu Maven parametrləri olan bir fayldır. Mavenə nəyi və necə edəcəyimizi və ya haradan nəyi əldə edəcəyimizi “demək” istəyiriksə, bütün bunları bu pom.xml faylında təsvir edirik. O, layihənin kökündə yerləşir.
Görürük ki, o, indi Maven layihəsini yaratarkən daxil etdiyimiz məlumatları ehtiva edir: groupId , artifactIdversiya (biz sonuncuya toxunmadıq).

Layihə quruluşumuz

Bu Maven layihəsi müəyyən bir quruluşa malikdir.
IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 6
Gördüyümüz kimi, kökündə:
  • cari layihə üçün ideya parametrlərini ehtiva edən .idea kataloqu ;
  • mənbələrimizi yaratdığımız src kataloqu ;
  • my-super-project.iml faylı , IDEA tərəfindən yaradılmış layihə faylı;
  • pom.xml faylı , yuxarıda haqqında danışdığım eyni Maven layihə faylı, indi açıqdır. Əgər haradasa pom.xml və ya “pom” desəm, bu xüsusi faylı nəzərdə tutacağam.
src qovluğu öz növbəsində iki alt qovluqdan ibarətdir:
  • əsas - kodumuz üçün;
  • test - kodumuz üçün testlər üçün.
Həm əsas , həm də testdə java qovluğu var . Nəzərə alın ki, bunlar eyni qovluqdur, yalnız əsas qovluq mənbə kodu üçün, testdə olan isə müvafiq olaraq test kodu üçündür. Hələlik resurslar qovluğuna ehtiyacımız yoxdur, ondan istifadə etməyəcəyik. Amma qoy yatsın.

Veb layihəyə çevrilir

Maven layihəmizi veb layihəyə çevirməyin vaxtı gəldi. Bunu etmək üçün bu ağacda layihə adına sağ klikləyin və Çərçivə dəstəyi əlavə et... seçin.
IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 7
Layihəmiz üçün hər cür müxtəlif çərçivələr üçün dəstək əlavə edə biləcəyimiz bir pəncərə açılacaq. Ancaq bizə yalnız birinə ehtiyacımız var: Veb Tətbiqi . Biz onu seçirik.
IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 8
Veb Tətbiqinin yanında işarənin olub-olmadığını yoxlayırıq və pəncərənin əsas hissəsində qeyd olunur ki, bizim üçün dərhal web.xml faylı yaradılsın (orada yoxdursa, qutunu işarələməyi məsləhət görürəm) . Bundan sonra layihəmizin strukturunun veb qovluğu ilə tamamlandığını görəcəyik .
IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 9
Bu, / ünvanındakı veb layihəmizin köküdür . Yəni, əgər biz brauzerə localhost ünvanını daxil etsək (təbii ki, onu işə salanda) o zaman ona məhz buradan, veb layihənin kökünə daxil olacaq. Əgər biz localhost/addUser daxil etsək, onda veb qovluq addUser adlı resurs axtaracaq .
Əsas odur ki, Tomcat-a yükləyərkən veb qovluğunun layihəmizin kökü olduğunu başa düşək. İndi müəyyən bir qovluq quruluşumuz var, lakin yükləyəcəyimiz bitmiş layihədə bir az fərqli olacaq və veb qovluğu orada kök olacaq.
Vebdə əvvəlki addımda yaratmağı xahiş etdiyimiz web.xml faylının yerləşdiyi WEB-INF adlı tələb olunan qovluq var . Gəlin açaq.
IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 10
Gördüyünüz kimi, hələ maraqlı bir şey yoxdur, sadəcə "şapka". Yeri gəlmişkən, onu yaratmağı xahiş etməsəydik, onu əl ilə yaratmalı, yəni bütün bu “başlığı” əl ilə yazmalı və ya həddindən artıq hallarda İnternetdə hazır versiyanı axtarmalı olardıq. . web.xml nə üçündür ? Xəritəçəkmə üçün. Burada Tomcat-a hansı URL sorğularının hansı servletlərə göndərilməsini söyləyəcəyik. Ancaq hamısı sonra, hələlik onu boş qoyacağıq. Veb qovluğunda index.jsp adlı fayl da var . Gəlin açaq.
IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 11
Bu, desək, standart olaraq icra ediləcək fayldır. Yəni, biz layihəni işə saldıqda, məhz bunu görəcəyik. Əslində, jsp adi bir html faylıdır, fərqi ilə orada java kodunu icra edə bilərsiniz.

Statik və dinamik məzmun haqqında bir az

Statik məzmun zamanla dəyişməyən məzmundur. Html faylında yazdığımız hər şey dəyişdirilmədən göstəriləcək. Əgər biz salam dünya yazmışıqsa, bu yazı səhifəni açan kimi və 5 dəqiqədən sonra, sabah da, bir həftədən sonra da, bir ildən sonra da görünəcək. O, dəyişməyəcək. Bəs səhifədə cari tarixi göstərmək istəsək nə etməli? Sadəcə olaraq “27 oktyabr 2017-ci il” yazsaq, sabah eyni tarixi, bir həftə və bir ildən sonra görəcəyik. Amma mən istərdim ki, bu tarix hələ də aktual olsun. Bəzi kodu birbaşa səhifənin daxilində yerinə yetirmək qabiliyyəti burada bizə kömək edir. Biz tarix obyektini əldə edə, onu bizə lazım olan formaya çevirə və səhifədə göstərə bilərik. Sonra hər gün səhifəni açdığımız zaman tarix həmişə aktual olacaq. Əgər bizə yalnız statik məzmun lazımdırsa, onda bizim üçün adi veb server və html faylları kifayətdir. Bizə heç bir Java, Maven və ya Tomcat lazım deyil. Ancaq dinamik məzmundan istifadə etmək istəsək, bütün bunların lazımlı olacağı yer budur. Ancaq indi index.jsp -ə qayıdaq . Standart başlığın əvəzinə özümüzə aid bir şeyi göstərək, məsələn, “Mənim super veb-proqramım!” və bədəndə, məsələn, “Mən sağam!” yazacağıq. Demək olar ki, layihəmizi işə salmağa hazırıq! Ancaq təəssüf ki, proqramı işə salmaq üçün adi yaşıl üçbucaq aktiv deyil.
IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 12
Bunun sol tərəfindəki düyməni (ekranda qırmızı ox ilə qeyd olunur) klikləyək və konfiqurasiyaları redaktə et seçimini edək... Bir növ konfiqurasiya əlavə etmək üçün yaşıl üstəlik işarəsinə klikləməyimiz xahiş olunan pəncərə açılacaq. Bunun üzərinə klikləyin, pəncərənin yuxarı sol küncündə yerləşir.
IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 13
Tomcat Server elementini və Local alt elementini seçin . Çox müxtəlif parametrləri olan bir pəncərə açılacaq, lakin biz demək olar ki, hər şeydən və standart olandan razıyıq.
IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 14
Standart Adsız əvəzinə konfiqurasiyamızı birtəhər gözəl adlandıra bilərik (ən yuxarıda). İdeyanın Tomcat-ı sistemimizdə uğurla tapdığını yoxlamaq lazımdır (siz onu əvvəl yükləyib quraşdırmısınız , elə deyilmi?). Əgər onu tapa bilmirsinizsə (bu mümkün deyil), aşağı oxu klikləyin və onun harada quraşdırıldığını və ya onlardan bir neçəsi varsa, başqa versiyanı seçin. Məndə biri var və o, artıq quraşdırılıb, ona görə də hər şey ekran görüntüsündə olduğu kimi görünür. Pəncərənin ən aşağı hissəsində serverə yerləşdirilməsi üçün nəzərdə tutulmuş bir dənə də olsun artefaktın olmadığı barədə xəbərdarlıq olduğunu görürük. Və bu yazının sağında bu qüsuru düzəltməyi təklif edən bir düymə var. Üzərinə klikləyirik və görürük ki, ideya özü hər şeyi tapıb, hər şeyi özü yaradıb, nəyi əskik edib və bütün parametrləri özü edib.
IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 15
Biz görürük ki, biz Server nişanından Yerləşdirmə tabına köçürülmüşük , Serverin işə salınmasında yerləşdirmə bölməsində artıq yerləşdirilməsi lazım olan artefaktımız var və aşağıda bu artefaktın yerləşdirmədən əvvəl qurulacağı göstərilir. Müraciət edin, tamam. Və görürük ki, ilk növbədə, pəncərənin aşağı hissəsində yerli Tomcat serverimizlə bir bölmə peyda oldu, orada artefaktımız yerləşdiriləcək. Pəncərənin sağ tərəfindəki müvafiq düyməni sıxaraq bu bölməni yığışdıra bilərsiniz.
IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 16
Biz də görürük ki, buraxılış üçün yaşıl üçbucaq artıq aktivdir. Hər şeyi yoxlamaq istəyənlər üçün layihənin parametrləri olan düyməni (qırmızı ox ilə işarələnmiş işə salma düymələrinin sağında) klikləyə, Artefaktlar bölməsinə keçə artefaktın həqiqətən yaradıldığına əmin ola bilərsiniz. Biz bu Düzəliş düyməsini basana qədər orada deyildi , amma indi hər şey qaydasındadır. Və bu konfiqurasiya bizə çox uyğun gəlir. Bir sözlə, my-super-project:warmy-super-project:war partladı arasında fərq ondadır ki, my-super-project:war yalnız bir müharibə faylı (sadəcə arxivdir) yaradacaq. partladılmış sadəcə “paketsiz” müharibədir . Və bu seçim şəxsən mənim üçün daha əlverişlidir, çünki serverdə kiçik dəyişiklikləri tez bir zamanda yerləşdirməyə imkan verir. Əslində, artefakt bizim layihəmizdir, yalnız artıq tərtib edilmiş və qovluq strukturu birbaşa Tomcat-a yüklənə bilməsi üçün dəyişdirilmişdir. Bu kimi bir şey görünəcək:
IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 17
Yaxşı, indi layihəmizi işə salmaq üçün hər şey hazırdır. İstədiyimiz yaşıl start düyməsini sıxırıq və nəticədən həzz alırıq! :)
IntelliJ Idea Enterprise-də sadə veb layihəsinin yaradılması.  Addım-addım, şəkillərlə - 18
Şərhlər
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION