JavaRush /Java blogi /Random-UZ /IntelliJ Idea Enterprise-da oddiy veb-loyiha yaratish. Bo...

IntelliJ Idea Enterprise-da oddiy veb-loyiha yaratish. Bosqichma-bosqich, rasmlar bilan

Guruhda nashr etilgan
Maqolani tushunish uchun talab qilinadigan bilim darajasi: siz Java Core-ni ko'proq yoki kamroq tushungansiz va JavaEE texnologiyalari va veb-dasturlashni ko'rib chiqishni xohlaysiz. Agar siz hozirda maqolaga yaqin mavzularni o'z ichiga olgan Java Collections kvestini o'rganayotgan bo'lsangiz, bu eng mantiqiy bo'ladi. IntelliJ Idea Enterprise-da oddiy veb-loyiha yaratish.  Bosqichma-bosqich, rasmlar bilan - 1Men hozirda IntelliJ IDEA Enterprise Edition-dan foydalanmoqdaman (bu IDE-ning pullik ilg'or versiyasi bo'lib, u odatda professional rivojlanishda qo'llaniladi - muharrirning eslatmasi ). Bepul Community Editionga qaraganda veb-loyihalar bilan ishlash ancha oson. Shunday qilib, Enterprise Edition-da, sichqonchani bir marta bosish bilan loyiha yig'iladi, servlet konteyneriga quyiladi, server ishga tushadi va hatto brauzerda ishlaydigan loyiha bilan sahifa ochiladi. G'oyaning bepul versiyasida bularning aksariyati mustaqil ravishda, ya'ni "qo'lda" amalga oshirilishi kerak edi. Men loyihani qurish va uning hayot aylanishini boshqarish uchun Apache Maven-dan foydalanaman. Bunda men uning imkoniyatlarining faqat kichik bir qismini ishlatganman (paket/qaramlikni boshqarish). Men servlet konteyneri/Ilova serveri sifatida Apache Tomcat 9.0.0.M4 versiyasini tanladim. Men allaqachon yangi versiyalar borligini bilaman, lekin bu men o'rnatgan versiya.

Qani boshladik

Birinchidan, IntelliJ IDEA ni ochamiz va bo'sh Maven loyihasini yaratamiz.
IntelliJ Idea Enterprise-da oddiy veb-loyiha yaratish.  Bosqichma-bosqich, rasmlar bilan - 2
Bu erda chap tomonda biz Mavenni tanlaymiz, loyiha uchun JDK yuqorida ko'rsatilganligini tekshiring. Agar u yo'q bo'lsa, ro'yxatdan keraklisini tanlang yoki Yangi... tugmasini bosing va to'g'ridan-to'g'ri kompyuteringizdan tanlang. Oynaning o'rtasida menda arxetiplar ro'yxatini yuklash animatsiyasi bor. Bizga ular kerak emas, shuning uchun yuklab olishni kutmasdan, oynaning pastki qismidagi Keyingi tugmasini bosing.
IntelliJ Idea Enterprise-da oddiy veb-loyiha yaratish.  Bosqichma-bosqich, rasmlar bilan - 3
Ushbu oynada GroupId va ArtifactId ni ko'rsatishingiz kerak . GroupId loyihani ishlab chiqaruvchi kompaniyaning noyob identifikatoriga ishora qiladi. Kompaniyaning domen nomidan foydalanish odatiy holdir, lekin teskari tartibda. Ko'zgu ma'nosida emas, lekin, masalan, kompaniyaning domen nomi maven.apache.org bo'lsa , uning GroupId org.apache.maven bo'ladi . Ya'ni, birinchi darajali domenni yozamiz, uni nuqta bilan ajratamiz, ikkinchi darajali domen nomini yozamiz va hokazo. Bu umumiy qabul qilingan yondashuv. Agar siz loyihani kompaniyaning bir qismi sifatida emas, balki o'zingiz "kesayotgan" bo'lsangiz, shaxsiy domen nomingizni bu erga yozing (shuningdek, teskari tartibda!). Agar sizda bo'lsa, albatta :). Agar yo'q bo'lsa, xafa bo'lmang. Darhaqiqat, siz bu erda hamma narsani yozishingiz mumkin .
Vasya.pupkin.org domen nomiga ega kompaniya uchun GroupId org.pupkin.vasya bo'ladi. Nomlarga bunday yondashuv bir xil nomdagi, ammo turli kompaniyalar tomonidan chiqarilgan loyihalarni ajratish uchun kerak.
Ushbu misolda men fatfaggy.info.javarush.ru soxta domen nomidan foydalanaman . Shunga ko'ra, men GroupId maydoniga ru.javarush.info.fatfaggy ni kiritaman . ArtefactId shunchaki loyihamizning nomi. So'zlarni ajratish uchun harflar va ba'zi belgilar (masalan, defis) dan foydalanishingiz mumkin. Bizning "artifaktimiz" aynan shu erda yozganimizdek nomlanadi. Ushbu misolda men o'zimning super loyihamni yozaman . Biz hozircha versiya maydoniga tegmaymiz, biz uni shunday qoldiramiz.
IntelliJ Idea Enterprise-da oddiy veb-loyiha yaratish.  Bosqichma-bosqich, rasmlar bilan - 4
Xo'sh, yangi loyiha yaratishda standart IDEA oynasi. Keling, buni an'anaga ko'ra mening super loyiham deb ataylik .
IntelliJ Idea Enterprise-da oddiy veb-loyiha yaratish.  Bosqichma-bosqich, rasmlar bilan - 5
Loyiha yaratildi!
Pom.xml fayli darhol oldimizda ochildi. Bu Maven sozlamalariga ega fayl. Agar biz Mavenga nima va qanday qilish kerakligini yoki qayerdan biror narsani olishni "aytmoqchi" bo'lsak, bularning barchasini aynan shu pom.xml faylida tasvirlab beramiz. U loyihaning ildizida joylashgan.
Biz hozirda Maven loyihasini yaratishda biz kiritgan ma'lumotlarni o'z ichiga olganligini ko'ramiz: groupId , artifactId va versiya (biz ikkinchisiga tegmadik).

Bizning loyiha tuzilmasi

Ushbu Maven loyihasi ma'lum bir tuzilishga ega.
IntelliJ Idea Enterprise-da oddiy veb-loyiha yaratish.  Bosqichma-bosqich, rasmlar bilan - 6
Ko'rib turganimizdek, ildizda:
  • joriy loyiha uchun g'oya sozlamalarini o'z ichiga olgan .idea katalogi ;
  • manbalarimizni yaratadigan src katalogi ;
  • my-super-project.iml fayli , IDEA tomonidan yaratilgan loyiha fayli;
  • pom.xml fayli , men yuqorida aytib o'tgan bir xil Maven loyiha fayli, biz hozir uni ochdik. Agar biror joyda pom.xml yoki "pom" ni eslatib o'tsam, men ushbu faylni nazarda tutaman.
src papkasi o'z navbatida ikkita pastki papkani o'z ichiga oladi:
  • asosiy - bizning kodimiz uchun;
  • test - bizning kodimiz uchun testlar uchun.
Asosiy va testda java papkasi mavjud . E'tibor bering, bular bir xil papka, faqat asosiysi manba kodi uchun, sinovdagisi esa mos ravishda test kodi uchun. Hozircha bizga resurslar papkasi umuman kerak emas, biz undan foydalanmaymiz. Ammo yotishiga ruxsat bering.

Veb-loyihaga aylanish

Maven loyihamizni veb-loyihaga aylantirish vaqti keldi. Buni amalga oshirish uchun ushbu daraxtdagi loyiha nomini sichqonchaning o'ng tugmasi bilan bosing va " Qo'llab-quvvatlash ramkasini qo'shish ..." ni tanlang.
IntelliJ Idea Enterprise-da oddiy veb-loyiha yaratish.  Bosqichma-bosqich, rasmlar bilan - 7
Loyihamiz uchun har xil turdagi ramkalar uchun qo'llab-quvvatlashni qo'shishimiz mumkin bo'lgan oyna ochiladi. Lekin bizga faqat bitta kerak: Veb-ilova . Biz uni tanlaymiz.
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 8
Biz veb-ilovaning yonida tasdiq belgisi mavjudligini tekshiramiz va oynaning asosiy qismida biz uchun web.xml fayli darhol yaratilishini xohlayotganimiz qayd etilgan (agar u mavjud bo'lmasa, katakchani belgilashni tavsiya etaman) . Shundan so'ng, biz loyihamizning tuzilishi veb- papka bilan to'ldirilganligini ko'ramiz .
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 9
Bu bizning veb loyihamizning ildizidir / . Ya'ni, agar biz brauzerda localhost manzilini kiritsak (biz uni ishga tushirganimizda, albatta), u holda unga aynan shu erda, veb-loyihaning ildiziga kirish mumkin bo'ladi. Agar biz localhost/addUser ga kirsak, veb- papka addUser deb nomlangan resursni qidiradi .
Asosiysi, veb- papkani Tomcat-ga yuklaganimizda loyihamizning ildizi ekanligini tushunishdir. Endi bizda ma'lum bir papka tuzilishi bor, lekin biz yuklaydigan tayyor loyihada u biroz boshqacha bo'ladi va veb- papka u erda ildiz bo'ladi.
Veb -da WEB-INF deb nomlangan kerakli papka mavjud bo'lib , u erda web.xml fayli joylashgan bo'lib , biz uni oldingi bosqichda yaratishni so'ragan edik. Keling, ochaylik.
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 10
Ko'rib turganingizdek, unda hali qiziq narsa yo'q, faqat "shlyapa". Aytgancha, agar biz uni yaratishni so'ramaganimizda, uni qo'lda yaratishimiz kerak edi, ya'ni bu "sarlavha" ni qo'lda terish yoki o'ta og'ir holatlarda Internetda tayyor versiyani qidirish kerak edi. . web.xml nima uchun ? Xarita uchun. Bu erda biz Tomcat-ga qaysi URL so'rovlarini qaysi servletlarga yuborish kerakligini aytib beramiz. Ammo hammasi keyinroq, hozircha biz uni bo'sh qoldiramiz. Veb- papkada index.jsp deb nomlangan fayl ham mavjud . Keling, ochaylik.
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 11
Bu sukut bo'yicha bajariladigan fayl. Ya'ni, biz loyihani ishga tushirganimizda, biz aynan shuni ko'ramiz. Aslida, jsp oddiy html fayl bo'lib, unda java kodini bajarishingiz mumkin bo'lgan farq bilan.

Statik va dinamik tarkib haqida bir oz

Statik tarkib - vaqt o'tishi bilan o'zgarmas tarkib. Html faylida biz yozgan barcha narsalar o'zgarishsiz ko'rsatiladi. Agar biz salom dunyo deb yozgan bo'lsak, bu yozuv sahifani ochganimizdan so'ng va 5 daqiqadan so'ng, ertaga, bir haftadan keyin va bir yildan keyin paydo bo'ladi. U o'zgarmaydi. Ammo sahifada joriy sanani ko'rsatishni istasak nima bo'ladi? Agar biz oddiygina "2017 yil 27 oktyabr" deb yozsak, ertaga biz xuddi shu sanani, bir haftadan keyin va bir yildan keyinni ko'ramiz. Lekin men bu sana hali ham dolzarb bo'lishini istardim. Aynan shu erda kodni to'g'ridan-to'g'ri sahifa ichida bajarish qobiliyati bizga yordam beradi. Biz sana ob'ektini olishimiz, uni kerakli shaklga aylantirishimiz va sahifada ko'rsatishimiz mumkin. Keyin har kuni, biz sahifani ochganimizda, sana har doim tegishli bo'ladi. Agar bizga faqat statik tarkib kerak bo'lsa, biz uchun oddiy veb-server va html fayllari etarli. Bizga Java, Maven yoki Tomcat kerak emas. Ammo, agar biz dinamik tarkibdan foydalanmoqchi bo'lsak, bularning barchasi foydali bo'ladi. Ammo hozircha index.jsp ga qaytaylik . Keling, standart sarlavha o'rniga o'zimiznikini ko'rsataylik, masalan, "Mening super veb-ilovam!" va tanada biz yozamiz, masalan: "Men tirikman!" Biz loyihamizni ishga tushirishga deyarli tayyormiz! Ammo, afsuski, dasturni ishga tushirish uchun odatiy yashil uchburchak faol emas.
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 12
Keling, uning chap tomonidagi tugmani bosamiz (ekranda qizil strelka bilan ko'rsatilgan) va " Konfiguratsiyalarni tahrirlash" ni tanlaymiz ... Konfiguratsiya turini qo'shish uchun yashil plyus belgisini bosish so'raladigan oyna ochiladi. Unga bosing, u oynaning yuqori chap burchagida joylashgan.
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 13
Tomcat Server elementini va Mahalliy pastki elementni tanlang . Ko'p turli xil parametrlarga ega oyna ochiladi, ammo biz deyarli hamma narsadan va standart parametrdan mamnunmiz.
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 14
Biz konfiguratsiyani standart Unnamed (eng tepada) o'rniga qandaydir tarzda nomlashimiz mumkin . Shuningdek, g'oya bizning tizimimizda Tomcat muvaffaqiyatli topilganligini tekshirish kerak (siz uni oldin yuklab olib o'rnatgansiz , to'g'rimi?). Agar siz uni topa olmasangiz (bu dargumon), pastga o'qni bosing va biz o'rnatgan joyni yoki agar sizda ulardan bir nechtasi bo'lsa, boshqa versiyani tanlang. Menda bor va u allaqachon o'rnatilgan, shuning uchun hamma narsa skrinshotda ko'rinadi. Va oynaning eng pastki qismida biz serverga joylashtirish uchun mo'ljallangan biron bir artefakt yo'qligi haqida ogohlantirish mavjudligini ko'ramiz. Va bu yozuvning o'ng tomonida ushbu nuqsonni tuzatishni taklif qiladigan tugma mavjud. Biz uni bosamiz va g'oyaning o'zi hamma narsani topganini, hamma narsani o'zi yaratganini, nima etishmayotganini va barcha sozlamalarni o'zi qilganini ko'ramiz.
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 15
Biz Server yorlig'idan Joylashtirish yorlig'iga o'tkazilganimizni ko'ramiz , Serverni ishga tushirishda joylashtirish bo'limida bizda allaqachon joylashtirilishi kerak bo'lgan artefakt mavjud va quyida bu artefakt joylashtirishdan oldin qurilishi ko'rsatilgan. Murojaat qiling, OK. Va biz birinchi navbatda, oynaning pastki qismida bizning mahalliy Tomcat serverimiz bilan bo'lim paydo bo'lganini ko'ramiz, unda bizning artefaktimiz joylashtiriladi. Oynaning o'ng tomonidagi tegishli tugmani bosish orqali ushbu bo'limni yopishingiz mumkin.
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 16
Shuningdek, biz ishga tushirish uchun yashil uchburchak allaqachon faol ekanligini ko'ramiz. Hamma narsani tekshirmoqchi bo'lganlar uchun siz loyiha sozlamalari bo'lgan tugmani bosishingiz mumkin (qizil o'q bilan belgilangan ishga tushirish tugmalarining o'ng tomonida), Artefaktlar bo'limiga o'ting va artefakt haqiqatan ham yaratilganligiga ishonch hosil qiling. Biz Tuzatish tugmachasini bosgunimizcha u yo'q edi , lekin hozir hammasi joyida. Va bu konfiguratsiya bizga juda mos keladi. Xulosa qilib aytganda, my-super-project:war va my-super-project:war portladi o'rtasidagi farq shundaki, my-super-project:war faqat bitta urush faylini (bu shunchaki arxiv) yaratadi va variant bilan portlagan shunchaki "ochilmagan" urushdir . Va bu variant shaxsan men uchun qulayroq, chunki u serverga kichik o'zgarishlarni tezda o'rnatishga imkon beradi. Darhaqiqat, artefakt bizning loyihamiz bo'lib, u allaqachon tuzilgan va uning ichida papka tuzilishi to'g'ridan-to'g'ri Tomcat-ga yuklanishi uchun o'zgartirilgan. Bu shunday ko'rinadi:
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 17
Xo'sh, endi loyihamizni ishga tushirish uchun hamma narsa tayyor. Biz orzu qilingan yashil start tugmasini bosamiz va natijadan bahramand bo'lamiz! :)
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 18
Izohlar
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION