יצירת פרויקט האינטרנט הפשוט ביותר ב- IntelliJ IDEA Enterprise. צעד אחר צעד, עם תמונות

ידע נדרש להבנת המאמר: כבר פחות או יותר הבנתם את Java Core והייתם רוצים להסתכל על טכנולוגיות JavaEE ותכנות אינטרנט . זה יהיה הגיוני ביותר עבורך ללמוד כעת את קווסט אוספי Java, העוסק בנושאים קרובים למאמר. נכון לעכשיו, אני משתמש ב- IntelliJ IDEA Enterprise Edition ( הערת עורך: זוהי גרסה מורחבת בתשלום של ה-IDE; היא משמשת בדרך כלל בפיתוח מקצועי). הרבה יותר קל לעבוד עם פרויקטים באינטרנט בה מאשר במהדורת הקהילה החינמית . ב- Enterprise Edition , פשוטו כמשמעו לחיצה אחת של העכבר בונה את הפרויקט, מפיל אותו לתוך קונטיינר של servlet, מפעיל את השרת, ואפילו פותח דף אינטרנט עבור הפרויקט בדפדפן. בגרסה החינמית של IDEA, תצטרך לעשות הרבה מזה בעצמך, כלומר "ידנית". אני משתמש ב- Apache Maven כדי לבנות את הפרויקט ולנהל את מחזור החיים שלו. השתמשתי רק בחלק קטן מהיכולות שלו (ניהול חבילה/תלות) בפרויקט הזה. בתור שרת מיכל/אפליקציות של servlet, בחרתי בגרסה 9.0.12 של Apache Tomcat.

בואו נתחיל

ראשית, פתח את IntelliJ IDEA וצור פרויקט ריק של Maven . בצד שמאל, בחר Maven , ובדקו ש- JDK של הפרויקט נבחר למעלה. אם זה לא שם, בחר אחד מהרשימה, או לחץ על חדש ... ובחר אחד מהמחשב. בחלון זה, עליך לציין את GroupId ו-ArtifactId . ה- GroupId מתייחס למזהה הייחודי של החברה שמנפיקה את הפרויקט. הנוהג המקובל הוא להשתמש בשם הדומיין של החברה, אך בסדר הפוך. אבל לא כמו מראה. לדוגמה, אם שם הדומיין של חברה הוא maven.apache.org , אזי ה-GroupId שלה יהיה org.apache.maven . כלומר, קודם כל כותבים את הדומיין ברמה העליונה, מוסיפים נקודה, אחר כך את הדומיין ברמה השנייה וכן הלאה. זו הגישה המקובלת. אם אתה "טוחן" את הפרויקט בעצמך (ולא כחלק מחברה), אז אתה שם את שם הדומיין האישי שלך כאן (גם בסדר הפוך!). אם יש לך, כמובן. :) אם לא, אל תדאג. אתה באמת יכול לכתוב הכל כאן . בדוגמה זו, אשתמש בדומיין פיקטיבי: fatlady.info.codegym.cc . בהתאם, אני מזין cc.codergym.info.fatlady בשדה GroupId . ArtifactId הוא פשוט שם הפרויקט שלנו. אתה יכול להשתמש באותיות ובסמלים מסוימים (מקפים, למשל) כדי להפריד בין מילים. ה"חפץ" שלנו ייקרא בדיוק מה שנכתוב כאן. בדוגמה זו, אני הולך להשתמש בפרויקט-העל שלי . אל תיגע עדיין בשדה הגרסה - פשוט השאר אותו כפי שהוא. והנה חלון IDEA הסטנדרטי כשאתה יוצר פרויקט חדש. בשמירה על המסורת, בואו נקרא לזה -הסופר-פרויקט שלי . הפרויקט נוצר! אנו רואים שהוא מכיל כעת את הנתונים המדויקים שהזנו בעת יצירת פרויקט Maven : groupId , artifactId ו- version (לא נגענו בזה האחרון).

מבנה הפרויקט שלנו

לפרויקט Maven הזה יש מבנה ספציפי. כפי שאתה יכול לראות, לשורש יש:

• ספריית .idea , המכילה את הגדרות IDEA של הפרויקט הנוכחי;
• ספריית src , שבה אנו יוצרים את קוד המקור שלנו;
• קובץ my-super-project.iml , שהוא קובץ פרויקט שנוצר על ידי IDEA;
• קובץ pom.xml (קובץ הפרויקט של Maven שהזכרתי קודם), שפתוח כעת. אם אני מזכיר את pom.xml איפשהו, זה הקובץ עליו אני מדבר.

בתוך תיקיית src , יש שתי תיקיות משנה:

• main - עבור הקוד שלנו;
• test - לבדיקות של הקוד שלנו.

ב- main וב- test , יש תיקיית java . אתה יכול לחשוב על אלה כעל אותה תיקייה, חוץ מזה שהקובץ הראשי מיועד לקוד מקור, וזו שבבדיקה מיועדת לקוד בדיקה. לעת עתה, אין לנו שימוש בתיקיית המשאבים . אנחנו לא נשתמש בזה. אבל פשוט תשאיר את זה שם.

הפיכתו לפרויקט אינטרנטי

הגיע הזמן שנהפוך את פרויקט Maven שלנו לפרויקט אינטרנט. לשם כך, לחץ באמצעות לחצן העכבר הימני על שם הפרויקט בעץ זה ובחר הוסף תמיכה במסגרת ... נפתח חלון שבו נוכל להוסיף תמיכה עבור מסגרות שונות לפרויקט שלנו. אבל אנחנו צריכים רק אחד: יישום אינטרנט . וזה האחד שאנחנו בוחרים. ודא כי תיבת הסימון Web Application מסומנת, וכי החלון הראשי מציין שאנו רוצים שקובץ web.xml יווצר באופן אוטומטי (אני ממליץ לסמן את תיבת הסימון, אם היא עדיין לא מסומנת). לאחר מכן אנו רואים שתיקיית האינטרנט נוספה למבנה הפרויקט שלנו. זהו השורש של פרויקט האינטרנט שלנו עם הכתובת /. במילים אחרות, אם נזין ' localhost ' בדפדפן (כשהפרויקט פועל, כמובן), אז הוא יראה כאן, בשורש פרויקט האינטרנט. אם נזין localhost/addUser , אז הוא יחפש משאב בשם addUser בתיקיית האינטרנט . ב- web , יש תיקייה נדרשת בשם WEB-INF , שבה נמצא הקובץ web.xml , כלומר זה שביקשנו מהתוכנית ליצור בשלב האחרון. בואו נפתח את זה. אתה יכול לראות שאין בו שום דבר מעניין עדיין, רק כותרת. אגב, אם לא ביקשת ליצור את הקובץ, אז תצטרך ליצור אותו באופן ידני, כלומר להקליד את כל הכותרות ביד. או, לפחות, חפש גרסה מוכנה באינטרנט. בשביל מה אנחנו צריכים web.xml ? למיפוי. כאן נפרט עבור Tomcat איזו כתובת אתר מבקשת להעביר לאילו servlets. אבל נגיע לזה מאוחר יותר. לעת עתה, השאר אותו ריק. בתיקיית האינטרנט יש גם קובץ index.jsp . פתח את זה. זה הקובץ שיבוצע כברירת מחדל, כביכול. במילים אחרות, זה בדיוק מה שנראה כשנתחיל את הפרויקט. בעיקרון, jsp הוא קובץ HTML רגיל , אלא שאתה יכול להפעיל קוד Java בתוכו.

קצת על תוכן סטטי ודינמי

תוכן סטטי הוא תוכן שאינו משתנה לאורך זמן. כל מה שאנו כותבים בקובץ HTML מוצג ללא שינוי, בדיוק כפי שהוא כתוב. אם נכתוב " שלום עולם ", הטקסט הזה יוצג ברגע שנפתח את הדף, ובעוד 5 דקות, ומחר, ובעוד שבוע, ובעוד שנה. זה לא ישתנה. אבל מה אם נרצה להציג את התאריך הנוכחי בעמוד? אם רק נכתוב " 27 באוקטובר 2017 ", אז מחר נראה אותו תאריך, ושבוע לאחר מכן, ושנה לאחר מכן. אבל היינו רוצים שהתאריך יהיה עדכני. זה המקום שבו היכולת להפעיל קוד ישירות על הדף מועילה. נוכל לקבל אובייקט תאריך, להמיר אותו לפורמט הרצוי ולהציג אותו בעמוד. לאחר מכן, בכל יום שאנו פותחים את הדף, התאריך תמיד יהיה עדכני. אם אנחנו צריכים רק תוכן סטטי, אז אנחנו רק צריכים שרת אינטרנט רגיל וקבצי HTML. אנחנו לא צריכים Java, Maven או Tomcat. אבל אם אנחנו רוצים להשתמש בתוכן דינמי, אז אנחנו צריכים את כל הכלים האלה. אבל לעת עתה, בואו נחזור ל- index.jsp שלנו . בוא נסמן משהו אחר מלבד הכותרת הרגילה, למשל, " אפליקציית הסופר האינטרנט שלי! " ואז, בגוף, נכתוב " אני חי! " אנחנו כמעט מוכנים להתחיל את הפרויקט שלנו! לרוע המזל, המשולש הירוק הרגיל להפעלת התוכנית אינו פעיל. לחץ על הכפתור משמאל לו (מסומן על המסך עם חץ אדום) ובחר ערוך תצורות ... שפותח חלון בו אנו מוזמנים ללחוץ על סימן פלוס ירוק כדי להוסיף תצורה כלשהי. לחץ עליו (בפינה השמאלית העליונה של החלון). בחר Tomcat Server > מקומי . ייפתח חלון עם הרבה אפשרויות, אבל ברירות המחדל מתאימות לנו כמעט לכל דבר. אנחנו יכולים לתת לתצורה שלנו שם יפה במקום הסטנדרט ללא שם (בחלק העליון מאוד). אנחנו גם צריכים לוודא ש-IDEA מצא בהצלחה את Tomcat במערכת שלנו (כבר הורדת והתקנת אותה, נכון?). אם הוא לא נמצא (וזה לא סביר), לחץ על החץ למטה ובחר היכן הוא מותקן. או בחר גרסה אחרת, אם מותקנת יותר מגרסה אחת. יש לי רק אחד והוא כבר מותקן. לכן זה נראה כמו שהוא נראה על המסך שלי. ובחלק התחתון של החלון, אנו רואים אזהרה, המתריע על כך שעד כה לא צוינו חפצים לפריסה לשרת. מימין לאזהרה זו יש כפתור המציע שנתקן זאת. אנו לוחצים עליו ורואים ש-IDEA הצליח למצוא הכל בעצמו, יצר את כל מה שהיה חסר בעצמו והגדיר את כל ההגדרות בעצמו. אנו יכולים לראות שזה העביר אותנו מהכרטיסייה שרת ללשונית Deployment , תחת הקטע Deploy at the server startup , וכעת יש לנו פריסה לפריסה. לחץ על החל ואישור. ואנחנו רואים תחילה שבתחתית החלון, הופיע קטע עם שרת Tomcat המקומי שלנו, שבו החפץ שלנו ימוקם. כווץ קטע זה על ידי לחיצה על הכפתור המתאים בצד ימין של החלון. כעת אנו רואים שמשולש השיגור הירוק פעיל. למי שאוהב לבדוק הכל, ניתן ללחוץ על כפתור הגדרות הפרויקט (מימין לכפתורי ההשקה, המסומנים בחץ אדום), לעבור לקטע Artifacts ולוודא שהארטיפקט באמת נוצר. זה לא היה שם עד שלחצנו על כפתור התיקון הזה , אבל עכשיו הכל בסדר. והתצורה הזו מתאימה לנו בצורה מושלמת. בקצרה, ההבדל בין פרויקט העל שלי:מלחמה לבין פרויקט העל שלי:מלחמה התפוצץ הוא שפרויקט העל שלי:קובץ (שהוא רק ארכיון) והגרסה עם התפוצצה היא פשוט המלחמה "לא ארוזה" . ובאופן אישי, זו האפשרות שנראית לי נוחה יותר, מכיוון שהיא מאפשרת לבצע איתור באגים מהיר בשינויים קלים בשרת. בעיקרו של דבר, החפץ הוא הפרויקט שלנו, זה עתה הידור - ובו השתנה מבנה התיקיות כדי לאפשר ל-Tomcat לגשת אליו ישירות. זה ייראה בערך כך: עכשיו הכל מוכן להשיק את הפרויקט שלנו. לחצו על כפתור ההשקה הירוק היקר ותהנו מהתוצאה! :)