Hướng dẫn tạo project sử dụng Spring MVC 5 với eclipse
Trong bài hướng dẫn tạo project sử dụng Spring MVC 5 với eclipse, chúng ta sẽ biết cách tạo một web application với Spring MVC phiên bản 5 bằng công cụ eclipse.
Ngoài ra, chúng tôi còn hướng dẫn các bạn cách cấu hình DispatcherServlet và beans khi làm việc với Spring hoàn toàn bằng Java code thay vì sử dụng XML như trong bài Hướng dẫn tạo Spring MVC Project với eclipse.
Hướng dẫn tạo project sử dụng Spring MVC 5 với eclipse – Chuẩn bị
- Spring MVC – 5.1.0 RELEASE or later
- JDK – 1.8 or later
- Maven – 3.5.1
- Apache Tomcat – 8.5 or later
- IDE – Eclipse Java EE IDE for Web Developers
- JSTL – 1.2.1
Hướng dẫn tạo project sử dụng Spring MVC 5 với eclipse – Tạo Maven Web Application
1/ Mở eclipse -> chọn File -> chọn New -> chọn Other
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-1.png)
Chọn Next
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-2-1024x609.png)
Chọn maven-archetype-webapp -> chọn Next
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-3-1024x609.png)
Nhập Group Id và Artifact Id -> chọn Finish
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-4-1024x609.png)
2/ Cấu hình Maven Project
2.1 Chuột phải Project -> chọn Build Path -> chọn Configure Build Path…
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-5.png)
2.2 Chọn JRE System Library -> chọn Edit
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-6-1024x551.png)
2.3 Chọn Workspace default JRE -> chọn Finish
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-7.png)
2.4 Chọn JRE System Library và Maven Dependencies -> chọn Apply and Close
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-8-1024x551.png)
3/ Cấu hình file pom.xml
3.1 Mở file pom.xml
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-9-1024x544.png)
3.2 Thêm các đoạn code sau
Thêm trước thẻ mở <dependencies>
<properties>
<failOnMissingWebXml>false</failOnMissingWebXml>
</properties>
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-10-1024x542.png)
Thêm vào bên trong cặp thẻ <dependencies> </dependencies>
<!-- https://mvnrepository.com/artifact/org.springframework/spring-webmvc -->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>5.1.0.RELEASE</version>
</dependency>
<!-- JSTL Dependency -->
<dependency>
<groupId>javax.servlet.jsp.jstl</groupId>
<artifactId>javax.servlet.jsp.jstl-api</artifactId>
<version>1.2.1</version>
</dependency>
<dependency>
<groupId>taglibs</groupId>
<artifactId>standard</artifactId>
<version>1.1.2</version>
</dependency>
<!-- Servlet Dependency -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>3.1.0</version>
<scope>provided</scope>
</dependency>
<!-- JSP Dependency -->
<dependency>
<groupId>javax.servlet.jsp</groupId>
<artifactId>javax.servlet.jsp-api</artifactId>
<version>2.3.1</version>
<scope>provided</scope>
</dependency>
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-11.png)
Hướng dẫn tạo project sử dụng Spring MVC 5 với eclipse – Viết code
1/ Tạo một class tên AppConfig
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-12.png)
Nhập Package và Name -> chọn Finish
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-13.png)
Nhập code
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-14-1024x408.png)
2/ Tạo tiếp một class tên SpringMvcDispatcherServletInitializer thuộc vn.giasutinhoc.spring5mvc.config
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-15-1024x351.png)
3/ Tạo một model tên HelloWorld
Chuột phải src/main/java -> chọn New -> chọn Class
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-16-1024x689.png)
Nhập code
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-17.png)
4/ Tạo một controller tên HelloWorldController
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-18-1024x735.png)
Nhập code
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-19-1024x474.png)
5/ Tạo một view tên helloworld
Chuột phải WEB-INF -> chọn New -> chọn Folder
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-20.png)
Nhập views
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-21.png)
Chuột phải views -> chọn New -> chọn JSP File
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-22.png)
Nhập helloworld -> chọn Finish
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-23.png)
Nhập code
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-24-1024x506.png)
Hướng dẫn tạo project sử dụng Spring MVC 5 với eclipse – Build, Deploy và Run
1/ Build
Chuột phải Project -> chọn Run As -> chọn Maven build…
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-25-1024x746.png)
Nhập clean install tại Goals -> chọn Run
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-26.png)
Build thành công
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-27-1024x353.png)
2/ Deploy
Click chuột vào No servers are available. Click this link to create a new server…
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-28.png)
Chọn server type là Tomcat -> chọn Finish
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-29.png)
3/ Run
Chuột phải Project -> chọn Maven -> chọn Update Project…
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-30-1024x759.png)
Chọn Force Update of Snapshots/Releases -> chọn OK
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-31.png)
Chuột phải Project -> chọn Run As -> chọn Run on Server
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-32-1024x666.png)
Chọn Finish
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-33.png)
Website hiển thị lên trình duyệt
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-34.png)
Khi nhập http://localhost:8080/Spring5MVCProject/helloworld
![](http://giasutinhoc.vn/wp-content/uploads/2019/04/huong-dan-tao-project-su-dung-spring-5-mvc-voi-eclipse-35.png)