เรียกใช้เว็บแอปพลิเคชันอย่างง่าย

"ฉันมาแล้ว ตามที่ขอ ตอนนี้ฉันจะบอกวิธีการเขียนเว็บเซิร์ฟเวอร์เครื่องแรกของคุณ"

"เว็บเซิร์ฟเวอร์ก็เหมือนระบบปฏิบัติการ มันไม่ได้มีค่าในตัวมันเอง มันมีค่าเพราะคุณสามารถเรียกใช้โปรแกรมเว็บพิเศษ (เซิร์ฟเล็ต) บนมันได้ "

"เป็นเซิร์ฟเล็ตเหล่านี้ที่ประมวลผลคำขอที่มาจากผู้ใช้"

"พวกเขาดำเนินการตามคำขออย่างไร ฉันจะรันโปรแกรมภายในเว็บเซิร์ฟเวอร์ได้อย่างไร"

"ในการเขียนเซิร์ฟเล็ตของคุณเอง คลาสของคุณจะต้องสืบทอดคลาส HttpServlet จากนั้นใช้เมธอด doGet() และ doPost() เมื่อคำขอมาจากผู้ใช้ เว็บเซิร์ฟเวอร์จะสร้างหนึ่งในออบเจกต์เซิร์ฟเล็ตของคุณและเรียก doGet() เมธอด หรือเรียกว่าเมธอด doPost() ขึ้นอยู่กับประเภทของคำขอที่มาจากเบราว์เซอร์"

"แต่โปรแกรมของฉันเข้าไปในเว็บเซิร์ฟเวอร์ได้อย่างไร"

"ง่ายมาก คุณเขียนโปรแกรม คอมไพล์ และใส่ไว้ในโฟลเดอร์พิเศษในไดเร็กทอรีที่คุณติดตั้ง Tomcat"

"Servlets เป็นหัวข้อใหญ่และน่าสนใจ แต่แยกจากกัน ดังนั้น วันนี้ฉันจะไม่อธิบายเรื่องนี้ให้คุณฟัง ฉันจะบอกคุณเกี่ยวกับสิ่งอื่นเล็กน้อย"

"JSP เป็นเซิร์ฟเล็ตประเภทหนึ่งที่น่าสนใจมาก ซึ่งคล้ายกับ PHP"

"มาเขียนและรันโปรแกรมเว็บที่ง่ายที่สุดโดยใช้ JSP"

"ลงมือเลย! ฉันพร้อมแล้ว"

"งั้นเรามาเริ่มกันเลย"

ขั้นตอนที่ 1: สร้างโครงการเว็บใหม่

"เสร็จแล้ว."

ขั้นตอนที่ 2: ตั้งค่าประเภทโมดูลเป็นโมดูล Java ตั้งค่าประเภทแอปพลิเคชันเป็น Web Application และระบุ JDK

"เสร็จแล้ว."

ขั้นตอนที่ 3: ตั้งชื่อโครงการ

"เสร็จแล้ว."

"คุณควรเห็นโครงการใหม่ที่ว่างเปล่า"

"เกือบว่างเปล่า มันจะรวมหนึ่งไฟล์ชื่อ index.jsp ค้นหามัน"

ขั้นตอนที่ 4: ค้นหาไฟล์ JSP

"พบแล้ว"

"เยี่ยมมาก นี่คือที่ที่เราสามารถเขียนโค้ดของเซิร์ฟเล็ตของเราได้"

"แต่ก่อนอื่นมากำหนดค่า IntelliJ IDEA กันสักหน่อย"

"คุณสามารถเรียกใช้ servlets ใน Tomcat ได้โดยตรงจาก IntelliJ IDEA และแก้ไขจุดบกพร่องได้หากจำเป็น โดยพื้นฐานแล้วมันสะดวกและยอดเยี่ยมมาก คุณจะประทับใจเมื่อถึงเวลา"

“ฉันเชื่อคุณ แล้วไงต่อ”

"เราจะ 'สอน' IntelliJ IDEA ถึงวิธีเรียกใช้เว็บโมดูล (แอปพลิเคชันของเรา) ใน Tomcat"

ขั้นตอนที่ 5: เลือก 'แก้ไขการกำหนดค่า' ในเมนู

"เสร็จแล้ว."

ขั้นตอนที่ 6: สร้างการกำหนดค่าใหม่โดยคลิกที่เครื่องหมายบวก

"เสร็จแล้ว."

ขั้นตอนที่ 7: ระบุสิ่งที่จะรัน (Tomcat Server, Local)

"ระบุชื่อสำหรับการกำหนดค่าในช่องชื่อ ซึ่งจะมีเครื่องหมายสีแดง"

"พอร์ตที่ Tomcat จะเปิดใช้งานเซิร์ฟเล็ตจะแสดงเป็นสีเขียว"

"เราต้องบอก IntelliJ IDEA ว่า Tomcat อยู่ที่ไหน คลิกปุ่ม Configure..."

ขั้นตอนที่ 8: สร้างการกำหนดค่าการเรียกใช้

"ตอนนี้คุณต้องเลือกโฟลเดอร์ที่ Tomcat ตั้งอยู่:"

ขั้นตอนที่ 9: ระบุตำแหน่งของ Tomcat

"เสร็จแล้ว."

"คุณควรได้รับสิ่งนี้:"

ขั้นตอนที่ 10: การกำหนดค่าผลลัพธ์

"ตอนนี้เราต้องเชื่อมต่อโครงการของเรากับ Tomcat"

มีหลายอย่างที่ต้องทำ เป็นเรื่องที่ดีที่ฉันมีคำแนะนำอย่างละเอียด"

"พนันได้เลยว่าฉันพยายามเพื่อเพื่อนของฉัน"

"ตอนนี้ กดปุ่ม Fix แล้ว IDEA จะทำทุกอย่างด้วยตัวเอง"

ขั้นตอนที่ 11: IDEA เชื่อมต่อโครงการและ Tomcat

"เสร็จแล้ว."

"เยี่ยมมาก อีกหนึ่งความคิดเห็น พอร์ต 8080 น่าจะถูกครอบครองแล้ว อย่างไรก็ตาม Tomcat เริ่มทำงานทันทีหลังการติดตั้ง"

"IntelliJ IDEA สามารถเพิ่มเซิร์ฟเล็ตให้กับโปรเจ็กต์ที่กำลังรันอยู่ แต่เพื่อความง่าย ในตอนนี้ จะเริ่มเซิร์ฟเวอร์ Tomcat ใหม่ทุกครั้ง"

"งั้นเราจะมี Tomcats หลายตัววิ่งไหม"

"ใช่ และแต่ละพอร์ตก็ต้องการพอร์ตของตัวเอง ดังนั้นมาเปลี่ยนพอร์ต 8080 เป็นพอร์ต 8888 ในการตั้งค่าโปรเจ็กต์กันเถอะ"

"4 แปด ฉันชอบมัน"

ขั้นตอนที่ 12: เปลี่ยนพอร์ตเป็น 8888

"เสร็จแล้ว."

"เยี่ยมมาก เราทำการตั้งค่าเสร็จแล้ว"

"แล้วไงต่อ"

"ตอนนี้เรามาเปลี่ยนไฟล์ index.jsp กันเล็กน้อย"

"เขียนบางอย่างที่นั่น เช่น «พลังเพื่อสัตว์จำพวกครัสเตเชียน!"

ขั้นตอนที่ 13: เปลี่ยน index.jsp

"ไม่ ฉันอยากเขียนว่า «Power to robots!»"

"เยี่ยมมาก ตอนนี้เหลืออีกเพียงเล็กน้อยที่ต้องทำ"

ขั้นตอนที่ 14: เรียกใช้ servlet และ Tomcat

"ควรมองเห็นบันทึก Tomcat และการติดตามสแต็ก บันทึกไม่ควรมีข้อผิดพลาด"

"อะไรประมาณนี้:"

ขั้นตอนที่ 15 - บันทึก Tomcat

"ในขณะเดียวกัน IDEA ควรเปิดเบราว์เซอร์ที่มี URL ไปยังเซิร์ฟเล็ตของคุณ"

"คุณควรได้รับสิ่งนี้:"

ขั้นตอนที่ 16: เปลี่ยน index.jsp

"ใช่ นั่นคือสิ่งที่ฉันได้รับ เย็น!"

"และตอนนี้ป้อน URL ต่อไปนี้ในเบราว์เซอร์:"

"ไม่มีอะไรเปลี่ยนแปลง"

"อย่าพูดอย่างนั้น"

ขั้นตอนที่ 17: เปลี่ยน index.jsp

"ตอนนี้เบราว์เซอร์แสดงไฟล์ index.jsp ที่คุณเห็นใน IntelliJ IDEA"

“คนที่ฉันเปลี่ยนไป?”

"ใช่."

"แต่หากระบุเฉพาะโดเมนในคำขอของเบราว์เซอร์ ไม่ใช่ส่วนที่เหลือของคำขอ ระบบจะเรียกใช้ตัวจัดการเริ่มต้น ในกรณีของเรา นี่คือ index.jsp"

"สมมติว่าคุณมีสามไฟล์: index.jsp , apple.jsp , google.jspต่อไปนี้คือวิธีการทำงานของสิ่งต่างๆ:"

"ฉันเข้าใจ."

"Bilaabo คุณเคยบอกว่า JSP นั้นยอดเยี่ยมมานานแล้ว แต่พวกมันก็คล้ายกับหน้า HTML ทั่วไปมาก ทุกอย่างเหมือนกันทุกประการ"

"ไม่ใช่ทุกอย่าง ลองเพิ่มข้อความต่อไปนี้ใน JSP:"

<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<html>
<head>
<title>Amigo says hi</title>
</head>
<body>
<%--This is still HTML--%>
<%
// But I can write Java code here

String s = "Power to robots!";
for(int i=0; i<10; i++)
{
 out.println(s);
 out.println("<br>");
}

%>
<%--and this is HTML again--%>
</body>
</html>

"คุณสามารถฝังโค้ด Java ในหน้า JSP และมันจะทำงาน!

"โค้ด Java ในหน้า JSP เรียกว่า scriptlet และอยู่ในแท็ก <% และ %>"

"โว้ว."

"ตกลง ฉันจะไปเขียนหน้า JSP ของฉันเองสองสามหน้า"

"ขอบคุณมาก บิลาโบ"

"และขอบคุณคุณเพื่อนของฉัน!"