บทความนี้ถือว่าคุณได้ติดตั้งสภาพแวดล้อม JDK แล้ว หากไม่ได้ติดตั้ง โปรดดูการกำหนดค่าสภาพแวดล้อมการพัฒนา Java
เราสามารถใช้ Eclipse เพื่อสร้างสภาพแวดล้อมการพัฒนา JSP ขั้นแรก เราดาวน์โหลดแพ็คเกจซอฟต์แวร์:
คราส J2EE: http://www.eclipse.org/downloads/
ทอมแคท: http://tomcat.apache.org/download-70.cgi
คุณสามารถดาวน์โหลดแพ็คเกจที่เกี่ยวข้องตามระบบของคุณ (ต่อไปนี้ใช้ระบบ Windows เป็นตัวอย่าง):
หลังจากดาวน์โหลด ให้คลายซิปแพ็คเกจที่บีบอัดลงในไดรฟ์ D (คุณสามารถเลือกได้ด้วยตัวเอง):
โปรดทราบว่าชื่อไดเร็กทอรีต้องไม่มีตัวอักษรจีนหรือช่องว่าง แคตตาล็อกมีการแนะนำดังต่อไปนี้:
bin: ไฟล์ปฏิบัติการไบนารี ไฟล์ที่ใช้บ่อยที่สุดคือ startup.bat หากเป็นระบบ Linux หรือ Mac ไฟล์เริ่มต้นจะเป็น startup.sh
conf: ไดเร็กทอรีการกำหนดค่า ไฟล์หลักที่อยู่ภายในคือ server.xml คุณสามารถเปลี่ยนหมายเลขพอร์ต ฯลฯ ภายในได้ หมายเลขพอร์ตเริ่มต้นคือ 8080 ซึ่งหมายความว่าหมายเลขพอร์ตนี้ไม่สามารถครอบครองโดยแอปพลิเคชันอื่นได้
lib: ไฟล์ไลบรารี ไดเร็กทอรีที่แพ็กเกจ jar จำเป็นเมื่อ Tomcat กำลังทำงาน
บันทึก: บันทึก
temp: ไฟล์ที่สร้างขึ้นชั่วคราว เช่น แคช
webapps: เว็บแอปพลิเคชัน เว็บแอปพลิเคชันจะอยู่ในไดเร็กทอรีนี้และเบราว์เซอร์สามารถเข้าถึงได้โดยตรง
งาน: ไฟล์คลาสหลังจากการคอมไพล์
จากนั้นเราสามารถดับเบิลคลิก startup.bat เพื่อเริ่ม Tomcat และอินเทอร์เฟซต่อไปนี้จะปรากฏขึ้น:
ในขณะนี้ เซิร์ฟเวอร์ภายในได้รับการตั้งค่าแล้ว หากคุณต้องการปิดเซิร์ฟเวอร์ คุณสามารถปิดหน้าต่างด้านบนได้โดยตรง หรือกด Ctrl+C เพื่อปิดใช้งานบริการ
จากนั้นเราป้อน http://localhost:8080/ ในเบราว์เซอร์ หากอินเทอร์เฟซต่อไปนี้ปรากฏขึ้น แสดงว่า Tomcat ได้รับการติดตั้งและเริ่มทำงานเรียบร้อยแล้ว:
มาทดสอบบนเบราว์เซอร์ตอนนี้เลย:
ขั้นแรก สร้างไฟล์ jsp ใหม่ในไดเร็กทอรี D:apache-tomcat-8.0.14webappsROOT:
รหัสไฟล์ test.jsp เป็นดังนี้:
<%@ หน้า contentType="text/html;charset=UTF-8" %><%out.print("w3cschool กวดวิชา: http://www.w3cschool.cn");%>
จากนั้นเข้าถึงที่อยู่ http://localhost:8080/test.jsp ในเบราว์เซอร์ ผลลัพธ์ที่ได้จะเป็นดังนี้:
หลังจากดาวน์โหลด Eclipse J2EE แล้ว ให้แตกไฟล์และคุณสามารถใช้งานได้ เราเปิด Java EE และเลือก Windows-->preferences ในแถบเมนู (Eclipse-->Preferences for Mac system) และอินเทอร์เฟซต่อไปนี้จะปรากฏขึ้น:
ในภาพด้านบน คลิกปุ่ม "เพิ่ม" จากนั้นอินเทอร์เฟซต่อไปนี้จะปรากฏขึ้น:
ในตัวเลือกนี้ เราเลือกเวอร์ชัน Tomcat ที่เกี่ยวข้อง จากนั้นคลิก "ถัดไป" เลือกไดเร็กทอรีการติดตั้ง Tomcat และเลือกสภาพแวดล้อม Java ที่เราติดตั้ง:
คลิก "เสร็จสิ้น" เพื่อสิ้นสุดการกำหนดค่า
เลือก "ไฟล์-->ใหม่-->โครงการเว็บไดนามิก" เพื่อสร้างโครงการ TomcatTest:
คลิกที่กล่องสีแดงในภาพด้านบน จากนั้นอินเทอร์เฟซต่อไปนี้จะปรากฏขึ้น:
โปรดทราบว่าคุณสามารถข้ามขั้นตอนนี้ได้หาก Tomcat และ JDK ที่เราติดตั้งไว้ก่อนหน้านี้ถูกเลือกไว้เป็นค่าเริ่มต้น
จากนั้นคลิกเสร็จสิ้นเพื่อดำเนินการต่อ:
โครงสร้างไฟล์โครงการ:
การวิเคราะห์แต่ละไดเร็กทอรีในรูปด้านบน:
ตัวอธิบายการใช้งาน: คำอธิบายการใช้งาน
Web App Libraries: สามารถใส่แพ็คเกจที่คุณเพิ่มด้วยตัวเองได้
build: ใส่ไฟล์ที่คอมไพล์แล้ว
WebContent: ใส่ลงในหน้าเขียน
สร้างไฟล์ test.jsp ใหม่ในโฟลเดอร์ WebContent รหัสเริ่มต้นสามารถดูได้ในภาพด้านล่าง:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN " "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>ใส่ชื่อที่นี่</title></head><body></body></html>
จากนั้นเราแก้ไขโค้ดไฟล์ test.jsp ดังนี้:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN " "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>บทช่วยสอนของ w3cschool</title></head><body><% out.println("Hello World!");%></body></html>
ก่อนที่จะรันโปรแกรม เราจะแก้ไขตัวเลือกเบราว์เซอร์ก่อน:
จากนั้นเราก็ดำเนินโครงการ:
เมื่อทำงาน ข้อผิดพลาดต่อไปนี้จะปรากฏขึ้น: (หากไม่มีข้อผิดพลาดดังกล่าว โปรดเพิกเฉย)
เหตุผลก็คือ ก่อนหน้านี้เราคลิกที่ startup.bat ในแพ็คเกจการติดตั้ง Tomcat ซึ่งเปิดเซิร์ฟเวอร์ Tomcat ด้วยตนเอง ซึ่งเห็นได้ชัดว่าซ้ำซ้อน เพราะเมื่อโปรแกรมทำงาน eclipse จะเปิดเซิร์ฟเวอร์ Tomcat โดยอัตโนมัติ อันดับแรกเราจึงปิดซอฟต์แวร์ Tomcat ด้วยตนเองแล้วรันโปรแกรมอีกครั้ง เท่านี้ก็เรียบร้อย ข้อมูลคอนโซลมีดังนี้:
เมื่อเบราว์เซอร์เข้าถึง http://localhost:8080/TomcatTest/test.jsp ผลลัพธ์ปกติจะถูกส่งออก:
เรายังสามารถใช้สภาพแวดล้อมข้างต้นเพื่อสร้างไฟล์ Servlet เลือก "File-->New-->Servlet":
สร้างคลาส "HelloServlet" ในไดเรกทอรี /TomcatTest/src ของโครงการ TomcatTest และแพ็คเกจคือ "com.youj.test":
รหัส HelloServlet.java มีลักษณะดังนี้:
แพ็คเกจ com.youj.test; นำเข้า java.io.IOException; นำเข้า javax.servlet.ServletException; นำเข้า javax.servlet.annotation.WebServlet; นำเข้า javax.servlet.http.HttpServlet; นำเข้า javax.servlet.http.HttpServletRequest; นำเข้า javax .servlet.http.HttpServletResponse;/** * คลาสการใช้งาน Servlet HelloServlet */@WebServlet("/HelloServlet")คลาสสาธารณะ HelloServlet ขยาย HttpServlet {private static สุดท้าย serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public HelloServlet() { super(); - สร้างต้นขั้วคอนสตรัคเตอร์ }/** * @see HttpServlet#doGet (คำขอ HttpServletRequest, การตอบสนอง HttpServletResponse) */ โมฆะที่ได้รับการป้องกัน doGet (คำขอ HttpServletRequest, การตอบสนอง HttpServletResponse) พ่น ServletException, IOException {// ใช้ GBK ตั้งค่าภาษาจีนให้แสดงตามปกติ response.setCharacterEncoding("GBK");response.getWriter().write("w3cschool Tutorial: http://www.w3cschool.cn");}/** * @see HttpServlet#doPost(HttpServletRequest คำขอ, การตอบสนอง HttpServletResponse) */ โมฆะที่ได้รับการป้องกัน doPost (คำขอ HttpServletRequest, การตอบสนอง HttpServletResponse) พ่น ServletException, IOException {// TODO วิธีการสร้างอัตโนมัติ stubdoGet(คำขอ, การตอบสนอง);}}
จากนั้นรีสตาร์ท Tomcat และเข้าถึง http://localhost:8080/TomcatTest/HelloServlet ด้วยเบราว์เซอร์:
