CodeGym /Blog Jawa /Acak /Nggawe proyek web paling gampang ing IntelliJ IDEA Enterp...
John Squirrels
tingkat
San Francisco

Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise. Langkah demi langkah, kanthi gambar

Diterbitake ing grup
Kawruh sing dibutuhake kanggo mangerteni artikel kasebut: Sampeyan wis luwih utawa kurang ngerti Java Core lan pengin ndeleng teknologi JavaEE lan pemrograman web . Iku bakal nggawe paling raos yen sampeyan lagi sinau nggoleki Java Collections, kang gegayutan karo topik cedhak artikel.
Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 1
Saiki, aku nggunakake IntelliJ IDEA Enterprise Edition ( cathetan editor: iki versi IDE lengkap sing dibayar; biasane digunakake ing pangembangan profesional). Luwih gampang nggarap proyek web tinimbang ing Edisi Komunitas gratis . Ing Enterprise Edition , kanthi harfiah siji klik mouse mbangun proyek kasebut, nyelehake menyang wadhah servlet, miwiti server, lan malah mbukak kaca web kanggo proyek kasebut ing browser. Ing versi gratis IDEA, sampeyan kudu nindakake akeh iki dhewe, yaiku "manual". Aku nggunakake Apache Mavenkanggo mbangun proyek lan ngatur siklus urip. Aku mung nggunakake bagean cilik saka kapabilitas (paket / manajemen ketergantungan) ing proyek iki. Minangka servlet wadhah / server aplikasi, Aku milih Apache Tomcat versi 9.0.12.

Ayo dadi miwiti

Pisanan, bukak IntelliJ IDEA lan gawe proyek Maven kosong . Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 2Ing sisih kiwa, pilih Maven , lan priksa manawa JDK proyek dipilih ing ndhuwur. Yen ora ana, pilih salah siji saka dhaptar, utawa klik Anyar ... lan pilih salah siji saka komputer. Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 3Ing jendhela iki, sampeyan kudu nemtokake GroupId lan ArtifactId . GroupId nuduhake pengenal unik perusahaan sing nerbitake proyek kasebut . Praktek umum yaiku nggunakake jeneng domain perusahaan, nanging kanthi urutan mbalikke. Nanging ora kaya pangilon. Contone, yen jeneng domain perusahaan yaiku maven.apache.org , banjur GroupId bakal dadi org.apache.maven. Yaiku, kita nulis domain tingkat ndhuwur, nambah titik, banjur domain tingkat kapindho, lan liya-liyane. Iki minangka pendekatan sing ditampa umum. Yen sampeyan "nggiling" proyek kasebut dhewe (lan ora minangka bagean saka perusahaan), banjur sampeyan sijine jeneng domain pribadi ing kene (uga kanthi urutan mbalikke!). Yen sampeyan duwe, mesthi. :) Yen ora, aja kuwatir. Sampeyan bisa nulis apa wae ing kene .
Kanggo perusahaan kanthi jeneng domain john.doe.org, GroupId bakal dadi org.doe.john. Konvensi penamaan iki dibutuhake kanggo misahake proyek kanthi jeneng sing padha sing diprodhuksi dening macem-macem perusahaan.
Ing conto iki, aku bakal nggunakake domain fiktif: fatlady.info.codegym.cc . Mulane, aku ngetik cc.codergym.info.fatlady ing kolom GroupId . ArtifactId mung jeneng proyek kita. Sampeyan bisa nggunakake aksara lan simbol tartamtu (hyphens, contone) kanggo misahake tembung. "Artefak" kita bakal dijenengi persis apa sing kita tulis ing kene. Ing conto iki, aku bakal nggunakake my-super-project . Aja ndemek kolom versi - tinggalake apa wae. Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 4Lan iki jendhela IDEA standar nalika sampeyan nggawe proyek anyar. Njaga tradisi, ayo diarani my-super-project . Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 5Proyek kasebut digawe!
Pom.xml langsung dibukak. Iki file karo setelan Maven. Yen kita arep marang Maven apa apa utawa ngendi kanggo nemokake soko, kita njlèntrèhaké kabeh ing file pom.xml iki. Dumunung ing oyod proyek.
Kita weruh manawa saiki ngemot data sing tepat sing kita lebokake nalika nggawe proyek Maven : groupId , artifactId , lan versi (kita ora ndemek sing pungkasan).

Struktur proyek kita

Proyek Maven iki nduweni struktur tartamtu. Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 6Nalika sampeyan bisa ndeleng, ROOT wis:
  • direktori .idea , sing ngemot setelan IDEA proyek saiki;
  • direktori src , ing ngendi kita nggawe kode sumber;
  • file my-super-project.iml , yaiku file proyek sing digawe dening IDEA;
  • file pom.xml (file project Maven sing dakkandhakake sadurunge), sing saiki mbukak. Yen aku sebutno pom.xml nang endi wae, iki file aku ngomong bab.
Ing folder src , ana rong subfolder:
  • utama - kanggo kode kita;
  • test - kanggo tes kode kita.
Ing main lan test , ana folder java . Sampeyan bisa mikir iki minangka folder sing padha, kajaba sing utama kanggo kode sumber, lan sing dites kanggo kode test. Saiki, ora ana gunane kanggo folder sumber daya . Kita ora bakal nggunakake. Nanging tinggalake wae.

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 support framework ... Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 7Jendhela mbukak ngendi kita bisa nambah support kanggo macem-macem frameworks kanggo project kita. Nanging kita mung butuh siji: Aplikasi Web . Lan iku sing kita pilih. Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 8Priksa manawa kothak Aplikasi Web wis dipilih, lan jendhela utama nuduhake yen kita pengin file web.xml digawe kanthi otomatis (Aku nyaranake milih kothak kasebut, yen durung dipilih). Banjur kita ndeleng manawa folder web wis ditambahake menyang struktur proyek kita. Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 9Iki minangka oyod proyek web kita kanthi alamat/. Ing tembung liyane, yen kita ngetik ' localhost ' ing browser (nalika proyek mlaku, mesthine), banjur bakal katon ing kene, ing oyod proyek web. Yen kita ngetik localhost/addUser , banjur bakal nggoleki sumber daya sing diarani addUser ing folder web .
Wangsulan: Bab ingkang utama sampeyan kudu ngerti iku folder web iku ROOT saka project kita nalika kita sijine menyang Tomcat. Saiki kita duwe struktur folder tartamtu, nanging ing proyek rampung sing bakal kita gawe, bakal rada beda. Khusus, folder web bakal dadi root.
Ing web , ana folder sing dibutuhake sing diarani WEB-INF , ing ngendi file web.xml dumunung, yaiku folder sing dijaluk supaya program digawe ing langkah pungkasan. Ayo padha mbukak. Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 10Sampeyan bisa ndeleng manawa ora ana sing menarik, mung header. Contone, yen sampeyan ora njaluk file digawe, sampeyan kudu nggawe kanthi manual, yaiku ketik kabeh header kanthi tangan. Utawa, paling ora, goleki versi sing wis siap ing Internet. Apa sing kita butuhake web.xml ? Kanggo pemetaan. Ing kene kita bakal ngeja Tomcat sing dijaluk URL menyang servlet. Nanging mengko. Kanggo saiki, ninggalake kosong. Folder web uga nduweni file index.jsp. Bukak. Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 11Iki minangka file sing bakal dieksekusi kanthi standar, supaya bisa ngomong. Ing tembung liyane, persis apa sing bakal kita deleng nalika miwiti proyek kasebut. Sejatine, jsp minangka file HTML biasa , kajaba sampeyan bisa nglakokake kode Java ing njero.

A sethitik babagan isi statis lan dinamis

Konten statis yaiku konten sing ora owah saka wektu. Kabeh sing kita tulis ing file HTML ditampilake ora owah, kaya sing ditulis. Yen kita nulis " hello world ", teks iki bakal ditampilake sanalika kita mbukak kaca, lan ing 5 menit, lan sesuk, lan ing minggu, lan ing taun. Ora bakal owah. 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 minggu mengko, lan taun mengko. Nanging kita pengin tanggal dadi saiki. Iki ngendi kemampuan kanggo nglakokaké kode tengen ing kaca punika mbiyantu. Kita bisa njaluk a obyek tanggal, ngowahi menyang format sing dikarepake, lan nampilake ing kaca. Banjur, saben dina nalika mbukak kaca, tanggal bakal tansah saiki. Yen kita mung butuh konten statis, mula kita mung butuh server web biasa lan File HTML. Kita ora butuh Java, Maven, utawa Tomcat. Nanging yen kita pengin nggunakake konten dinamis, mula kita butuh kabeh alat kasebut. Nanging saiki, ayo bali menyang index.jsp . Ayo nuduhake soko liyane saka judhul standar, contone, " My super web app! " Banjur, ing awak, ayo nulis " Aku urip! " Kita meh siap kanggo miwiti proyek kita! Sayange, segitiga ijo biasa kanggo miwiti program ora aktif. Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 12Klik ing tombol ing sisih kiwa iku (dituduhake ing layar karo panah abang) lan pilih Owahi konfigurasi ... Sing mbukak jendhela ngendi kita diundang kanggo klik ing tandha plus ijo kanggo nambah sawetara konfigurasi. Klik ing (ing pojok kiwa ndhuwur jendhela). Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 13Pilih Server Tomcat > Lokal . Jendhela kanthi akeh pilihan bakal mbukak, nanging standar kasebut cocog kanggo meh kabeh. Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 14Kita bisa menehi konfigurasi kita jeneng cantik tinimbang standar Unnamed (ing ndhuwur banget). Kita uga kudu verifikasi manawa IDEA wis kasil nemokake Tomcat ing sistem kita (sampeyan wis ndownload lan nginstaliku, bener?). Yen ora ditemokake (sing ora mungkin), banjur pencet panah mudhun lan pilih ing ngendi dipasang. Utawa pilih versi sing beda, yen sampeyan wis nginstal luwih saka siji. Aku mung duwe siji lan wis diinstal. Mulane katon kaya ing layarku. Lan ing sisih ngisor jendela, kita ndeleng bebaya, menehi tandha manawa nganti saiki ora ana artefak sing dituduhake kanggo penyebaran menyang server. Ing sisih tengen bebaya iki ana tombol sing menehi saran supaya kita ndandani iki. Kita klik lan ndeleng manawa IDEA bisa nemokake kabeh dhewe, nggawe kabeh sing ilang dhewe, lan ngatur kabeh setelan dhewe. Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 15Kita bisa ndeleng manawa dheweke pindhah saka tab Server menyang tab Deployment , ing ngisor Deploy ing wiwitan server.bagean, lan kita saiki duwe artefak kanggo disebarake. Klik Apply lan OK. Lan pisanan kita weruh yen ing sisih ngisor jendhela, bagean wis katon karo server Tomcat lokal kita, ngendi artefak kita bakal diselehake. Ambruk bagean iki kanthi ngeklik tombol sing cocog ing sisih tengen jendhela. Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 16Saiki kita weruh yen segitiga peluncuran ijo aktif. Kanggo sing seneng mriksa kabeh, sampeyan bisa ngeklik tombol setelan proyek (ing sisih tengen tombol peluncuran, dituduhake nganggo panah abang), pindhah menyang bagean Artefak, lan priksa manawa artefak kasebut pancen digawe . Ora ana nganti kita menet Fix kasebuttombol, nanging saiki kabeh OK. Lan konfigurasi iki cocog karo kita. Cekakipun, prabédan antarane my-super-project:war lan my-super-project:war mbledhos iku my-super-project:war kasusun saka mung siji file perang (sing mung arsip) lan versi karo mbledhos . iku mung perang "unpacked" . Lan kanthi pribadi, iku pilihan sing luwih trep, amarga ngidini sampeyan cepet debug owah-owahan cilik ing server. Intine, artefak kasebut minangka proyek kita, mung dikompilasi-lan ing ngendi struktur folder wis diganti supaya Tomcat bisa ngakses langsung. Bakal katon kaya iki:
Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 17
Saiki kabeh wis siyap kanggo miwiti proyek kita. Pencet tombol peluncuran ijo sing larang regane lan nikmati asile! :)
Nggawe proyek web paling gampang ing IntelliJ IDEA Enterprise.  Langkah demi langkah, kanthi gambar - 18
Komentar
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION