"ฉันมาแล้ว ตามที่ขอ ตอนนี้ฉันจะบอกวิธีการเขียนเว็บเซิร์ฟเวอร์เครื่องแรกของคุณ"
"เว็บเซิร์ฟเวอร์ก็เหมือนระบบปฏิบัติการ มันไม่ได้มีค่าในตัวมันเอง มันมีค่าเพราะคุณสามารถเรียกใช้โปรแกรมเว็บพิเศษ (เซิร์ฟเล็ต) บนมันได้ "
"เป็นเซิร์ฟเล็ตเหล่านี้ที่ประมวลผลคำขอที่มาจากผู้ใช้"
"พวกเขาดำเนินการตามคำขออย่างไร ฉันจะรันโปรแกรมภายในเว็บเซิร์ฟเวอร์ได้อย่างไร"
"ในการเขียนเซิร์ฟเล็ตของคุณเอง คลาสของคุณจะต้องสืบทอดคลาส 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 ต่อไปนี้ในเบราว์เซอร์:"
| http://localhost:8888/index.jsp |
"ไม่มีอะไรเปลี่ยนแปลง"
"อย่าพูดอย่างนั้น"
ขั้นตอนที่ 17: เปลี่ยน index.jsp
"ตอนนี้เบราว์เซอร์แสดงไฟล์ index.jsp ที่คุณเห็นใน IntelliJ IDEA"
“คนที่ฉันเปลี่ยนไป?”
"ใช่."
"แต่หากระบุเฉพาะโดเมนในคำขอของเบราว์เซอร์ ไม่ใช่ส่วนที่เหลือของคำขอ ระบบจะเรียกใช้ตัวจัดการเริ่มต้น ในกรณีของเรา นี่คือ index.jsp"
"สมมติว่าคุณมีสามไฟล์: index.jsp , apple.jsp , google.jspต่อไปนี้คือวิธีการทำงานของสิ่งต่างๆ:"
| ขอ | การตอบสนอง |
|---|---|
| http://localhost:8888 | index.jsp |
| http://localhost:8888/ | index.jsp |
| http://localhost:8888/index.jsp | index.jsp |
| http://localhost:8888/apple.jsp | apple.jsp |
| http://localhost:8888/ samsung.jsp | ข้อความแสดงข้อผิดพลาด: ไม่พบ Servlet |
| http://localhost:8888/google.jsp | google.jsp |
| http://localhost:8888/ ดัชนี | ข้อความแสดงข้อผิดพลาด: ไม่พบ Servlet |
"ฉันเข้าใจ."
"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 ของฉันเองสองสามหน้า"
"ขอบคุณมาก บิลาโบ"
"และขอบคุณคุณเพื่อนของฉัน!"
GO TO FULL VERSION