HelloWorld với JSP sử dụng Eclipse IDE và Tomcat web server

Bài hướng dẫn này sẽ giúp các bạn có thể in ra chuỗi Hello World với JSP  trên trình duyệt  bằng cách viết một chương trình JSP đơn giản (Java server pages)  sử dụng IDE Eclipse.

Trong bài viết này tôi sẽ sử dụng :

  1. Eclipse
  2. Tomcat

Eclipse Installer : Download from Eclipse
Tomcat Installer : Download from Tomcat 7

1. Tạo một Dynamic Web Project

Để tạo một dự án với jsp/serlvet,ở trên thanh menu chọn File --> New --> Dynamic Web Project.

Tạo một Dynamic Web Project

 

Nhập “HelloWorldJSP”  đây là tên gọi của dự án. Sau đó sẽ thiết lập như hình bên dưới :

Enter project name

 

Click vào nút “Next”.

Configure project

 

Kiểm tra dự án của bạn đã chọn check Generate web.xml chưa. Sau đó nhấn vào nút “Finish” và Eclipse IDE sẽ tạo ra các dự án web tự động như hình dưới đây :

Generated web project

 

2. Tạo trang Jsp

Nhấp chuột phải vào thư mục ‘WebContent’ và chọn từ menu new file.jsp -> JSP File.

 

 

Create Jsp page

 

 

Đặt tên file jsp là “helloWorld.jsp”  trong ô input “File Name”  sau đó nhấn “Finish”.

Create new jsp file

 

Ecipse sẽ tạo ra một trang jsp và mở file JSP này trong trình soạn thảo như hình dưới đây :

File: helloWorld.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>Insert title here</title>
</head>
<body>
 
</body>
</html>

3. Viết code file JSP

Chỉnh sửa file ‘helloWorld.jsp’  như hình dưới :

File: helloWorld.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>Hello World - JSP tutorial</title>
</head>
<body>
    <%= "Hello World!" %>
</body>
</html>

4. Chạy dự án của bạn

Nhấp chuột phải vào ‘helloWorld.jsp’ và chọn từ menu ‘Run As’ --> ‘Run on Server’.

 

Create Jsp page

Chọn tomcat server hiện tại đang dùng.

Run on Server

Nhấn vào nút “Finish”. Ứng dụng web HelloWorldJSP sẽ được triển khai trong tomcat web server.

Console Output

 

5.Trình duyệt

Eclipse sẽ mở một trình duyệt và  sẽ in ra ‘Hello World!’.

Browser Output

6.Kết Luận

Đến đây thì có lẽ bạn đọc đã tạo được chương trình HelloWorld với JSP sử dụng Eclipse IDE và Tomcat web server đầu tiên.Loạt bài hướng dẫn về JSP/SERLVET sẽ được cập nhật tại đường link này.

 

0 0 đánh giá
Đánh giá bài viết
Theo dõi
Thông báo của
guest
0 Góp ý
Phản hồi nội tuyến
Xem tất cả bình luận
x