JavaRush /جاوا بلاگ /Random-UR /IntelliJ Idea Enterprise میں ایک سادہ ویب پروجیکٹ بنانا۔ ...

IntelliJ Idea Enterprise میں ایک سادہ ویب پروجیکٹ بنانا۔ قدم بہ قدم تصویروں کے ساتھ

گروپ میں شائع ہوا۔
مضمون کو سمجھنے کے لیے ضروری علم کی سطح: آپ پہلے ہی کم و بیش جاوا کور کو سمجھ چکے ہیں اور JavaEE ٹیکنالوجیز اور ویب پروگرامنگ کو دیکھنا چاہیں گے۔ یہ سب سے زیادہ معنی رکھتا ہے اگر آپ فی الحال جاوا کلیکشن کی تلاش کا مطالعہ کر رہے ہیں، جو مضمون کے قریب کے موضوعات کا احاطہ کرتا ہے۔ 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 ۔ اس کے مطابق، میں GroupId فیلڈ میں ru.javarush.info.fatfaggy درج کرتا ہوں ۔ ArtefactId صرف ہمارے پروجیکٹ کا نام ہے۔ آپ الفاظ کو الگ کرنے کے لیے حروف اور کچھ علامتیں (مثال کے طور پر ہائفن) استعمال کر سکتے ہیں۔ ہمارے "آرٹیفیکٹ" کو بالکل اسی طرح کہا جائے گا جیسے ہم یہاں لکھتے ہیں۔ اس مثال میں، میں my-super-project لکھتا ہوں ۔ ہم ابھی ورژن فیلڈ کو نہیں چھوتے ہیں، ہم اسے ویسا ہی چھوڑ دیتے ہیں۔
IntelliJ Idea Enterprise میں ایک سادہ ویب پروجیکٹ بنانا۔  قدم بہ قدم تصویروں کے ساتھ - 4
ٹھیک ہے، ایک نیا پروجیکٹ بناتے وقت معیاری IDEA ونڈو۔ آئیے روایت کے مطابق اسے my-super-project کہتے ہیں ۔
IntelliJ Idea Enterprise میں ایک سادہ ویب پروجیکٹ بنانا۔  قدم بہ قدم، تصویروں کے ساتھ - 5
منصوبہ بنایا گیا ہے!
pom.xml فائل فوراً ہمارے سامنے کھل گئی۔ یہ Maven کی ترتیبات والی فائل ہے۔ اگر ہم ماون کو "بتانا" چاہتے ہیں کہ کیا اور کیسے کرنا ہے یا کہاں سے کچھ حاصل کرنا ہے، تو ہم اس pom.xml فائل میں یہ سب بیان کرتے ہیں۔ یہ منصوبے کی جڑ میں واقع ہے۔
ہم دیکھتے ہیں کہ اب اس میں بالکل وہی ڈیٹا موجود ہے جو ہم نے Maven پروجیکٹ بناتے وقت درج کیا تھا: groupId ، artifactId اور ورژن (ہم نے مؤخر الذکر کو ہاتھ نہیں لگایا)۔

ہمارے منصوبے کا ڈھانچہ

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

ویب پروجیکٹ میں تبدیل ہو رہا ہے۔

اب وقت آگیا ہے کہ ہم اپنے Maven پروجیکٹ کو ویب پروجیکٹ میں تبدیل کریں۔ ایسا کرنے کے لیے، اس ٹری میں پروجیکٹ کے نام پر دائیں کلک کریں اور فریم ورک سپورٹ شامل کریں کو منتخب کریں۔
IntelliJ Idea Enterprise میں ایک سادہ ویب پروجیکٹ بنانا۔  قدم بہ قدم، تصویروں کے ساتھ - 7
ایک ونڈو کھلے گی جہاں ہم اپنے پروجیکٹ کے لیے ہر طرح کے مختلف فریم ورک کے لیے سپورٹ شامل کر سکتے ہیں۔ لیکن ہمیں صرف ایک کی ضرورت ہے: ویب ایپلیکیشن ۔ ہم اسے منتخب کرتے ہیں۔
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 8
ہم چیک کرتے ہیں کہ ویب ایپلیکیشن کے آگے ایک چیک مارک موجود ہے ، اور ونڈو کے مرکزی حصے میں یہ نوٹ کیا گیا ہے کہ ہم چاہتے ہیں کہ ہمارے لیے ایک web.xml فائل فوراً بنائی جائے (میں باکس کو چیک کرنے کی تجویز کرتا ہوں اگر یہ موجود نہیں ہے) . اس کے بعد، ہم دیکھیں گے کہ ہمارے پروجیکٹ کا ڈھانچہ ویب فولڈر کے ساتھ مل گیا ہے ۔
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 9
یہ ہمارے ویب پروجیکٹ کی جڑ ہے / . یعنی، اگر ہم براؤزر میں لوکل ہوسٹ ایڈریس درج کرتے ہیں (جب ہم اسے لانچ کرتے ہیں، یقیناً)، تو یہ بالکل یہاں، ویب پروجیکٹ کی جڑ تک پہنچ جائے گا۔ اگر ہم لوکل ہوسٹ/addUser داخل کرتے ہیں تو ویب فولڈر addUser نامی وسیلہ تلاش کرے گا ۔
اہم بات یہ سمجھنا ہے کہ جب ہم اسے Tomcat پر اپ لوڈ کرتے ہیں تو ویب فولڈر ہمارے پروجیکٹ کی جڑ ہے۔ اب ہمارے پاس فولڈر کا ایک مخصوص ڈھانچہ ہے، لیکن تیار شدہ پروجیکٹ میں جسے ہم اپ لوڈ کریں گے، وہ قدرے مختلف ہو گا، اور ویب فولڈر وہاں روٹ ہو گا۔
ویب میں ایک مطلوبہ فولڈر ہے جسے WEB-INF کہتے ہیں ، جہاں web.xml فائل واقع ہے ، جسے ہم نے پچھلے مرحلے میں بنانے کے لیے کہا تھا۔ آئیے اسے کھولتے ہیں۔
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 10
جیسا کہ آپ دیکھ سکتے ہیں، اس میں ابھی تک کوئی دلچسپ چیز نہیں ہے، صرف "ٹوپی"۔ ویسے، اگر ہم نے اسے بنانے کے لیے نہ کہا ہوتا، تو ہمیں اسے دستی طور پر بنانا پڑتا، یعنی یہ پورا "ہیڈر" ہاتھ سے ٹائپ کرنا پڑتا، یا انتہائی صورتوں میں، انٹرنیٹ پر ریڈی میڈ ورژن تلاش کرنا پڑتا۔ . web.xml کس کے لیے ہے ؟ نقشہ سازی کے لیے۔ یہاں ہم Tomcat کو بتائیں گے کہ کون سا یو آر ایل درخواست کرتا ہے کہ کن سرولیٹس کو بھیجنا ہے۔ لیکن یہ سب کچھ بعد میں ہے، ابھی کے لیے ہم اسے خالی چھوڑ دیں گے۔ ویب فولڈر میں index.jsp نامی ایک فائل بھی ہے ۔ آئیے اسے کھولتے ہیں۔
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 11
یہ وہ فائل ہے جو بطور ڈیفالٹ عمل میں لائی جائے گی۔ یعنی جب ہم پراجیکٹ کا آغاز کریں گے تو بالکل یہی نظر آئے گا۔ جوہر میں، jsp ایک باقاعدہ HTML فائل ہے، اس فرق کے ساتھ کہ آپ اس میں جاوا کوڈ کو چلا سکتے ہیں۔

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

جامد مواد وہ مواد ہے جو وقت کے ساتھ تبدیل نہیں ہوتا ہے۔ ہر وہ چیز جو ہم نے html فائل میں لکھی ہے بغیر کسی تبدیلی کے ظاہر کی جائے گی۔ اگر ہم نے ہیلو ورلڈ لکھا ہے، تو یہ تحریر صفحہ کھولتے ہی ظاہر ہو جائے گی، اور 5 منٹ میں، اور کل، اور ایک ہفتے میں، اور ایک سال میں۔ وہ نہیں بدلے گی۔ لیکن اگر ہم صفحہ پر موجودہ تاریخ کو ظاہر کرنا چاہتے ہیں تو کیا ہوگا؟ اگر ہم صرف "27 اکتوبر 2017" لکھتے ہیں، تو کل ہم ایک ہی تاریخ دیکھیں گے، اور ایک ہفتے میں، اور ایک سال میں۔ لیکن میں چاہوں گا کہ یہ تاریخ اب بھی متعلقہ رہے۔ یہ وہ جگہ ہے جہاں صفحہ کے اندر کچھ کوڈ کو براہ راست عمل میں لانے کی صلاحیت ہماری مدد کے لیے آتی ہے۔ ہم ڈیٹ آبجیکٹ حاصل کر سکتے ہیں، اسے اپنی ضرورت کے فارم میں تبدیل کر سکتے ہیں اور اسے صفحہ پر ڈسپلے کر سکتے ہیں۔ پھر ہر روز، جب بھی ہم صفحہ کھولیں گے، تاریخ ہمیشہ متعلقہ ہوگی۔ اگر ہمیں صرف جامد مواد کی ضرورت ہے تو ہمارے لیے ایک باقاعدہ ویب سرور اور ایچ ٹی ایم ایل فائلیں کافی ہیں۔ ہمیں کسی جاوا، ماون، یا ٹامکیٹ کی ضرورت نہیں ہے۔ لیکن اگر ہم متحرک مواد استعمال کرنا چاہتے ہیں، تو یہ وہ جگہ ہے جہاں یہ سب کام آئے گا۔ لیکن ابھی کے لیے آئیے اپنے index.jsp پر واپس آتے ہیں ۔ آئیے معیاری ہیڈر کی بجائے اپنی ہی کسی چیز کی نشاندہی کریں، مثال کے طور پر، "My super web-app!"، اور باڈی میں ہم لکھیں گے، مثال کے طور پر، "میں زندہ ہوں!" ہم اپنے منصوبے کو شروع کرنے کے لیے تقریباً تیار ہیں! لیکن، بدقسمتی سے، پروگرام شروع کرنے کے لیے معمول کا سبز مثلث فعال نہیں ہے۔
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 12
آئیے اس کے بائیں جانب والے بٹن پر کلک کریں (اسکرین پر سرخ تیر کے ساتھ اشارہ کیا گیا ہے) اور کنفیگریشنز میں ترمیم کریں کو منتخب کریں... ایک ونڈو کھلے گی جہاں ہم سے کسی قسم کی کنفیگریشن شامل کرنے کے لیے گرین پلس سائن پر کلک کرنے کو کہا جائے گا۔ اس پر کلک کریں، یہ ونڈو کے اوپری بائیں کونے میں واقع ہے۔
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 13
ٹامکیٹ سرور آئٹم اور لوکل سب آئٹم کو منتخب کریں ۔ ایک ونڈو بہت سے مختلف پیرامیٹرز کے ساتھ کھلے گی، لیکن ہم تقریباً ہر چیز اور پہلے سے طے شدہ سے خوش ہیں۔
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 14
ہم کسی نہ کسی طرح معیاری نام کی بجائے اپنی ترتیب کو اچھی طرح سے نام دے سکتے ہیں (بہت اوپر)۔ یہ جانچنا بھی ضروری ہے کہ آئیڈیا نے ہمارے سسٹم میں ٹام کیٹ کو کامیابی کے ساتھ پایا (آپ اسے پہلے ہی ڈاؤن لوڈ اور انسٹال کر چکے ہیں ، ٹھیک ہے؟) اگر آپ اسے نہیں ڈھونڈ سکتے ہیں (جس کا امکان نہیں ہے)، نیچے تیر پر کلک کریں اور منتخب کریں کہ ہم نے اسے کہاں انسٹال کیا ہے، یا کوئی دوسرا ورژن اگر آپ کے پاس ان میں سے کئی ہیں۔ میرے پاس ایک ہے اور یہ پہلے سے انسٹال ہے، لہذا اسکرین شاٹ پر سب کچھ ویسا ہی لگتا ہے۔ اور ونڈو کے بالکل نیچے ہم دیکھتے ہیں کہ ایک انتباہ ہے کہ سرور پر تعیناتی کے لیے ایک بھی نمونہ نہیں ہے۔ اور اس نوشتہ کے دائیں جانب ایک بٹن ہے جو اس عیب کو درست کرنے کی پیشکش کرتا ہے۔ ہم اس پر کلک کرتے ہیں اور دیکھتے ہیں کہ آئیڈیا نے خود ہی سب کچھ پایا، خود ہی سب کچھ بنایا، اس میں کیا کمی تھی، اور تمام سیٹنگز خود بنائی۔
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 15
ہم دیکھتے ہیں کہ ہمیں سرور کے ٹیب سے Deployment tab میں منتقل کیا گیا تھا ، سرور کے آغاز میں تعیناتی کے سیکشن میں ہمارے پاس پہلے سے ہی وہ نمونہ موجود ہے جسے تعینات کرنے کی ضرورت ہے، اور نیچے یہ اشارہ کیا گیا ہے کہ یہ نمونہ تعیناتی سے پہلے بنایا جائے گا۔ درخواست دیں، ٹھیک ہے۔ اور ہم دیکھتے ہیں کہ سب سے پہلے، ونڈو کے نیچے ہمارے مقامی ٹامکیٹ سرور کے ساتھ ایک سیکشن نمودار ہوا ہے، جس میں ہمارا نمونہ رکھا جائے گا۔ آپ ونڈو کے دائیں جانب متعلقہ بٹن پر کلک کر کے اس حصے کو ختم کر سکتے ہیں۔
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 16
ہم یہ بھی دیکھتے ہیں کہ لانچ کے لیے سبز مثلث پہلے سے ہی فعال ہے۔ ان لوگوں کے لیے جو ہر چیز کو چیک کرنا چاہتے ہیں، آپ پروجیکٹ کی ترتیبات والے بٹن پر کلک کر سکتے ہیں (لانچ بٹن کے دائیں طرف، سرخ تیر سے نشان زد)، آرٹیفیکٹس سیکشن میں جائیں اور یقینی بنائیں کہ آرٹفیکٹ واقعی تخلیق ہو چکا ہے۔ یہ اس وقت تک موجود نہیں تھا جب تک ہم نے اس Fix بٹن کو دبایا ، لیکن اب سب کچھ ٹھیک ہے۔ اور یہ کنفیگریشن ہمارے لیے کافی مناسب ہے۔ مختصراً، my-super-project:war اور my-super-project:war exploded کے درمیان فرق یہ ہے کہ my-super-project:war صرف ایک وار فائل بنائے گا (جو صرف ایک آرکائیو ہے)، اور اس کے ساتھ آپشن دھماکہ محض ایک "بغیر پیک" جنگ ہے ۔ اور یہ آپشن ذاتی طور پر میرے لیے زیادہ آسان ہے، کیونکہ یہ مجھے سرور میں چھوٹی تبدیلیاں فوری طور پر تعینات کرنے کی اجازت دیتا ہے۔ درحقیقت، آرٹفیکٹ ہمارا پروجیکٹ ہے، صرف پہلے سے ہی مرتب کیا گیا ہے، اور جس میں فولڈر کا ڈھانچہ تبدیل کر دیا گیا ہے تاکہ اسے براہ راست ٹامکیٹ پر اپ لوڈ کیا جا سکے۔ یہ کچھ اس طرح نظر آئے گا:
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 17
ٹھیک ہے، اب سب کچھ ہمارے منصوبے کو شروع کرنے کے لئے تیار ہے. ہم مائشٹھیت سبز اسٹارٹ بٹن دبائیں اور نتیجہ سے لطف اندوز ہوں! :)
Creation простейшего веб-проекта в IntelliJ Idea Enterprise. Пошагово, с картинками - 18
تبصرے
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION