ตัวอย่างการใช้งานคำสั่ง include directive ใน JSP

คำสั่ง include directive ใช้รวมไฟล์ในขั้นตอนการแปล (translation phase) ทำให้คอนเทนเนอร์นำเนื้อหาจากไฟล์ภายนอกมารวมกับ JSP ปัจจุบัน คำสั่งนี้สามารถวางได้ทุกที่ในหน้า JSP

รูปแบบการใช้งาน

<%@ include file = "relative url" %>

ชื่อไฟล์เป็น URL แบบสัมพัทธ์ (relative URL) หากระบุแค่ชื่อไฟล์ JSP compiler จะค้นหาในไดเรกทอรีเดียวกัน

รูปแบบ XML

<jsp:directive.include file = "relative url" />

ตัวอย่างสมบูรณ์: หัวและท้ายหน้าเว็บร่วมใช้

1. header.jsp

<%@ page import="java.io.*" %>
<%! 
    int pageCount = 0; 
    void addCount() { pageCount++; } 
%>
<% addCount(); %>
<html>
<head>
    <title>ตัวอย่าง Include Directive</title>
</head>
<body>
    <center>
        <h2>ตัวอย่าง Include Directive</h2>
        <p>เว็บไซต์นี้ถูกเข้าชม <%= pageCount %> ครั้ง</p>
    </center>
    <br/><br/>

2. footer.jsp

<br/><br/>
<center>
    <p>Copyright © 2024</p>
</center>
</body>
</html>

3. main.jsp

<%@ include file = "header.jsp" %>
<center>
    <p>ขอบคุณที่เข้าชมหน้านี้</p>
</center>
<%@ include file = "footer.jsp" %>

ผลลัพธ์

ตัวอย่าง Include Directive
เว็บไซต์นี้ถูกเข้าชม 1 ครั้ง
ขอบคุณที่เข้าชมหน้านี้
Copyright © 2024

ลอง Refresh main.jsp จะ thấyตัวนับเพิ่มขึ้น ใช้รูปแบบนี้ช่วยจัดการโค้ดที่ซ้ำซ้อนได้ง่าย แยกส่วนที่เปลี่ยนแปลงบ่อยออกเป็นไฟล์แยกต่างหาก