Tag Elemen JSP

Oleh: James Hartman James Hartman
Hours Updated

Tag JSP

Dalam tutorial ini, kita akan mempelajari tag dasar JSP dan cara menambahkan komentar ke JSP. Bersamaan dengan ini, kami juga akan membuat JSP dan menjalankan JSP tersebut di server.

Deklarasi JSP

  • Tag deklarasi adalah bagian dari Java kode untuk mendeklarasikan variabel, metode, dan kelas. Jika kita mendeklarasikan suatu variabel atau metode di dalam tag deklarasi, artinya deklarasi tersebut dibuat di dalam kelas servlet tetapi di luar metode layanan.
  • Kita dapat mendeklarasikan anggota statis, variabel instan (dapat mendeklarasikan angka atau string) dan metode di dalam tag deklarasi.

Sintaks tag deklarasi:

<%!  Dec var  %>

Di sini Dec var adalah metode atau variabel di dalam tag deklarasi.

Contoh:

Dalam contoh ini, kita akan menggunakan tag deklarasi

<%@ 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>

Penjelasan kodenya:

Baris Kode 10: Di sini kita menggunakan tag deklarasi untuk menginisialisasi jumlah variabel menjadi 10.

Ketika Anda menjalankan kode di atas, Anda akan mendapatkan keluaran berikut:

Deklarasi JSP

Keluaran:

Variabel yang dideklarasikan dalam tag deklarasi dicetak sebagai output.

Skrip JSP

  • Tag skrip memungkinkan untuk menulis Java kode ke dalam file JSP.
  • Kontainer JSP memindahkan pernyataan dalam metode _jspservice() sambil menghasilkan servlet dari jsp.
  • Untuk setiap permintaan klien, metode layanan JSP dipanggil sehingga kode di dalam Scriptlet dijalankan untuk setiap permintaan.
  • Scriptlet berisi kode java yang dieksekusi setiap kali JSP dipanggil.

Sintaks tag Scriptlet:

<% java code %>

Di sini tag <%%> adalah tag skrip dan di dalamnya, kita dapat menempatkan kode Java.

Contoh:

Dalam contoh ini, kami mengambil tag Scriptlet yang menyertakan kode 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>

Penjelasan kodenya:

Baris Kode 10-14: Dalam tag Scriptlet tempat kita mengambil dua variabel num1 dan num2 . Variabel ketiga num3 diambil yang dijumlahkan menjadi num1 dan num2. Outputnya adalah num3.

Ketika Anda menjalankan kode tersebut, Anda akan mendapatkan keluaran berikut:

Skrip JSP

Keluaran:

Output dari Scriptlet Number adalah 50 yang merupakan penjumlahan dari num1 dan num2.

ARTIKEL TERKAIT

Ekspresi JSP

  • Tag ekspresi mengevaluasi ekspresi yang ditempatkan di dalamnya.
  • Ini mengakses data yang disimpan dalam aplikasi yang disimpan.
  • Ini memungkinkan membuat ekspresi seperti aritmatika dan logika.
  • Ini menghasilkan halaman JSP tanpa skrip.

sintaks:

<%= expression %>

Di sini ekspresinya adalah ekspresi aritmatika atau logika.

Contoh:

Dalam contoh ini, kami menggunakan tag ekspresi

<%@ 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>

Penjelasan kodenya:

Baris Kode 12: Di sini kita menggunakan tag ekspresi dimana kita menggunakan ekspresi dengan mengalikan dua angka yaitu num1 dan num 2 lalu menambahkan angka ketiga yaitu num3.

Ketika Anda menjalankan kode di atas, Anda akan mendapatkan output berikut:

Ekspresi JSP

Keluaran:

Ekspresi bilangannya adalah 120 dimana kita mengalikan dua bilangan num1 dan num2 dan menjumlahkan bilangan tersebut dengan bilangan ketiga.

Komentar JSP

Komentar adalah komentar ketika wadah JSP ingin mengabaikan teks dan pernyataan tertentu.

Ketika kita ingin menyembunyikan konten tertentu, maka kita bisa menambahkannya di bagian komentar.

sintaks:

<% -- JSP Comments %>

Tag ini digunakan untuk berkomentar di JSP dan diabaikan oleh container JSP.

Ini adalah komentar HTML yang diabaikan oleh browser

Contoh:

Dalam contoh ini, kami menggunakan komentar 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>

Penjelasan kodenya:

Baris Kode 10: Di sini kami menambahkan komentar JSP ke kode untuk menjelaskan kode apa yang dimilikinya. Itu telah diabaikan oleh wadah JSP

Ketika Anda menjalankan kode di atas, Anda akan mendapatkan keluaran berikut:

Komentar JSP

Keluaran:

Kami mendapatkan output yang dicetak dalam metode println. Komentar diabaikan oleh penampung

Membuat Halaman JSP sederhana

  • Halaman JSP memiliki badan HTML yang digabungkan dengannya Java kode ke dalamnya
  • Kami membuat halaman JSP sederhana yang mencakup deklarasi, skrip, ekspresi, tag komentar di dalamnya.

Contoh:

<%@ 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>

Penjelasan kodenya:

Baris Kode 1: Di sini kami menggunakan arahan seperti bahasa, contentType dan pageEncoding. Bahasa adalah Java dan tipe konten adalah teks/html dengan rangkaian karakter standar ISO 8859. Pengkodean halaman adalah rangkaian karakter standar.

Baris Kode 11: Di sini kita menggunakan komentar JSP untuk menambahkan komentar ke JSP

Baris Kode 14: Di sini kita mendeklarasikan variabel num12 dan num32 yang diinisialisasi dengan 12.

Baris Kode 15: Di sini kita menggunakan ekspresi dimana kita mengalikan dua angka num12 dan num32.

Baris Kode 16: Di sini kita mengambil tanggal hari ini menggunakan objek tanggal.

Ketika Anda menjalankan kode di atas, Anda mendapatkan output berikut

Membuat Halaman JSP sederhana

Keluaran:

Kami sedang mencetak di sini,

  • Ini adalah contoh guru JSP.
  • Nomornya adalah angka12*angka32 (12*12).
  • Tanggal hari ini adalah tanggal saat ini

Cara menjalankan Halaman JSP sederhana

  • JSP dapat dijalankan di server web atau server aplikasi.
  • Di sini kita akan menggunakan server web, dan kita dapat menyebarkannya di server yang menyertakannya dalam aplikasi perang.
  • Kita bisa membuat JSP dalam suatu aplikasi (perang).

Ini adalah aplikasi yang memiliki struktur direktori berikut, dan aplikasi harus dibangun.

Jalankan Halaman JSP Sederhana

Aplikasi ini harus dibangun, dan pesan berikut akan muncul setelah pembangunan berhasil:

Jalankan Halaman JSP Sederhana

Setelah aplikasi dibangun, aplikasi tersebut harus dijalankan di server.

Untuk menjalankan JSP di server web, klik kanan pada proyek IDE (gerhana digunakan dalam kasus ini) dan ada banyak pilihan. Pilih opsi dijalankan di server. Itu ditunjukkan pada gambar di bawah;

Dari diagram tersebut, poin-poin berikut dijelaskan:

  1. Ada dua pilihan untuk memilih server atau menambahkan server secara manual ke aplikasi ini. Dalam hal ini, kami telah menambahkan server JBoss ke aplikasi, oleh karena itu kami memilih server yang ada.
  2. Setelah kita memilih server, opsi server ditunjukkan pada poin 2 server mana yang ingin kita pilih. Mungkin ada beberapa server yang dikonfigurasi pada aplikasi ini. Kita dapat memilih satu server dari semua opsi tersebut
  3. Setelah opsi itu dipilih, klik tombol selesai dan aplikasi akan berjalan di server itu.

Jalankan Halaman JSP Sederhana

Pada tangkapan layar di bawah, Anda dapat melihat bahwa program JSP kami dijalankan, dan aplikasi pengujian diterapkan Server JBoss ditandai dalam kotak merah.

Jalankan Halaman JSP Sederhana

Struktur Direktori JSP

Dalam struktur direktori, terdapat folder root yang memiliki folder WEB-INF, yang berisi semua file konfigurasi dan file perpustakaan.

File JSP berada di luar folder WEB-INF

Struktur Direktori JSP

Struktur direktori JSP

Contoh:

Dalam contoh ini ada aplikasi pengujian yang memiliki struktur folder sebagai berikut:

Struktur Direktori JSP

Kesimpulan

  • Pada artikel ini, kita telah mempelajari tentang elemen sintaksis seperti tag ekspresi, tag Scriptlet yang menyederhanakan kode di JSP.
  • Penggunaan komentar JSP.
  • Kami telah membuat halaman JSP sederhana dan menjalankannya di server.

Anda mungkin ingin: