CodeGym /Java Blogu /Rastgele /IntelliJ IDEA Enterprise'da en basit web projesini oluştu...
John Squirrels
Seviye
San Francisco

IntelliJ IDEA Enterprise'da en basit web projesini oluşturma. Resimlerle adım adım

grupta yayınlandı
Makaleyi anlamak için gereken bilgi: Java Core'u zaten az çok anladınız ve JavaEE teknolojileri ve web programlamaya bakmak istiyorsunuz . Şu anda makaleye yakın konuları ele alan Java Koleksiyonları görevini çalışıyor olmanız en mantıklısı olacaktır.
IntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 1
Şu anda IntelliJ IDEA Enterprise Edition kullanıyorum ( editörün notu: bu, IDE'nin ücretli genişletilmiş bir sürümüdür; genellikle profesyonel geliştirmede kullanılır). İçinde web projeleriyle çalışmak, ücretsiz Community Edition'a göre çok daha kolaydır . Enterprise Edition'da , kelimenin tam anlamıyla tek bir fare tıklaması projeyi oluşturur, bir servlet kapsayıcısına bırakır, sunucuyu başlatır ve hatta tarayıcıda proje için bir web sayfası açar. IDEA'nın ücretsiz sürümünde, bunun çoğunu kendi başınıza, yani "manuel olarak" yapmanız gerekir. Apache Maven'i kullanıyorumprojeyi inşa etmek ve yaşam döngüsünü yönetmek. Bu projede yeteneklerinin (paket/bağımlılık yönetimi) yalnızca küçük bir bölümünü kullandım. Servlet kabı/uygulama sunucusu olarak Apache Tomcat sürüm 9.0.12'yi seçtim.

Başlayalım

Öncelikle IntelliJ IDEA'yı açın ve boş bir Maven projesi oluşturun . IntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 2Solda Maven'i seçin ve yukarıda projenin JDK'sinin seçilip seçilmediğini kontrol edin. Orada değilse, listeden bir tane seçin veya Yeni ...'ye tıklayın ve bilgisayardan bir tane seçin. Bu pencerede, GroupId ve ArtifactIdIntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 3 öğelerini belirtmeniz gerekir . GroupId , projeyi yayınlayan şirketin benzersiz tanımlayıcısına atıfta bulunur. Yaygın uygulama, şirketin alan adını ters sırada kullanmaktır. Ama ayna gibi değil. Örneğin, bir şirketin alan adı maven.apache.org ise GroupId'si org.apache.maven olacaktır.. Yani, önce üst düzey etki alanını yazarız, bir nokta ekleriz, ardından ikinci düzey etki alanını vb. Genel kabul gören yaklaşım budur. Projeyi kendiniz "taşlıyorsanız" (bir şirketin parçası olarak değil), o zaman kişisel alan adınızı buraya koyarsınız (ayrıca ters sırada!). Tabii bir tane varsa. :) Değilse, merak etmeyin. Aslında buraya her şeyi yazabilirsiniz .
john.doe.org alan adına sahip bir şirket için GroupId org.doe.john olacaktır. Bu adlandırma kuralı, farklı şirketler tarafından üretilen aynı adlı projeleri ayırmak için gereklidir.
Bu örnekte hayali bir alan adı kullanacağım: fatlady.info.codegym.cc . Buna göre GroupId alanına cc.codergym.info.fatlady giriyorum . ArtifactId basitçe projemizin adıdır. Kelimeleri ayırmak için harfleri ve belirli sembolleri (örneğin tire işaretleri) kullanabilirsiniz. Bizim "eserimiz" tam olarak buraya yazdığımız adla anılacaktır. Bu örnekte, süper projemi kullanacağım . Sürüm alanına henüz dokunmayın, olduğu gibi bırakın. Yeni bir proje oluşturduğunuzda işte standart IDEA penceresi . Geleneği koruyarak, buna benim süper projem diyelim . Proje oluşturuldu!IntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 4IntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 5
Pom.xml hemen açılır. Bu, Maven ayarlarına sahip bir dosyadır. Maven'e ne yapacağını veya bir şeyi nerede bulacağını söylemek istiyorsak, tüm bunları bu pom.xml dosyasında açıklıyoruz. Projenin kök dizininde bulunur.
Artık Maven projesini oluştururken girdiğimiz verileri tam olarak içerdiğini görüyoruz : groupId , structureId ve version (sonuncusuna dokunmadık).

Projemizin yapısı

Bu Maven projesinin kendine özgü bir yapısı var. IntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 6Gördüğünüz gibi, kök şunları içerir:
  • mevcut projenin IDEA ayarlarını içeren bir .idea dizini;
  • kaynak kodumuzu oluşturduğumuz bir src dizini;
  • IDEA tarafından oluşturulan bir proje dosyası olan bir my-super-project.iml dosyası;
  • şimdi açık olan pom.xml dosyası (daha önce bahsettiğim Maven proje dosyası). Bir yerde pom.xml'den bahsedersem, bahsettiğim dosya budur.
src klasörünün içinde iki alt klasör vardır:
  • main — kodumuz için;
  • test — kodumuzun testleri için.
main ve test içinde bir java klasörü vardır . Bunları aynı klasör olarak düşünebilirsiniz, ancak main'deki kaynak kodu içindir ve test'teki de test kodu içindir. Şimdilik, kaynaklar klasörünü kullanmıyoruz . Onu kullanmayacağız. Ama onu orada bırak.

Web projesine dönüştürmek

Maven projemizi bir web projesine dönüştürmenin zamanı geldi . Bunun için bu ağaçta proje ismine sağ tıklayıp Add framework support'u seçin ... IntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 7Projemize çeşitli çerçeveler için destek ekleyebileceğimiz bir pencere açılıyor. Ama sadece birine ihtiyacımız var: Web Uygulaması . Ans, seçtiğimiz kişi bu. Web Uygulaması onay kutusunun seçili olduğundan ve ana pencerenin bir web.xml dosyasının otomatik olarak oluşturulmasını istediğimizi gösterdiğinden IntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 8emin olun (zaten seçili değilse, onay kutusunu seçmenizi öneririm). Daha sonra web klasörünün proje yapımıza eklendiğini görüyoruz . Bu, adresli web projemizin köküdür.IntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 9/. Başka bir deyişle, tarayıcıya ' localhost ' yazarsak (tabii ki proje çalışırken), o zaman buraya, web projesinin köküne bakacaktır. localhost/addUser girersek , web klasöründe addUser adlı bir kaynak arayacaktır .
Anlamanız gereken asıl şey, web klasörünü Tomcat'e koyduğumuzda projemizin köküdür. Artık belli bir klasör yapımız var ama oluşturacağımız bitmiş projede biraz farklı olacak. Özellikle, web klasörü kök olacaktır.
web'de , web.xml dosyasının bulunduğu , yani son adımda programdan oluşturmasını istediğimiz, WEB -INF adında gerekli bir klasör vardır . Onu açalım. Henüz ilginç bir şey olmadığını görebilirsiniz, sadece bir başlık. Bu arada, dosyanın oluşturulmasını siz talep etmediyseniz, dosyayı manuel olarak oluşturmanız gerekir, yani tüm başlıkları elle yazmanız gerekir. Veya en azından internette hazır bir sürüm arayın. Web.xml'e ne için ihtiyacımız var ? Haritalama için. Tomcat için hangi URL'nin hangi servlet'lere iletilmek istediğini burada açıklayacağız . Ama buna daha sonra geleceğiz. Şimdilik boş bırakın. Web klasörü ayrıca bir index.jsp dosyasına sahiptir .IntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 10. Aç onu. IntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 11Bu, tabiri caizse varsayılan olarak yürütülecek dosyadır. Başka bir deyişle, projeye başladığımızda tam olarak göreceğimiz şey bu. Temel olarak, jsp sıradan bir HTML dosyasıdır , ancak içinde Java kodunu çalıştırabilirsiniz.

Statik ve dinamik içerik hakkında biraz

Statik içerik, zamanla değişmeyen içeriktir. Bir HTML dosyasına yazdığımız her şey , aynen yazıldığı gibi değişmeden görüntülenir. " Merhaba dünya " yazarsak , bu yazı sayfayı açar açmaz, 5 dakika sonra, yarın, bir hafta ve bir yıl sonra ekrana gelecek. Değişmeyecek. Ancak sayfada güncel tarihi görüntülemek istersek ne olur? 27 Ekim 2017'yi basitçe yazarsak", o zaman yarın aynı tarihi görürdük ve bir hafta sonra ve bir yıl sonra. date nesnesini, istenen formata dönüştürün ve sayfada görüntüleyin.Sonra, sayfayı her açtığımızda, tarih her zaman güncel olacaktır.Sadece statik içeriğe ihtiyacımız varsa, o zaman sadece normal bir web sunucusuna ihtiyacımız var ve HTML dosyaları Java, Maven veya Tomcat'e ihtiyacımız yok ama dinamik içerik kullanmak istiyorsak o zaman tüm bu araçlara ihtiyacımız var Ama şimdilik index.jsp dosyamıza dönelim . Standart başlıktan başka bir şey belirtelim, örneğin, " Süper web uygulamam ! Ne yazık ki, programı başlatmak için kullanılan normal yeşil üçgen etkin değil. IntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 12Solundaki düğmeye tıklayın (ekranda kırmızı okla gösterilir) ve Yapılandırmaları düzenle'yi seçin ... Bu, bazı yapılandırmalar eklemek için yeşil artı işaretini tıklamaya davet edildiğimiz bir pencere açar. Üzerine tıklayın (pencerenin sol üst köşesinde). Tomcat Sunucusu > Yerel öğesiniIntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 13 seçin . Birçok seçeneğin olduğu bir pencere açılacak, ancak varsayılanlar bize hemen hemen her şey için uygun. IntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 14Konfigürasyonumuza standart İsimsiz (en üstte) yerine güzel bir isim verebiliriz . Ayrıca, IDEA'nın Tomcat'i sistemimizde başarıyla bulduğunu da doğrulamamız gerekiyor (zaten indirmiş ve kurmuşsunuzdur).O doğru?). Bulunamadıysa (ki bu olası değildir), aşağı oka basın ve nereye yüklendiğini seçin. Veya birden fazla kuruluysa farklı bir sürüm seçin. Bende sadece bir tane var ve zaten yüklü. Bu yüzden ekranımda göründüğü gibi görünüyor. Ve pencerenin en altında, şimdiye kadar sunucuya dağıtım için herhangi bir yapının belirtilmediği konusunda bizi uyaran bir uyarı görüyoruz. Bu uyarının sağında bunu düzeltmemizi öneren bir düğme var. Tıklıyoruz ve IDEA'nın her şeyi kendi kendine bulduğunu, eksik olan her şeyi kendi yarattığını ve tüm ayarları kendi yapılandırdığını görüyoruz. Bizi Sunucu sekmesinden Sunucu başlangıcında dağıt altında DağıtımIntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 15 sekmesine taşıdığını görebiliriz.bölüm ve şimdi konuşlandırılacak bir yapımız var. Uygula ve Tamam'a tıklayın. Ve ilk olarak pencerenin alt kısmında yerel Tomcat sunucumuz ile eserimizin yerleştirileceği bir bölümün çıktığını görüyoruz. Pencerenin sağ tarafındaki ilgili düğmeye tıklayarak bu bölümü daraltın. IntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 16Şimdi yeşil fırlatma üçgeninin aktif olduğunu görüyoruz. Her şeyi iki kez kontrol etmek isteyenler için, proje ayarları düğmesine (başlatma düğmelerinin sağında, kırmızı okla gösterilir) tıklayabilir, Eserler bölümüne gidebilir ve yapının gerçekten oluşturulduğundan emin olabilirsiniz . Düzelt'e basana kadar orada değildi.düğmesi, ama şimdi her şey yolunda. Ve bu konfigürasyon bize mükemmel bir şekilde uyuyor. Özetle, süper projem: savaşım ve süper projem: savaşım patladı arasındaki fark, süper projem: savaşın yalnızca bir savaş dosyasından (bu sadece bir arşivdir) ve patlatılmış sürümden oluşmasıdır . basitçe "paketlenmemiş" savaştır . Ve kişisel olarak, sunucudaki küçük değişikliklerde hızlı bir şekilde hata ayıklamanıza izin verdiği için bu seçeneği daha uygun buluyorum. Özünde eser , projemizdir, henüz derlenmiştir ve burada bir klasör yapısı Tomcat'in ona doğrudan erişmesine izin verecek şekilde değiştirilmiştir. Bunun gibi bir şey görünecek:
IntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 17
Artık projemizi başlatmak için her şey hazır. Değerli yeşil başlat düğmesine basın ve sonucun tadını çıkarın! :)
IntelliJ IDEA Enterprise'da en basit web projesini oluşturma.  Resimlerle adım adım - 18
Yorumlar
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION