JavaRush /Blog Jawa /Random-JV /Nggawe proyek web prasaja ing IntelliJ Idea Enterprise. L...

Nggawe proyek web prasaja ing IntelliJ Idea Enterprise. Langkah demi langkah, kanthi gambar

Diterbitake ing grup
Tingkat kawruh sing dibutuhake kanggo mangerteni artikel kasebut: sampeyan wis luwih utawa kurang ngerti Java Core lan pengin ndeleng teknologi JavaEE lan pemrograman web. Iku ndadekake pangertèn sing paling apik yen sampeyan lagi sinau nggoleki Java Collections, sing nyakup topik sing cedhak karo artikel kasebut. Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 1Aku saiki nggunakake IntelliJ IDEA Enterprise Edition (iki versi majeng mbayar saka IDE, biasane digunakake ing pembangunan profesional - cathetan editor ). Luwih gampang nggarap proyek web tinimbang Edisi Komunitas gratis. Dadi, ing Enterprise Edition, secara harfiah kanthi siji klik mouse, proyek kasebut dirakit, diwutahake menyang wadhah servlet, server diwiwiti, lan malah kaca kanthi proyek sing mlaku mbukak ing browser. Ing versi gratis ide kasebut, akeh sing kudu ditindakake kanthi mandiri, supaya bisa ngomong, "kanthi tangan." Aku nggunakake Apache Maven kanggo mbangun proyek lan ngatur siklus urip. Ing iki aku mung digunakake bagian sekedhik saka kemampuan sawijining (paket / manajemen ketergantungan). Aku milih versi Apache Tomcat 9.0.0.M4 minangka wadhah servlet / server Aplikasi. Aku ngerti yen wis ana versi anyar, nanging iki sing wis diinstal.

Ayo dadi miwiti

Pisanan, ayo mbukak IntelliJ IDEA lan nggawe proyek Maven kosong.
Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 2
Ing sisih kiwa kita pilih Maven, priksa manawa JDK kanggo proyek kasebut dituduhake ing sisih ndhuwur. Yen ora ana, pilih sing sampeyan butuhake saka dhaptar, utawa klik Anyar ... banjur pilih langsung saka komputer. Ing tengah jendhela aku duwe animasi loading dhaftar archetypes. Kita ora butuh wong-wong mau, dadi tanpa ngenteni download, aja ragu-ragu klik Sabanjure ing sisih ngisor jendela.
Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 3
Ing jendhela iki sampeyan kudu nemtokake GroupId lan ArtifactId . GroupId nuduhake pengenal unik perusahaan sing ngasilake proyek kasebut. Praktek umum nggunakake jeneng domain perusahaan, nanging kanthi urutan mbalikke. Ora ing pangilon, nanging yen, contone, jeneng domain perusahaan yaiku maven.apache.org , banjur GroupId bakal dadi org.apache.maven . Yaiku, pisanan kita nulis domain tingkat pertama, misahake karo titik, nulis jeneng domain tingkat kapindho, lan liya-liyane. Iki minangka pendekatan sing ditampa umum. Yen sampeyan "nglereni" proyek sampeyan dhewe, lan ora minangka bagean saka perusahaan, tulis jeneng domain pribadi sampeyan ing kene (uga kanthi urutan mbalikke!). Yen sampeyan duwe, mesthi :). Yen ora, aja susah. Nyatane, sampeyan bisa nulis apa wae ing kene .
Kanggo perusahaan kanthi jeneng domain vasya.pupkin.org, GroupId bakal dadi org.pupkin.vasya. Pendekatan kanggo jeneng iki dibutuhake kanggo misahake proyek kanthi jeneng sing padha, nanging dirilis dening perusahaan sing beda.
Ing conto iki, aku bakal nggunakake jeneng domain fiktif fatfaggy.info.javarush.ru . Mulane, aku ngetik ru.javarush.info.fatfaggy ing kolom GroupId . ArtefactId mung jeneng proyek kita. Sampeyan bisa nggunakake aksara lan sawetara simbol (hyphens, contone) kanggo misahake tembung. "Artefak" kita bakal diarani persis kaya sing kita tulis ing kene. Ing conto iki, aku nulis my-super-project . Saiki kita ora ndemek kolom versi, kita ninggalake apa wae.
Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 4
Ya, jendhela IDEA standar nalika nggawe proyek anyar. Ayo diarani my-super-proyek miturut tradisi .
Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 5
Proyek wis digawe!
File pom.xml langsung mbukak ing ngarep kita. Iki file karo setelan Maven. Yen kita pengin "marang" Maven apa lan carane nindakake utawa ngendi kanggo njaluk soko saka, kita njlèntrèhaké kabeh iki ing file pom.xml banget iki. Dumunung ing oyod proyek kasebut.
Kita weruh manawa saiki ngemot persis data sing kita lebokake nalika nggawe proyek Maven: groupId , artifactId lan versi (ora ndemek sing terakhir).

Struktur proyek kita

Proyek Maven iki nduweni struktur tartamtu.
Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 6
Minangka kita bisa ndeleng, ing ROOT ngapusi:
  • direktori .idea , sing ngemot setelan ide kanggo proyek saiki;
  • direktori src ing ngendi kita nggawe sumber;
  • my-super-project.iml file , file project digawe dening IDEA;
  • pom.xml file , file proyek Maven sing padha karo sing dakkandhakake ing ndhuwur, sing saiki wis mbukak. Yen aku sebutno pom.xml utawa "pom" nang endi wae, Aku bakal ateges file tartamtu iki.
Folder src uga ngemot rong subfolder:
  • utama - kanggo kode kita;
  • test - kanggo tes kanggo kode kita.
Loro utama lan tes duwe folder java . Coba sing iki folder padha, mung siji ing utama kanggo kode sumber, lan siji ing test kanggo kode test, mungguh. Kita ora butuh folder sumber daya saiki, kita ora bakal nggunakake. Nanging supaya dheweke turu.

Ngowahi dadi proyek web

Wektu kanggo ngowahi proyek Maven dadi proyek web. Kanggo nindakake iki, klik-tengen ing jeneng proyek ing wit iki banjur pilih Tambah dhukungan kerangka...
Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 7
Jendhela bakal mbukak ing ngendi kita bisa nambah dhukungan kanggo macem-macem kerangka kerja kanggo proyek kita. Nanging kita mung butuh siji: Aplikasi Web . Kita milih dheweke.
Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 8
Kita mriksa manawa ana tandha mriksa ing jejere Aplikasi Web , lan ing bagean utama jendela kasebut dicathet yen kita pengin file web.xml digawe kanggo kita langsung (Aku nyaranake mriksa kothak yen ora ana). Sawise iki, kita bakal weruh manawa struktur proyek kita wis ditambah karo folder web .
Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 9
Iki minangka oyod proyek web kita ing / . Yaiku, yen kita ngetik alamat localhost ing browser (nalika kita miwiti, mesthi), banjur bakal diakses persis ing kene, menyang oyod proyek web. Yen kita ngetik localhost/addUser , banjur folder web bakal nggoleki sumber daya sing diarani addUser .
Sing utama yaiku mangertos manawa folder web minangka oyod saka proyek kita nalika diunggah menyang Tomcat. Saiki kita duwe struktur folder tartamtu, nanging ing proyek rampung sing bakal kita upload, bakal rada beda, lan folder web bakal dadi root ing kono.
Ing web ana folder sing dibutuhake sing diarani WEB-INF , ing ngendi file web.xml dumunung , sing dijaluk nggawe ing langkah sadurunge. Ayo padha mbukak.
Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 10
Nalika sampeyan bisa ndeleng, durung ana sing menarik, mung "topi". Miturut cara, yen kita durung njaluk nggawe, kita kudu nggawe kanthi manual, yaiku, ketik kabeh "header" iki kanthi tangan, utawa, ing kasus sing ekstrem, goleki versi sing wis siap ing Internet. . Apa web.xml kanggo ? Kanggo pemetaan. Ing kene kita bakal ngandhani Tomcat URL sing dijaluk dikirim menyang servlet. Nanging iku kabeh mengko, kanggo saiki kita bakal ninggalake kosong. Ana uga file index.jsp ing folder web . Ayo padha mbukak.
Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 11
Iki minangka file sing bakal dieksekusi kanthi standar, supaya bisa ngomong. Yaiku, nalika kita miwiti proyek kasebut, iki persis sing bakal kita deleng. Intine, jsp minangka file html biasa, kanthi bedane sampeyan bisa nglakokake kode java.

A sethitik babagan isi statis lan dinamis

Isi statis yaiku isi sing ora owah saka wektu. Kabeh sing kita tulis ing file html bakal ditampilake tanpa owah-owahan. Yen kita nulis hello donya, prasasti iki bakal ditampilake sanalika kita mbukak kaca, lan ing 5 menit, lan sesuk, lan ing minggu, lan ing taun. Dheweke ora bakal ngganti. Nanging kepiye yen kita pengin nampilake tanggal saiki ing kaca kasebut? Yen kita mung nulis "27 Oktober 2017," banjur sesuk kita bakal weruh tanggal sing padha, lan ing minggu, lan ing taun. Nanging aku pengin tanggal iki isih relevan. Iki ngendi kemampuan kanggo nglakokake sawetara kode langsung ing kaca teka kanggo bantuan kita. Kita bisa entuk obyek tanggal, ngowahi dadi formulir sing dibutuhake lan nampilake ing kaca kasebut. Banjur saben dina, saben kita mbukak kaca, tanggal bakal tansah cocog. Yen kita mung butuh konten statis, banjur server web biasa lan file html cukup kanggo kita. Kita ora butuh Java, Maven, utawa Tomcat. Nanging yen kita pengin nggunakake isi dinamis, iki ngendi kabeh iki bakal migunani. Nanging saiki ayo bali menyang index.jsp . Ayo nuduhake soko dhewe tinimbang header standar, contone, "My super web-app!", Lan ing awak kita bakal nulis, contone, "Aku urip!" Kita meh siap kanggo miwiti proyek kita! Nanging, sayangé, segitiga ijo sing biasa kanggo ngluncurake program kasebut ora aktif.
Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 12
Ayo klik tombol ing sisih kiwa (dituduhake ing layar kanthi panah abang) lan pilih Sunting konfigurasi ... Jendhela bakal mbukak ing ngendi kita dijaluk ngeklik tandha plus ijo kanggo nambah sawetara konfigurasi. Klik ing, dumunung ing sudhut kiwa ndhuwur jendhela.
Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 13
Pilih item Server Tomcat lan sub-item Lokal. Jendhela bakal mbukak kanthi macem-macem paramèter, nanging kita seneng karo meh kabeh lan standar.
Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 14
Kita bisa kanthi becik menehi jeneng konfigurasi tinimbang standar Unnamed (ing ndhuwur banget). Sampeyan uga kudu mriksa manawa ide kasebut sukses nemokake Tomcat ing sistem kita (sampeyan wis ndownload lan nginstal sadurunge , ta?). Yen sampeyan ora bisa nemokake iku (sing ora kamungkinan), klik panah mudhun lan pilih ngendi kita wis diinstal, utawa versi liyane yen sampeyan duwe sawetara. Aku duwe siji lan wis diinstal, supaya kabeh katon kaya ing gambar. Lan ing sisih paling ngisor saka jendhela kita waca sing ana bebaya sing ora artefak siji dimaksudaké kanggo penyebaran prajurit. Lan ing sisih tengen prasasti iki ana tombol sing nawakake kanggo mbenerake cacat iki. Kita ngeklik lan ndeleng manawa ide kasebut nemokake kabeh, nggawe kabeh dhewe, apa sing ilang, lan nggawe kabeh setelan dhewe.
Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 15
Kita weruh yen kita ditransfer saka tab Server menyang tab Deployment , ing Deploy ing bagean wiwitan server kita wis duwe artefak sing kudu disebarake, lan ing ngisor iki dituduhake yen artefak iki bakal dibangun sadurunge penyebaran. Nglamar, Ok. Lan kita ndeleng manawa pisanan, ing sisih ngisor jendela ana bagean karo server Tomcat lokal kita, ing ngendi artefak kita bakal diselehake. Sampeyan bisa ambruk bagean iki kanthi ngeklik tombol sing cocog ing sisih tengen jendhela.
Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 16
Kita uga weruh manawa segitiga ijo kanggo diluncurake wis aktif. Kanggo sing pengin mriksa kabeh, sampeyan bisa ngeklik tombol kanthi setelan proyek (ing sisih tengen tombol peluncuran, ditandhani karo panah abang), pindhah menyang bagean Artefak lan priksa manawa artefak kasebut pancen wis digawe. Ora ana nganti kita menet tombol Ndandani , nanging saiki kabeh ok. Lan konfigurasi iki cocog karo kita. Cekakipun, prabédan antarane my-super-project:war lan my-super-project:war njeblug yaiku my-super-project:war bakal nggawe mung siji file perang (sing mung arsip), lan pilihan karo mbledhos iku mung perang "unpacked" . Lan pilihan iki luwih trep kanggo aku, amarga ngidini aku cepet nyebar owahan cilik menyang server. Nyatane, artefak kasebut minangka proyek kita, mung wis dikompilasi, lan struktur folder wis diganti supaya bisa diunggah langsung menyang Tomcat. Bakal katon kaya iki:
Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 17
Saiki, kabeh wis siyap kanggo miwiti proyek kita. Kita pencet tombol wiwitan ijo coveted lan seneng asil! :)
Nggawe proyek web prasaja ing IntelliJ Idea Enterprise.  Langkah demi langkah, kanthi gambar - 18
Komentar
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION