JavaRush /جاوا بلاگ /Random-SD /IntelliJ Idea Enterprise ۾ هڪ سادي ويب پروجيڪٽ ٺاهڻ. قدم ...

IntelliJ Idea Enterprise ۾ هڪ سادي ويب پروجيڪٽ ٺاهڻ. قدم بہ قدم، تصويرن سان

گروپ ۾ شايع ٿيل
مضمون کي سمجھڻ لاءِ علم جي سطح گھربل آھي: توھان اڳ ۾ ئي جاوا ڪور کي وڌيڪ يا گھٽ سمجھيو آھي ۽ توھان چاھيو ٿا جاوا اي ٽيڪنالوجيز ۽ ويب پروگرامنگ کي ڏسڻ. اهو سڀ کان وڌيڪ معنيٰ رکي ٿو جيڪڏهن توهان هن وقت جاوا مجموعن جي ڳولا جو مطالعو ڪري رهيا آهيو، جيڪو مضمون جي ويجهو عنوانن کي ڍڪي ٿو. IntelliJ Idea Enterprise ۾ هڪ سادي ويب پروجيڪٽ ٺاهڻ.  قدم بہ قدم، تصويرن سان - 1مان هن وقت استعمال ڪري رهيو آهيان IntelliJ IDEA انٽرپرائز ايڊيشن (هي IDE جو ادا ڪيل ايڊوانس ورزن آهي، اهو عام طور تي پروفيشنل ڊولپمينٽ ۾ استعمال ٿيندو آهي - ايڊيٽر جو نوٽ ). مفت ڪميونٽي ايڊيشن جي ڀيٽ ۾ ويب منصوبن سان ڪم ڪرڻ تمام آسان آهي. تنهن ڪري، انٽرپرائز ايڊيشن ۾، لفظي طور تي مائوس جي هڪ ڪلڪ سان، پروجيڪٽ گڏ ڪيو ويو آهي، هڪ سرورٽ ڪنٽينر ۾ وجھي، سرور شروع ٿئي ٿو، ۽ اڃا به هڪ صفحو هلندڙ منصوبي سان گڏ برائوزر ۾ کلي ٿو. خيال جي آزاد نسخي ۾، گهڻو ڪري اهو آزاديء سان ڪرڻو پوندو، تنهنڪري ڳالهائڻ لاء، "هٿ سان." مان پروجيڪٽ ٺاهڻ ۽ ان جي لائف سائيڪل کي منظم ڪرڻ لاءِ اپاچي ماون استعمال ڪريان ٿو. ان ۾ مون صرف ان جي صلاحيتن جو ھڪڙو ننڍڙو حصو استعمال ڪيو (پيڪيج / انحصار انتظام). مون چونڊيو Apache Tomcat ورجن 9.0.0.M4 جيئن سرورٽ ڪنٽينر/ايپليڪيشن سرور. مون کي خبر آهي ته اڳ ۾ ئي نوان ورجن موجود آهن، پر هي اهو آهي جيڪو مون انسٽال ڪيو آهي.

اچو ته شروع ڪريون

پهرين، اچو ته IntelliJ IDEA کوليو ۽ هڪ خالي Maven پروجيڪٽ ٺاهيو.
IntelliJ Idea Enterprise ۾ هڪ سادي ويب پروجيڪٽ ٺاهڻ.  قدم بہ قدم، تصويرن سان - 2
هتي کاٻي پاسي اسان چونڊيو Maven، چيڪ ڪريو ته JDK پروجيڪٽ لاء مٿي ڄاڻايل آهي. جيڪڏهن اهو موجود ناهي، فهرست مان هڪ چونڊيو جيڪو توهان کي گهربل هجي، يا ڪلڪ ڪريو نئون... ۽ چونڊيو سڌو پنهنجي ڪمپيوٽر مان. ونڊو جي وچ ۾ مون وٽ آرڪي ٽائپس جي لسٽ لوڊ ڪرڻ جي هڪ اينيميشن آهي. اسان کي انهن جي ضرورت نه آهي، تنهنڪري ڊائون لوڊ جي انتظار کان سواء، ونڊو جي تري ۾ اڳيون ڪلڪ ڪرڻ لاء آزاد محسوس ڪريو.
IntelliJ Idea Enterprise ۾ هڪ سادي ويب پروجيڪٽ ٺاهڻ.  قدم بہ قدم، تصويرن سان - 3
ھن ونڊو ۾ توھان کي بيان ڪرڻو پوندو GroupId ۽ ArtifactId . GroupId ڪمپني جي منفرد سڃاڻپ ڪندڙ ڏانهن اشارو ڪري ٿو جيڪو پروجيڪٽ ٺاهي ٿو. اهو عام رواج آهي ڪمپني جي ڊومين جو نالو استعمال ڪرڻ، پر ريورس آرڊر ۾. آئيني جي معنيٰ ۾ نه، پر جيڪڏهن، مثال طور، هڪ ڪمپني جو ڊومين نالو آهي maven.apache.org ، ته پوءِ ان جو GroupId هوندو org.apache.maven . اهو آهي، پهرين اسان پهرين سطح جي ڊومين کي لکو، ان کي ڊٽ سان الڳ ڪريو، ٻئي سطح جي ڊومين جو نالو لکو، وغيره. اهو عام طور تي قبول ٿيل طريقو آهي. ان صورت ۾ ته توهان پنهنجو پاڻ هڪ پروجيڪٽ ”ڪٽڻ“ ڪري رهيا آهيو، ۽ نه ڪنهن ڪمپني جي حصي طور، پنهنجو ذاتي ڊومين نالو هتي لکو (پڻ ريورس آرڊر ۾!). جيڪڏهن توهان وٽ آهي، يقينا :). جيڪڏهن نه، پريشان نه ٿيو. حقيقت ۾، توهان هتي ڪجهه به لکي سگهو ٿا .
ڊومين جي نالي سان ڪمپني لاء vasya.pupkin.org، GroupId ٿيندو org.pupkin.vasya. نالن جي هن طريقي جي ضرورت آهي ساڳئي نالي سان منصوبن کي الڳ ڪرڻ لاء، پر جيڪي مختلف ڪمپنين پاران جاري ڪيا ويا آهن.
هن مثال ۾، مان جعلي ڊومين جو نالو استعمال ڪندس fatfaggy.info.javarush.ru . ان مطابق، مان داخل ڪريان ٿو ru.javarush.info.fatfaggy GroupId فيلڊ ۾ . ArtefactId صرف اسان جي منصوبي جو نالو آهي. توھان لفظن کي الڳ ڪرڻ لاءِ اکر ۽ ڪجھ علامتون (مثال طور ھائيفنز) استعمال ڪري سگھو ٿا. اسان جي ”آرٽيفڪٽ“ کي ائين ئي سڏيو ويندو جيئن اسين هتي لکون ٿا. هن مثال ۾، مان لکان ٿو my-super-project . اسان في الحال ورزن فيلڊ کي نه ڇڪيندا آهيون، اسان ان کي ڇڏي ڏيو جيئن آهي.
IntelliJ Idea Enterprise ۾ هڪ سادي ويب پروجيڪٽ ٺاهڻ.  قدم بہ قدم، تصويرن سان - 4
خير، معياري IDEA ونڊو جڏهن هڪ نئون منصوبو ٺاهي. اچو ته ان کي سڏين مائي-سپر پروجيڪٽ روايت مطابق .
IntelliJ Idea Enterprise ۾ هڪ سادي ويب پروجيڪٽ ٺاهڻ.  قدم بہ قدم، تصويرن سان - 5
پروجيڪٽ ٺاهي وئي آهي!
pom.xml فائل فوري طور تي اسان جي سامهون کوليو. هي هڪ فائل آهي Maven سيٽنگن سان. جيڪڏهن اسان Maven کي ”ٻڌائڻ“ چاهيون ٿا ته ڇا ڪجي ۽ ڪيئن ڪجي يا ڪٿان ڪجهه حاصل ڪجي، اسان اهو سڀ ڪجهه هن pom.xml فائل ۾ بيان ڪريون ٿا. اهو منصوبي جي روٽ تي واقع آهي.
اسان ڏسون ٿا ته اهو هاڻي بلڪل ڊيٽا تي مشتمل آهي جيڪو اسان داخل ڪيو هو جڏهن Maven پروجيڪٽ ٺاهي رهيا هئاسين: groupId ، artifactId ۽ ورزن (اسان بعد ۾ هٿ نه ڪيو).

اسان جي منصوبي جي جوڙجڪ

هي Maven پروجيڪٽ هڪ خاص ڍانچي آهي.
IntelliJ Idea Enterprise ۾ هڪ سادي ويب پروجيڪٽ ٺاهڻ.  قدم قدم، تصويرن سان - 6
جيئن ته اسان ڏسي سگهون ٿا، بنيادي ڪوڙ تي:
  • .idea ڊاريڪٽري ، جنهن ۾ موجوده منصوبي لاء خيال سيٽنگون شامل آهن؛
  • src ڊاريڪٽري جنهن ۾ اسان پنهنجا ذريعا ٺاهيندا آهيون؛
  • my-super-project.iml فائل ، هڪ پروجيڪٽ فائل IDEA پاران ٺاهيل؛
  • pom.xml فائل ، ساڳيو Maven پروجيڪٽ فائل جنهن جي باري ۾ مون مٿي ڳالهايو آهي، جيڪو اسان هاڻي کوليو آهي. جيڪڏهن مان ڪنهن هنڌ pom.xml يا ”pom“ جو ذڪر ڪندس ته منهنجو مطلب هي مخصوص فائل هوندو.
موڙ ۾ src فولڊر ۾ ٻه ذيلي فولڊر شامل آهن:
  • مکيه - اسان جي ڪوڊ لاء؛
  • ٽيسٽ - اسان جي ڪوڊ لاءِ ٽيسٽ لاءِ.
ٻئي مکيه ۽ ٽيسٽ جاوا فولڊر آهن . غور ڪريو ته اهي ساڳيا فولڊر آهن، صرف هڪ مکيه ۾ سورس ڪوڊ لاءِ آهي، ۽ هڪ ٽيسٽ ۾ آهي ٽيسٽ ڪوڊ لاءِ، ترتيب سان. اسان کي في الحال وسيلن جي فولڊر جي ضرورت ناهي، اسان ان کي استعمال نه ڪنداسين. پر هن کي سمهڻ ڏيو.

ويب پروجيڪٽ ۾ تبديل ٿي رهيو آهي

اهو وقت آهي اسان جي Maven پروجيڪٽ کي ويب پروجيڪٽ ۾ تبديل ڪرڻ لاءِ. ائين ڪرڻ لاءِ، هن وڻ ۾ پروجيڪٽ جي نالي تي صحيح ڪلڪ ڪريو ۽ منتخب ڪريو فريم ورڪ سپورٽ شامل ڪريو...
IntelliJ Idea Enterprise ۾ هڪ سادي ويب پروجيڪٽ ٺاهڻ.  قدم بہ قدم، تصويرن سان - 7
هڪ ونڊو کلي ويندي جتي اسان پنهنجي پروجيڪٽ لاءِ هر قسم جي مختلف فريم ورڪ لاءِ سپورٽ شامل ڪري سگهون ٿا. پر اسان کي صرف هڪ جي ضرورت آهي: ويب ايپليڪيشن . اسان هن کي چونڊيو.
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 8
اسان چيڪ ڪريون ٿا ته ويب ايپليڪيشن جي اڳيان هڪ چيڪ مارڪ آهي ، ۽ ونڊو جي مکيه حصي ۾ اهو نوٽ ڪيو ويو آهي ته اسان چاهيون ٿا ته هڪ web.xml فائل اسان لاءِ فوري طور تي ٺاهي وڃي (آئون سفارش ڪريان ٿو ته باڪس چيڪ ڪريو جيڪڏهن اهو موجود ناهي) . ان کان پوء، اسان ڏسندا سين ته اسان جي منصوبي جي جوڙجڪ ويب فولڊر سان گڏ ڪيو ويو آهي .
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 9
هي اسان جي ويب پروجيڪٽ جو روٽ آهي / . اهو آهي، جيڪڏهن اسان برائوزر ۾ لوڪل هوسٽ ايڊريس داخل ڪريون ٿا (جڏهن اسان ان کي لانچ ڪندا آهيون، يقينا)، پوء اهو هتي ئي ويب پروجيڪٽ جي روٽ تائين پهچايو ويندو. جيڪڏهن اسان داخل ڪيو localhost/addUser ، پوءِ ويب فولڊر هڪ وسيلو ڳوليندو جنهن کي سڏيو ويندو آهي addUser .
بنيادي شيء اهو سمجهڻ آهي ته ويب فولڊر اسان جي منصوبي جو روٽ آهي جڏهن اسان ان کي Tomcat تي اپلوڊ ڪندا آهيون. هاڻي اسان وٽ فولڊر جو هڪ خاص ڍانچو آهي، پر مڪمل ٿيل پروجيڪٽ ۾ جيڪو اسان اپلوڊ ڪنداسين، اهو ٿورو مختلف هوندو، ۽ ويب فولڊر اتي روٽ هوندو.
ويب ۾ ھڪڙو گھربل فولڊر آھي جنھن کي WEB-INF سڏيو ويندو آھي ، جتي web.xml فائل واقع آھي ، جنھن کي اسان اڳئين مرحلي ۾ ٺاھڻ لاءِ چيو ھو. اچو ته ان کي کوليو.
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 10
جئين توهان ڏسي سگهو ٿا، ان ۾ اڃا تائين ڪجهه به دلچسپ ناهي، صرف "ٽپي". اهڙيءَ طرح، جيڪڏهن اسان ان کي ٺاهڻ لاءِ نه چئون ها، ته شايد اسان کي ان کي دستي طور ٺاهڻو پوي ها، يعني هي سڄو ”هيڊر“ هٿ سان ٽائيپ ڪريو، يا، انتهائي حالتن ۾، انٽرنيٽ تي تيار ٿيل نسخو ڳوليو. . web.xml ڇا لاءِ آهي ؟ نقشي سازي لاءِ. هتي اسان Tomcat کي ٻڌائينداسين ته ڪهڙن سرورن کي موڪلڻ لاءِ ڪهڙي URL جي درخواست آهي. پر اهو سڀ ڪجهه بعد ۾ آهي، هاڻي اسان ان کي خالي ڇڏينداسين. ويب فولڊر ۾ index.jsp نالي هڪ فائل پڻ آهي . اچو ته ان کي کوليو.
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 11
اھو اھو فائل آھي جيڪو ڊفالٽ طور تي عمل ڪيو ويندو، تنھنڪري ڳالھائڻ لاء. اهو آهي، جڏهن اسان پروجيڪٽ شروع ڪندا آهيون، اهو ئي آهي جيڪو اسان ڏسنداسين. جوهر ۾، jsp هڪ باقاعده html فائل آهي، فرق اهو آهي ته توهان ان ۾ جاوا ڪوڊ تي عمل ڪري سگهو ٿا.

جامد ۽ متحرڪ مواد بابت ٿورڙو

جامد مواد اهو مواد آهي جيڪو وقت سان تبديل نٿو ڪري. سڀ ڪجھ جيڪو اسان html فائل ۾ لکيو آھي اھو بغير تبديلين جي ڏيکاري ويندي. جيڪڏهن اسان هيلو ورلڊ لکيو آهي ته پوءِ هي لکت جيئن ئي صفحو کولينداسين، 5 منٽن ۾، ۽ سڀاڻي، ۽ هڪ هفتي ۾، ۽ هڪ سال ۾ ظاهر ٿيندو. هوء تبديل نه ٿيندي. پر ڇا جيڪڏهن اسان صفحي تي موجوده تاريخ ڏيکارڻ چاهيون ٿا؟ جيڪڏهن اسان صرف ”آڪٽوبر 27، 2017“ لکون، ته پوءِ سڀاڻي اسان ساڳي تاريخ ڏسنداسين، ۽ هڪ هفتي ۾، ۽ هڪ سال ۾. پر مان چاهيان ٿو ته هي تاريخ اڃا به لاڳاپيل هجي. اهو آهي جتي ڪجهه ڪوڊ تي عمل ڪرڻ جي صلاحيت سڌو سنئون صفحي جي اندر اسان جي مدد لاء اچي ٿي. اسان هڪ تاريخ اعتراض حاصل ڪري سگهون ٿا، ان کي تبديل ڪري سگھون ٿا فارم ۾ جيڪو اسان کي گهربل آهي ۽ ان کي صفحي تي ڏيکاري ٿو. پوءِ هر روز، جڏهن به اسان صفحو کوليون ٿا، تاريخ هميشه لاڳاپيل هوندي. جيڪڏهن اسان کي صرف جامد مواد جي ضرورت آهي، ته پوء هڪ باقاعده ويب سرور ۽ html فائلون اسان لاء ڪافي آهن. اسان کي ڪنهن به جاوا، Maven، يا Tomcat جي ضرورت ناهي. پر جيڪڏهن اسان متحرڪ مواد استعمال ڪرڻ چاهيون ٿا، اهو آهي جتي اهو سڀ ڪجهه ڪم ۾ ايندو. پر ھاڻي اچو ته اسان جي index.jsp ڏانھن موٽون . اچو ته معياري هيڊر جي بدران اسان جي پنهنجي ڪا شيءِ ڏيکاريون، مثال طور، ”مائي سپر ويب-ايپ!“، ۽ جسم ۾ اسين لکنداسين، مثال طور، ”مان زنده آهيان!“ اسان تقريبن اسان جي منصوبي کي شروع ڪرڻ لاء تيار آهيون! پر، بدقسمتي سان، پروگرام شروع ڪرڻ لاء معمولي سائي مثلث فعال نه آهي.
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 12
اچو ته ان جي کاٻي پاسي واري بٽڻ تي ڪلڪ ڪريون (اسڪرين تي ڳاڙهي تير سان ڏيکاريل آهي) ۽ چونڊيو ڪنفيگريشنز ۾ تبديلي آڻيو... هڪ ونڊو کلي ويندي جتي اسان کي چيو ويندو ته سائي پلس نشاني تي ڪلڪ ڪريو ڪجهه قسم جي ترتيب شامل ڪرڻ لاءِ. ان تي ڪلڪ ڪريو، اهو واقع آهي ونڊو جي مٿين کاٻي ڪنڊ ۾.
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 13
منتخب ڪريو Tomcat سرور شيون ۽ مقامي ذيلي شيون. ھڪڙي ونڊو ڪيترن ئي مختلف پيٽرولن سان کُلي ويندي، پر اسان تقريباً ھر شيءِ ۽ ڊفالٽ ھڪڙي سان خوش آھيون.
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 14
اسان ڪنهن به طريقي سان معياري نالو جي بدران اسان جي ترتيب کي چڱي طرح نالو ڏئي سگهون ٿا (مٿي تي). اهو پڻ چيڪ ڪرڻ ضروري آهي ته اهو خيال ڪاميابي سان اسان جي سسٽم ۾ Tomcat مليو (توهان اڳ ۾ ئي ڊائون لوڊ ۽ انسٽال ڪيو آهي ، صحيح؟). جيڪڏهن توهان اهو نه ڳولي سگهو ٿا (جيڪو ممڪن ناهي)، هيٺ تير تي ڪلڪ ڪريو ۽ چونڊيو جتي اسان ان کي نصب ڪيو آهي، يا ٻيو نسخو جيڪڏهن توهان وٽ انهن مان ڪيترائي آهن. مون وٽ هڪ آهي ۽ اهو اڳ ۾ ئي نصب ٿيل آهي، تنهنڪري هر شي اسڪرين شاٽ تي نظر اچي ٿي. ۽ ونڊو جي بلڪل تري ۾ اسان ڏسون ٿا ته اتي ھڪڙو ڊيڄاريندڙ آھي ته ھڪڙو ھڪڙو نمونو نه آھي جيڪو سرور تي لڳائڻ جو ارادو ڪيو ويو آھي. ۽ ھن لکت جي ساڄي پاسي ھڪڙو بٽڻ آھي جيڪو ھن عيب کي درست ڪرڻ لاء پيش ڪري ٿو. اسان ان تي ڪلڪ ڪيو ۽ ڏسو ته خيال پاڻ سڀ ڪجهه ڳولي لڌو، هر شيء پاڻ پيدا ڪيو، اهو غائب هو، ۽ سڀني سيٽنگون پاڻ ٺاهيو.
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 15
اسان ڏسون ٿا ته اسان کي سرور ٽئب مان منتقل ڪيو ويو آهي Deployment tab ، Deploy at the server startup section ۾ اسان وٽ اڳ ۾ ئي آرٽيڪل موجود آهي جنهن کي ترتيب ڏيڻ جي ضرورت آهي، ۽ هيٺ ڏنل اشارو ڏنو ويو آهي ته هي نمونو ترتيب ڏيڻ کان اڳ تعمير ڪيو ويندو. لاڳو ڪريو، ٺيڪ. ۽ اسان ڏسون ٿا ته پهرين، ونڊو جي تري ۾ هڪ سيڪشن ظاهر ٿيو آهي اسان جي مقامي Tomcat سرور سان، جنهن ۾ اسان جي نموني رکيل هوندي. توھان ونڊو جي ساڄي پاسي واري لاڳاپيل بٽڻ تي ڪلڪ ڪري ھن حصي کي ختم ڪري سگھو ٿا.
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 16
اسان اهو پڻ ڏسندا آهيون ته لانچ لاء سائي ٽڪنڊي اڳ ۾ ئي سرگرم آهي. انهن لاءِ جيڪي هر شي کي جانچڻ چاهيندا آهن، توهان بٽڻ تي ڪلڪ ڪري سگهو ٿا پروجيڪٽ سيٽنگن سان (لانچ بٽڻ جي ساڄي پاسي، هڪ ڳاڙهي تير سان نشان لڳل)، وڃو آرٽيڪل سيڪشن ۽ پڪ ڪريو ته آرٽيڪل واقعي ٺاهي وئي آهي. اهو اتي موجود نه هو جيستائين اسان انهي بٽڻ کي دٻايو ، پر هاڻي سڀ ڪجهه ٺيڪ آهي. ۽ هي ترتيب اسان کي چڱيءَ طرح مناسب آهي. مختصر طور تي، مائي-سپر-پروجيڪٽ:وار ۽ مائي-سپر-پروجيڪٽ:وار جي وچ ۾ فرق اهو آهي ته منهنجو-سپر-پروجيڪٽ:وار صرف هڪ جنگ فائل ٺاهيندو (جيڪو صرف هڪ آرڪائيو آهي)، ۽ اختيار سان گڏ. ڌماڪو صرف هڪ "اڻ ڀريل" جنگ آهي . ۽ هي اختيار ذاتي طور تي مون لاء وڌيڪ آسان آهي، ڇاڪاڻ ته اهو مون کي اجازت ڏئي ٿو ته جلدي جلدي سرور تي ننڍيون تبديليون ترتيب ڏيو. حقيقت ۾، آرٽيڪل اسان جو منصوبو آهي، صرف اڳ ۾ ئي مرتب ڪيو ويو آهي، ۽ جنهن ۾ فولڊر جي جوڙجڪ کي تبديل ڪيو ويو آهي ته جيئن ان کي سڌو سنئون Tomcat تي اپ لوڊ ڪري سگهجي. اهو ڪجهه هن طرح نظر ايندو:
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 17
خير، هاڻي سڀڪنھن شيء کي اسان جي منصوبي شروع ڪرڻ لاء تيار آهي. اسان مطلوب سائي شروعاتي بٽڻ کي دٻايو ۽ نتيجو مزو ڪريو! :)
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 18
تبصرا
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION