Thẻ phần tử JSP

Thẻ JSP

Trong hướng dẫn này, chúng ta sẽ tìm hiểu các thẻ cơ bản của JSP và cách thêm chú thích vào JSP. Cùng với đó, chúng ta cũng sẽ tạo một JSP và chạy JSP đó trên máy chủ.

Tuyên bố JSP

Thẻ khai báo là một phần của Java mã để khai báo các biến, phương thức và lớp. Nếu chúng ta khai báo một biến hoặc phương thức bên trong thẻ khai báo thì điều đó có nghĩa là việc khai báo được thực hiện bên trong lớp servlet nhưng bên ngoài phương thức dịch vụ.
Chúng ta có thể khai báo một thành viên tĩnh, một biến thể hiện (có thể khai báo một số hoặc chuỗi) và các phương thức bên trong thẻ khai báo.

Cú pháp của thẻ khai báo:

<%!  Dec var  %>

Ở đây Dec var là phương thức hoặc một biến bên trong thẻ khai báo.

Ví dụ:

Trong ví dụ này, chúng ta sẽ sử dụng thẻ khai báo

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!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=ISO-8859-1">
<title>Guru Declaration Tag</title>
</head>
<body>
<%! int count =10; %>
<% out.println("The Number is " +count); %>
</body>
</html>

Giải thích mã:

Code Dòng 10: Ở đây chúng tôi đang sử dụng thẻ khai báo để khởi tạo số biến thành 10.

Khi bạn thực thi đoạn mã trên, bạn sẽ nhận được kết quả sau:

Đầu ra:

Biến được khai báo trong thẻ khai báo sẽ được in dưới dạng đầu ra.

Tập lệnh JSP

Thẻ Scriptlet cho phép viết Java mã vào tập tin JSP.
Bộ chứa JSP di chuyển các câu lệnh trong phương thức _jspservice() trong khi tạo servlet từ jsp.
Đối với mỗi yêu cầu của máy khách, phương thức dịch vụ của JSP sẽ được gọi do đó mã bên trong Scriptlet sẽ thực thi mọi yêu cầu.
Một Scriptlet chứa mã java được thực thi mỗi khi JSP được gọi.

Cú pháp của thẻ Scriptlet:

<% java code %>

Ở đây thẻ <%%> là thẻ script và trong đó, chúng ta có thể đặt mã java.

Ví dụ:

Trong ví dụ này, chúng tôi đang sử dụng các thẻ Scriptlet kèm theo mã java.

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!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=ISO-8859-1">
<title>Guru Scriplet</title>
</head>
<body>
<% int num1=10;
   int num2=40;
   int num3 = num1+num2;
   out.println("Scriplet Number is " +num3);
%>
</body>
</html>

Giải thích mã:

Code Dòng 10-14: Trong thẻ Scriptlet nơi chúng tôi đang sử dụng hai biến num1 và num2 . Biến thứ ba num3 được lấy và cộng lại thành num1 và num2. Kết quả đầu ra là num3.

Khi bạn thực thi mã, bạn sẽ nhận được kết quả đầu ra sau:

Đầu ra:

Đầu ra của Số Scriptlet là 50, là phép cộng của num1 và num2.

Biểu thức JSP

Thẻ biểu thức đánh giá biểu thức được đặt trong đó.
Nó truy cập dữ liệu được lưu trữ trong ứng dụng được lưu trữ.
Nó cho phép tạo các biểu thức như số học và logic.
Nó tạo ra trang JSP không có script.

Cú pháp:

<%= expression %>

Ở đây biểu thức là biểu thức số học hoặc logic.

Ví dụ:

Trong ví dụ này, chúng tôi đang sử dụng thẻ biểu thức

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!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=ISO-8859-1">
<title>Guru Expression</title>
</head>
<body>
<% out.println("The expression number is "); %>
<% int num1=10; int num2=10; int num3 = 20; %>
<%= num1*num2+num3 %>
</body>
</html>

Giải thích mã:

Code Dòng 12: Ở đây chúng tôi đang sử dụng thẻ biểu thức trong đó chúng tôi đang sử dụng một biểu thức bằng cách nhân hai số tức là num1 và num 2 rồi cộng số thứ ba tức là num3.

Khi bạn thực thi đoạn mã trên, bạn sẽ nhận được kết quả sau:

Đầu ra:

Số biểu thức là 120 trong đó chúng ta nhân hai số num1 và num2 rồi cộng số đó với số thứ ba.

Bình luận JSP

Nhận xét là khi bộ chứa JSP muốn bỏ qua các văn bản và câu lệnh nhất định.

Khi muốn ẩn nội dung nào đó thì chúng ta có thể thêm nội dung đó vào phần bình luận.

Cú pháp:

<% -- JSP Comments %>

Các thẻ của anh ấy được sử dụng để nhận xét trong JSP và bị bộ chứa JSP bỏ qua.

Đây là nhận xét HTML bị trình duyệt bỏ qua

Ví dụ:

Trong ví dụ này, chúng tôi đang sử dụng các chú thích JSP

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!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=ISO-8859-1">
<title>Guru Comments</title>
</head>
<body>
<%-- Guru Comments section --%>
<% out.println("This is comments example"); %>

</body>
</html>

Giải thích mã:

Code Dòng 10: Ở đây chúng tôi đang thêm các nhận xét JSP vào mã để giải thích mã có gì. Nó bị bỏ qua bởi bộ chứa JSP

Khi bạn thực thi đoạn mã trên, bạn sẽ nhận được kết quả sau:

Đầu ra:

Chúng tôi nhận được kết quả được in bằng phương thức println. Bình luận bị vùng chứa bỏ qua

Tạo một trang JSP đơn giản

Một trang JSP có phần thân HTML được kết hợp với Java mã vào nó
Chúng tôi đang tạo một trang JSP đơn giản bao gồm các khai báo, tập lệnh, biểu thức, thẻ nhận xét trong đó.

Ví dụ:

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!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=ISO-8859-1">
<title>Guru JSP Example</title>
</head>
<body>

<%-- This is a JSP example with scriplets, comments , expressions --%>
<% out.println("This is guru JSP Example"); %>
<% out.println("The number is "); %>
<%! int num12 = 12; int num32 = 12; %>
<%= num12*num32 %>
Today's date: <%= (new java.util.Date()).toLocaleString()%>
</body>
</html>

Giải thích mã:

Code Dòng 1: Ở đây chúng tôi đang sử dụng các chỉ thị như ngôn ngữ, contentType và pageEncoding. Ngôn ngữ là Java và loại nội dung là văn bản/html với bộ ký tự tiêu chuẩn ISO 8859. Mã hóa trang là bộ ký tự tiêu chuẩn.

Code Dòng 11: Ở đây chúng ta đang sử dụng JSP comment để thêm comment vào JSP

Code Dòng 14: Ở đây chúng ta khai báo biến num12 và num32 khởi tạo bằng 12.

Code Dòng 15: Ở đây chúng ta đang sử dụng một biểu thức trong đó chúng ta nhân hai số num12 và num32.

Code Dòng 16: Ở đây chúng ta đang tìm nạp ngày hôm nay bằng cách sử dụng đối tượng date.

Khi bạn thực thi đoạn mã trên, bạn sẽ nhận được kết quả sau

Đầu ra:

Chúng tôi đang in ở đây,

Đây là ví dụ về JSP của bậc thầy.
Số đó là num12*num32 (12*12).
Ngày hôm nay là ngày hiện tại

Cách chạy trang JSP đơn giản

JSP có thể chạy trên máy chủ web hoặc máy chủ ứng dụng.
Ở đây chúng tôi sẽ sử dụng một máy chủ web và chúng tôi có thể triển khai nó trên máy chủ kèm theo nó trong một ứng dụng chiến tranh.
Chúng ta có thể tạo JSP trong một ứng dụng (chiến tranh).

Đây là một ứng dụng có cấu trúc thư mục như sau và ứng dụng phải được xây dựng.

Ứng dụng này phải được xây dựng và thông báo sau sẽ xuất hiện sau khi xây dựng thành công:

Sau khi ứng dụng được xây dựng, ứng dụng phải được chạy trên máy chủ.

Để chạy JSP trên máy chủ web, nhấp chuột phải vào dự án của IDE (nhật thực được sử dụng trong trường hợp này) và có nhiều lựa chọn. Chọn tùy chọn chạy trên máy chủ. Nó được hiển thị trong ảnh chụp màn hình bên dưới;

Từ sơ đồ, các điểm sau được giải thích:

Có hai tùy chọn để chọn máy chủ hoặc thêm máy chủ vào ứng dụng này theo cách thủ công. Trong trường hợp này, chúng tôi đã thêm máy chủ JBoss vào ứng dụng, do đó chúng tôi chọn máy chủ hiện có.
Khi chúng tôi chọn máy chủ, tùy chọn máy chủ sẽ được hiển thị ở điểm 2 về máy chủ mà chúng tôi muốn chọn. Có thể có nhiều máy chủ được cấu hình trên ứng dụng này. Chúng tôi có thể chọn một máy chủ từ tất cả các tùy chọn đó
Khi tùy chọn đó được chọn, hãy nhấp vào nút hoàn tất và ứng dụng sẽ chạy trên máy chủ đó.

Trong ảnh chụp màn hình bên dưới, bạn có thể nhận thấy rằng chương trình JSP của chúng tôi được thực thi và ứng dụng thử nghiệm được triển khai trong Máy chủ JBoss được đánh dấu trong hộp màu đỏ.

Cấu trúc thư mục của JSP

Trong cấu trúc thư mục có một thư mục gốc chứa thư mục WEB-INF, chứa tất cả các file cấu hình và file thư viện.

Các tệp JSP nằm ngoài thư mục WEB-INF

Cấu trúc thư mục của JSP

Ví dụ:

Trong ví dụ này có ứng dụng thử nghiệm có cấu trúc thư mục như sau:

Tổng kết

Trong bài viết này, chúng ta đã tìm hiểu về các thành phần cú pháp như thẻ biểu thức, thẻ Scriptlet giúp đơn giản hóa mã trong JSP.
Sử dụng các bình luận JSP.
Chúng tôi đã tạo một trang JSP đơn giản và làm cho nó chạy trên máy chủ.

Thẻ phần tử JSP

Thẻ JSP

Tuyên bố JSP

Tập lệnh JSP

Biểu thức JSP

Bình luận JSP

Tạo một trang JSP đơn giản

Cách chạy trang JSP đơn giản

Cấu trúc thư mục của JSP

Tổng kết

Tóm tắt bài viết này với:

Đăng kí để nhận thư mới

Thẻ JSP

Tuyên bố JSP

Tập lệnh JSP

NHỮNG BÀI VIẾT LIÊN QUAN

Biểu thức JSP

Bình luận JSP

Tạo một trang JSP đơn giản

Cách chạy trang JSP đơn giản

Cấu trúc thư mục của JSP

Tổng kết

Tóm tắt bài viết này với:

Đăng kí để nhận thư mới