Lập trình Hello World trong Spring boot với JSP View

Sharing now

5/5 - (4 bình chọn)

Lập trình Hello World trong Spring boot với JSP View

helloworld_springboot_jspview (9)
Hướng dẫn lập trình in ra dòng chữ hello world đơn giản cho project java Spring boot với giao diện view là jsp.
Yêu cầu công cụ(hoặc công cụ lập trình khác tương tự): 
Elipse + Plugin spring suite tool
Java + Tomcat
Các bước làm như sau ( để chi tiết hơn hãy xem video cuối bài )

Tạo project spring boot mới:

File -> New -> Spring Starter Project
Nhập Group và Artifact tùy ý bạn. Ở đây tôi nhập: Group là com.example và Artifact là demosimplehello
Nhấn Next sau đó nhập “web” để tìm thêm thư viện Spring boot trên web
Nhấn Finish
Project sẽ được build.  Sau khi tạo project xong sẽ có file DemosimplehelloApplication.java như hình.
helloworld_springboot_jspview (1)

Khai báo thư viện trong file pom.xml

Mở file pom.xml thêm các dependency như sau:


		
			org.springframework.boot
			spring-boot-starter-web
		
		
			org.springframework.boot
			spring-boot-starter-test
			test
		
		
		
			org.springframework.boot
			spring-boot-starter-tomcat
			provided
		
		
		
			javax.servlet
			jstl
		
		
		
			org.apache.tomcat.embed
			tomcat-embed-jasper
			provided
		
		
		
			org.eclipse.jdt.core.compiler
			ecj
			4.6.1
			provided
		
		
		
			org.webjars
			bootstrap
			3.3.7
		
	

Tiếp theo tạo file SpringController.java cùng package với file DemosimplehelloApplication.java
helloworld_springboot_jspview (2)
helloworld_springboot_jspview (3)
Thêm nội dung vào file SpringController.java như sau

@Controller
public class SpringController {
	//@Value("${welcome.message:test}")
	private String message="Hello world";
	@RequestMapping("/")
	public String hello(Map model) {
		model.put("message", this.message);
		return "welcome";
	}
}

Ở đây chỉ khai báo biến là “message” để in ra màn hình. Dùng @RequestMapping(“/”) để mặc định chạy hàm hello khi người dùng chạy localhost:8080. Trong hàm này tôi return về “welcome” đây là trang jsp view lát nữa chúng ta sẽ tạo nó. Tôi truyền dữ liệu sang jsp view thông qua kiểu dữ liệu Map tên là model.

Khởi tạo view file giao diện

Trước khi tạo file giao diện ta phải cấu hình liên kết giữa view và controller qua file application.properties
helloworld_springboot_jspview (8)

spring.mvc.view.prefix: /WEB-INF/jsp/
spring.mvc.view.suffix: .jsp

Tham sốprefix để trỏ tới thư mục view mà ta return “welcome” trong file SpringController.java
Suffix chỉ là định dạng file view ở đây là .jsp
Tạo đường dẫn thư mục src/main/webapp/WEB-INF/jsp và file welcome.jsp như hình
helloworld_springboot_jspview (4)
Nội dung file welcome.jsp


<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>


	
	
	


	
	
	

Welcome to Share Everything - Spring Boot Web JSP Simple Example

Message: ${message}

Chúng ta bổ sung các file thư viện css hay js vào đường dẫn src/main/resources/static ở đây tôi tạo thư mục css chứa file main.css
helloworld_springboot_jspview (5)
Nội dung file main.css

h1{
	color:#0000FF;
}
h2{
	color:#FF0000;
}

Xong rồi. Chúng ta chạy chương trình lên. Sau đó vào trình duyệt gõ localhost:8080 (tùy cổng port của bạn).
helloworld_springboot_jspview (6)

Kết quả Spring boot web jsp

helloworld_springboot_jspview (9)
Nếu bị lỗi này bạn hãy xem lại đã cấu hình cho file application.properties chưa.
helloworld_springboot_jspview (7)

Video hướng dẫn chi tiết Hello World với Spring boot và jsp view

Download project tại đây


Sharing now

1 bình luận về “Lập trình Hello World trong Spring boot với JSP View”

Viết một bình luận