CodeGym /جاوا بلاگ /Random-UR /IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔...
John Squirrels
سطح
San Francisco

IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔ قدم بہ قدم تصویروں کے ساتھ

گروپ میں شائع ہوا۔
مضمون کو سمجھنے کے لیے علم کی ضرورت ہے: آپ نے پہلے ہی کم و بیش جاوا کور کا پتہ لگا لیا ہے اور JavaEE ٹیکنالوجیز اور ویب پروگرامنگ کو دیکھنا چاہیں گے ۔ آپ کے لیے فی الحال جاوا کلیکشن کی تلاش کا مطالعہ کرنا سب سے زیادہ معنی خیز ہوگا، جو مضمون کے قریب کے موضوعات سے متعلق ہے۔
IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم تصویروں کے ساتھ - 1
فی الحال، میں IntelliJ IDEA انٹرپرائز ایڈیشن استعمال کرتا ہوں ( ایڈیٹر کا نوٹ: یہ IDE کا ایک ادا شدہ توسیعی ورژن ہے؛ یہ عام طور پر پیشہ ورانہ ترقی میں استعمال ہوتا ہے)۔ مفت کمیونٹی ایڈیشن کے مقابلے اس میں ویب پروجیکٹس کے ساتھ کام کرنا بہت آسان ہے ۔ انٹرپرائز ایڈیشن میں ، لفظی طور پر ماؤس کا ایک کلک پروجیکٹ بناتا ہے، اسے سرولیٹ کنٹینر میں چھوڑ دیتا ہے، سرور کو شروع کرتا ہے، اور یہاں تک کہ براؤزر میں پروجیکٹ کے لیے ایک ویب صفحہ کھولتا ہے۔ IDEA کے مفت ورژن میں، آپ کو یہ بہت کچھ خود کرنا پڑے گا، یعنی "دستی طور پر"۔ میں پروجیکٹ بنانے اور اس کے لائف سائیکل کو منظم کرنے کے لیے اپاچی ماون کا استعمال کرتا ہوں۔ میں نے اس پروجیکٹ میں اس کی صلاحیتوں کا صرف ایک چھوٹا سا حصہ (پیکیج/انحصار کا انتظام) استعمال کیا۔ سرولیٹ کنٹینر/ایپلیکیشن سرور کے طور پر، میں نے اپاچی ٹامکیٹ ورژن 9.0.12 کا انتخاب کیا۔

آو شروع کریں

سب سے پہلے، IntelliJ IDEA کھولیں اور ایک خالی Maven پروجیکٹ بنائیں ۔ IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم، تصویروں کے ساتھ - 2بائیں طرف، Maven کو منتخب کریں ، اور چیک کریں کہ پروجیکٹ کا JDK اوپر منتخب کیا گیا ہے۔ اگر یہ وہاں نہیں ہے تو، فہرست میں سے ایک کو منتخب کریں، یا نیا پر کلک کریں ... اور کمپیوٹر سے ایک کو منتخب کریں۔ IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم تصویروں کے ساتھ - 3اس ونڈو میں، آپ کو GroupId اور ArtifactId کی وضاحت کرنے کی ضرورت ہے ۔ GroupId سے مراد پروجیکٹ جاری کرنے والی کمپنی کا منفرد شناخت کنندہ ہے ۔ کمپنی کا ڈومین نام استعمال کرنا عام رواج ہے، لیکن الٹ ترتیب میں۔ اگرچہ آئینے کی طرح نہیں۔ مثال کے طور پر، اگر کسی کمپنی کا ڈومین نام ہے maven.apache.org ، تو اس کی GroupId ہوگی org.apache.maven ۔ یعنی ہم سب سے پہلے ٹاپ لیول ڈومین لکھتے ہیں، ایک ڈاٹ ایڈ کرتے ہیں، پھر سیکنڈ لیول ڈومین وغیرہ۔ یہ عام طور پر قبول شدہ طریقہ ہے۔ اگر آپ خود پروجیکٹ کو "پیسنے" کر رہے ہیں (اور کسی کمپنی کے حصے کے طور پر نہیں)، تو آپ اپنا ذاتی ڈومین نام یہاں رکھ رہے ہیں (الٹ ترتیب میں بھی!) اگر آپ کے پاس ہے تو، یقیناً۔ :) اگر نہیں تو پریشان نہ ہوں۔ آپ اصل میں یہاں کچھ بھی لکھ سکتے ہیں ۔
ڈومین نام john.doe.org والی کمپنی کے لیے، GroupId org.doe.john ہو گا۔ مختلف کمپنیوں کے تیار کردہ ایک جیسے نام والے پروجیکٹس کو الگ کرنے کے لیے اس نام کنونشن کی ضرورت ہے۔
اس مثال میں، میں ایک فرضی ڈومین استعمال کروں گا: fatlady.info.codegym.cc ۔ اس کے مطابق، میں GroupId فیلڈ میں cc.codergym.info.fatlady درج کرتا ہوں۔ ArtifactId صرف ہمارے پروجیکٹ کا نام ہے۔ الفاظ کو الگ کرنے کے لیے آپ حروف اور مخصوص علامتیں (مثال کے طور پر ہائفن) استعمال کر سکتے ہیں۔ ہمارے "آرٹیفیکٹ" کا نام وہی رکھا جائے گا جو ہم یہاں لکھتے ہیں۔ اس مثال میں، میں استعمال کرنے جا رہا ہوں my-super-project ۔ ابھی تک ورژن کی فیلڈ کو مت چھوئیں — بس اسے ویسا ہی رہنے دیں۔ اور یہ ہے معیاری IDEA ونڈو جب آپ نیا پروجیکٹ بناتے ہیں۔ روایت کو برقرار رکھتے ہوئے، آئیے اسے my-super-project کہتے ہیں ۔ منصوبہ بنایا گیا ہے!IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم تصویروں کے ساتھ - 4IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم، تصویروں کے ساتھ - 5
Pom.xml فوراً کھول دیا جاتا ہے۔ یہ Maven کی ترتیبات والی فائل ہے۔ اگر ہم ماون کو بتانا چاہتے ہیں کہ کیا کرنا ہے یا کہاں سے کچھ تلاش کرنا ہے، تو ہم اس pom.xml فائل میں سب کچھ بیان کرتے ہیں۔ یہ پروجیکٹ کی جڑ میں واقع ہے۔
ہم دیکھتے ہیں کہ اب اس میں بالکل وہی ڈیٹا موجود ہے جو ہم نے Maven پروجیکٹ بناتے وقت درج کیا تھا : groupId ، artifactId ، اور ورژن (ہم نے اس آخری کو ہاتھ نہیں لگایا)۔

ہمارے پروجیکٹ کا ڈھانچہ

اس Maven پروجیکٹ کا ایک مخصوص ڈھانچہ ہے۔ IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم تصویروں کے ساتھ - 6جیسا کہ آپ دیکھ سکتے ہیں، جڑ ہے:
  • ایک .idea ڈائریکٹری، جس میں موجودہ پروجیکٹ کی IDEA سیٹنگز شامل ہیں؛
  • ایک src ڈائریکٹری، جہاں ہم اپنا سورس کوڈ بناتے ہیں۔
  • ایک my-super-project.iml فائل، جو کہ IDEA کی طرف سے بنائی گئی پروجیکٹ فائل ہے۔
  • pom.xml فائل (Maven پروجیکٹ فائل جس کا میں نے پہلے ذکر کیا تھا)، جو اب کھلی ہوئی ہے ۔ اگر میں کہیں pom.xml کا ذکر کرتا ہوں تو یہ وہ فائل ہے جس کے بارے میں میں بات کر رہا ہوں۔
src فولڈر کے اندر ، دو ذیلی فولڈرز ہیں:
  • اہم — ہمارے کوڈ کے لیے؛
  • ٹیسٹ - ہمارے کوڈ کے ٹیسٹ کے لیے۔
main اور test میں ، ایک جاوا فولڈر ہے ۔ آپ ان کو ایک ہی فولڈر کے طور پر سوچ سکتے ہیں، سوائے اس کے کہ مین میں سے ایک سورس کوڈ کے لیے ہے، اور ٹیسٹ میں والا ٹیسٹ کوڈ کے لیے ہے۔ ابھی کے لیے، ہمارے پاس وسائل کے فولڈر کا کوئی فائدہ نہیں ہے۔ ہم اسے استعمال نہیں کریں گے۔ لیکن اسے وہیں چھوڑ دو۔

اسے ویب پروجیکٹ میں تبدیل کرنا

اب وقت آگیا ہے کہ ہم اپنے Maven پروجیکٹ کو ویب پروجیکٹ میں تبدیل کریں۔ ایسا کرنے کے لیے، اس ٹری میں پروجیکٹ کے نام پر دائیں کلک کریں اور فریم ورک سپورٹ شامل کریں کو منتخب کریں … IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم، تصویروں کے ساتھ - 7ایک ونڈو کھلتی ہے جہاں ہم اپنے پروجیکٹ میں مختلف فریم ورکس کے لیے سپورٹ شامل کرسکتے ہیں۔ لیکن ہمیں صرف ایک کی ضرورت ہے: ویب ایپلیکیشن ۔ جواب یہ وہی ہے جسے ہم منتخب کرتے ہیں۔ IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم تصویروں کے ساتھ - 8یقینی بنائیں کہ ویب ایپلیکیشن کا چیک باکس منتخب ہے، اور یہ کہ مرکزی ونڈو اس بات کی نشاندہی کرتی ہے کہ ہم چاہتے ہیں کہ ایک web.xml فائل خود بخود بن جائے (میں چیک باکس کو منتخب کرنے کی تجویز کرتا ہوں، اگر یہ پہلے سے منتخب نہیں ہے)۔ پھر ہم دیکھتے ہیں کہ ویب فولڈر کو ہمارے پروجیکٹ ڈھانچے میں شامل کر دیا گیا ہے۔ IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم تصویروں کے ساتھ - 9یہ ایڈریس کے ساتھ ہمارے ویب پروجیکٹ کی جڑ ہے /۔ دوسرے لفظوں میں، اگر ہم براؤزر میں ' لوکل ہوسٹ ' داخل کرتے ہیں (جب یقیناً پروجیکٹ چل رہا ہو) تو یہ ویب پروجیکٹ کی جڑ میں یہاں نظر آئے گا۔ اگر ہم لوکل ہوسٹ/addUser داخل کرتے ہیں تو یہ ویب فولڈر میں addUser نامی وسیلہ تلاش کرے گا ۔
آپ کو سمجھنے کی اہم چیز یہ ہے کہ جب ہم اسے ٹامکیٹ میں ڈالتے ہیں تو ویب فولڈر ہمارے پروجیکٹ کی جڑ ہے۔ ہمارے پاس اب فولڈر کا ایک مخصوص ڈھانچہ ہے، لیکن ہم جو تیار شدہ پروجیکٹ بنانے جا رہے ہیں، اس میں یہ قدرے مختلف ہوگا۔ خاص طور پر، ویب فولڈر جڑ ہو جائے گا.
ویب میں ، ایک مطلوبہ فولڈر ہے جسے WEB-INF کہتے ہیں ، جہاں web.xml فائل واقع ہے، یعنی جسے ہم نے آخری مرحلے میں پروگرام بنانے کے لیے کہا تھا۔ آئیے اسے کھولتے ہیں۔ IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم، تصویروں کے ساتھ - 10آپ دیکھ سکتے ہیں کہ اس میں ابھی تک کوئی دلچسپ چیز نہیں ہے، صرف ایک ہیڈر۔ ویسے، اگر آپ نے فائل بنانے کی درخواست نہیں کی ہے، تو آپ کو اسے دستی طور پر بنانا پڑے گا، یعنی تمام ہیڈر ہاتھ سے ٹائپ کریں۔ یا، کم از کم، انٹرنیٹ پر ایک ریڈی میڈ ورژن تلاش کریں۔ ہمیں web.xml کی کیا ضرورت ہے ؟ نقشہ سازی کے لیے۔ یہ وہ جگہ ہے جہاں ہم Tomcat کے لیے ہجے کریں گے کہ کون سا یو آر ایل کن سرورلیٹس کو منتقل کرنے کی درخواست کرتا ہے۔ لیکن ہم اس پر بعد میں پہنچیں گے۔ ابھی کے لیے، اسے خالی چھوڑ دیں۔ ویب فولڈر میں ایک index.jsp فائل بھی ہوتی ہے ۔ اسے کھولو. IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم تصویروں کے ساتھ - 11یہ وہ فائل ہے جو پہلے سے طے شدہ طور پر عمل میں لائی جائے گی۔ دوسرے لفظوں میں، یہ بالکل وہی ہے جو ہم دیکھیں گے جب ہم پروجیکٹ شروع کریں گے۔ بنیادی طور پر، jsp ایک عام HTML فائل ہے ، سوائے اس کے کہ آپ اس کے اندر جاوا کوڈ کو چلا سکتے ہیں۔

جامد اور متحرک مواد کے بارے میں تھوڑا سا

جامد مواد وہ مواد ہے جو وقت کے ساتھ تبدیل نہیں ہوتا ہے۔ ہر وہ چیز جو ہم ایک HTML فائل میں لکھتے ہیں بغیر کسی تبدیلی کے ظاہر ہوتی ہے، بالکل اسی طرح جیسے یہ لکھا جاتا ہے۔ اگر ہم " ہیلو ورلڈ " لکھتے ہیں، تو یہ متن صفحہ کھولتے ہی ظاہر ہو جائے گا، اور 5 منٹ میں، اور کل، اور ایک ہفتے میں، اور ایک سال میں۔ اس میں کوئی تبدیلی نہیں آئے گی۔ لیکن اگر ہم صفحہ پر موجودہ تاریخ کو ظاہر کرنا چاہتے ہیں تو کیا ہوگا؟ اگر ہم صرف " 27 اکتوبر 2017 " لکھتے ہیں، تو کل ہمیں وہی تاریخ نظر آئے گی، اور ایک ہفتہ بعد، اور ایک سال بعد۔ لیکن ہم چاہتے ہیں کہ تاریخ موجودہ ہو۔ یہ وہ جگہ ہے جہاں صفحہ پر کوڈ پر عمل درآمد کرنے کی صلاحیت مددگار ہے۔ ہم ڈیٹ آبجیکٹ حاصل کر سکتے ہیں، اسے مطلوبہ فارمیٹ میں تبدیل کر سکتے ہیں، اور اسے صفحہ پر ڈسپلے کر سکتے ہیں۔ پھر، ہر روز جب ہم صفحہ کھولیں گے، تاریخ ہمیشہ موجودہ ہوگی۔ اگر ہمیں صرف جامد مواد کی ضرورت ہے، تو ہمیں صرف ایک باقاعدہ ویب سرور اور HTML فائلوں کی ضرورت ہے۔ ہمیں جاوا، ماون، یا ٹامکیٹ کی ضرورت نہیں ہے۔ لیکن اگر ہم متحرک مواد استعمال کرنا چاہتے ہیں، تو ہمیں ان تمام ٹولز کی ضرورت ہے۔ لیکن ابھی کے لیے، آئیے اپنے index.jsp پر واپس آتے ہیں ۔ آئیے معیاری عنوان کے علاوہ کسی اور چیز کی نشاندہی کریں، مثال کے طور پر، " My super web app! " پھر باڈی میں، لکھیں " میں زندہ ہوں! " ہم اپنا پروجیکٹ شروع کرنے کے لیے تقریباً تیار ہیں! بدقسمتی سے، پروگرام شروع کرنے کے لیے معمول کا سبز مثلث فعال نہیں ہے۔ IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم، تصویروں کے ساتھ - 12اس کے بائیں طرف کے بٹن پر کلک کریں (اسکرین پر سرخ تیر کے ساتھ اشارہ کیا گیا ہے) اور کنفیگریشنز میں ترمیم کریں کو منتخب کریں ... اس سے ایک ونڈو کھلتی ہے جہاں ہمیں کچھ کنفیگریشن شامل کرنے کے لیے گرین پلس سائن پر کلک کرنے کے لیے مدعو کیا جاتا ہے۔ اس پر کلک کریں (ونڈو کے اوپری بائیں کونے میں)۔ Tomcat Server > Local کاIntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم تصویروں کے ساتھ - 13 انتخاب کریں ۔ بہت سے اختیارات کے ساتھ ایک ونڈو کھل جائے گی، لیکن ڈیفالٹس تقریباً ہر چیز کے لیے ہمارے مطابق ہیں۔ ہم اپنی ترتیب کو معیاری نام کی بجائے ایک خوبصورت نام دے سکتے ہیں (بہت اوپر)۔ ہمیں اس بات کی تصدیق کرنے کی بھی ضرورت ہے کہ IDEA نے ہمارے سسٹم پر Tomcat کو کامیابی کے ساتھ ڈھونڈ لیا ہے (آپ اسے پہلے ہی ڈاؤن لوڈ اور انسٹال کر چکے ہیں ، ٹھیک ہے؟) اگر یہ نہیں ملا (جس کا امکان نہیں ہے)، تو نیچے والے تیر کو دبائیں اور منتخب کریں کہ یہ کہاں نصب ہے۔ یا ایک مختلف ورژن منتخب کریں، اگر آپ کے پاس ایک سے زیادہ انسٹال ہیں۔ میرے پاس صرف ایک ہے اور یہ پہلے سے انسٹال ہے۔ یہی وجہ ہے کہ یہ میری اسکرین پر ایسا ہی لگتا ہے۔ اور ونڈو کے بالکل نیچے، ہمیں ایک انتباہ نظر آتا ہے، جو ہمیں متنبہ کرتا ہے کہ اب تک سرور پر تعیناتی کے لیے کوئی نمونہ نہیں دیا گیا ہے۔ اس انتباہ کے دائیں جانب ایک بٹن ہے جو تجویز کرتا ہے کہ ہم اسے ٹھیک کریں۔ ہم اس پر کلک کرتے ہیں اور دیکھتے ہیں کہ IDEA خود ہی ہر چیز کو تلاش کرنے کے قابل تھا، ہر وہ چیز بنائی جو غائب تھی، اور خود ہی تمام ترتیبات کو ترتیب دیا۔ ہم دیکھ سکتے ہیں کہ اس نے ہمیں سرور کے ٹیب سے ڈیپلائمنٹ ٹیب پر منتقل کر دیا ہے، سرور کے آغاز میں تعیناتی کے سیکشن کے تحت، اور اب ہمارے پاس ایک نمونہ موجود ہے جسے تعینات کیا جانا ہے۔ اپلائی اور اوکے پر کلک کریں۔ اور ہم سب سے پہلے دیکھتے ہیں کہ ونڈو کے نیچے، ہمارے مقامی ٹامکیٹ سرور کے ساتھ ایک سیکشن نمودار ہوا ہے، جہاں ہمارا نمونہ رکھا جائے گا۔ ونڈو کے دائیں جانب متعلقہ بٹن پر کلک کرکے اس حصے کو ختم کریں۔ اب ہم دیکھتے ہیں کہ سبز لانچ مثلث فعال ہے۔ ان لوگوں کے لیے جو ہر چیز کو ڈبل چیک کرنا چاہتے ہیں، آپ پروجیکٹ سیٹنگز کے بٹن پر کلک کر سکتے ہیں (لانچ بٹن کے دائیں طرف، سرخ تیر سے اشارہ کیا گیا ہے)، آرٹیفیکٹس سیکشن میں جائیں، اور یقینی بنائیں کہ آرٹفیکٹ واقعی تخلیق کیا گیا تھا۔ یہ اس وقت تک موجود نہیں تھا جب تک ہم نے اس فکس بٹن کو دبایا، لیکن اب سب کچھ ٹھیک ہے۔ اور یہ کنفیگریشن ہم پر بالکل سوٹ کرتی ہے۔ مختصراً، my-super-project:war اور my-super-project:war exploded کے درمیان فرق یہ ہے کہ my-super-project:IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم، تصویروں کے ساتھ - 14 IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم تصویروں کے ساتھ - 15IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم تصویروں کے ساتھ - 16فائل (جو صرف ایک آرکائیو ہے) اور ایکسپلوڈ کے ساتھ ورژن صرف "غیر پیک شدہ" جنگ ہے ۔ اور ذاتی طور پر، یہ وہ آپشن ہے جو مجھے زیادہ آسان لگتا ہے، کیونکہ یہ آپ کو سرور پر معمولی تبدیلیوں کو تیزی سے ڈیبگ کرنے دیتا ہے۔ جوہر میں، آرٹفیکٹ ہمارا پروجیکٹ ہے، جو ابھی مرتب کیا گیا ہے — اور جہاں ٹومکیٹ کو براہ راست اس تک رسائی کی اجازت دینے کے لیے فولڈر کے ڈھانچے کے ساتھ تبدیل کیا گیا ہے۔ یہ کچھ اس طرح نظر آئے گا:
IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم تصویروں کے ساتھ - 17
اب سب کچھ ہمارے پروجیکٹ کو شروع کرنے کے لیے تیار ہے۔ قیمتی سبز لانچ بٹن دبائیں اور نتیجہ کا لطف اٹھائیں! :)
IntelliJ IDEA انٹرپرائز میں سب سے آسان ویب پروجیکٹ بنانا۔  قدم بہ قدم، تصویروں کے ساتھ - 18
تبصرے
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION