Model, View, Controller and a Template
This commit is contained in:
		
							parent
							
								
									d9db793e85
								
							
						
					
					
						commit
						4ffe7b8673
					
				
							
								
								
									
										52
									
								
								README.md
									
									
									
									
									
								
							
							
						
						
									
										52
									
								
								README.md
									
									
									
									
									
								
							| @ -14,3 +14,55 @@ In VsCode press `cmd+shif+p` and type `Spring Initilizr`. Choose next dependenci | ||||
| - Thymeleaf | ||||
| - Spring Boot DevTools | ||||
| 
 | ||||
| # Web Controller | ||||
| 
 | ||||
| In Spring’s approach to building web sites, HTTP requests are handled by a controller. You can easily identify the controller by the [`@Controller`](http://docs.spring.io/spring/docs/current/javadoc-api/org/springframework/stereotype/Controller.html) annotation. In the following example, `GreetingController` handles GET requests for `/greeting` by returning the name of a [`View`](http://docs.spring.io/spring/docs/current/javadoc-api/org/springframework/web/servlet/View.html) (in this case, `greeting`). A `View` is responsible for rendering the HTML content. The following listing (from `src/main/java/djmil/hellomvc/GreetingController.java`) shows the controller: | ||||
| 
 | ||||
| ```java | ||||
| package djmil.hellomvc; | ||||
| 
 | ||||
| import org.springframework.stereotype.Controller; | ||||
| import org.springframework.ui.Model; | ||||
| import org.springframework.web.bind.annotation.GetMapping; | ||||
| import org.springframework.web.bind.annotation.RequestParam; | ||||
| 
 | ||||
| @Controller | ||||
| public class GreetingController { | ||||
| 
 | ||||
| 	@GetMapping("/greeting") | ||||
| 	public String greeting(@RequestParam(name="name", required=false, defaultValue="World") String name, Model model) { | ||||
| 		 | ||||
| 		// NOTE: Here we can request some data from our RESTful backend as well | ||||
| 		model.addAttribute("name", name); | ||||
| 		 | ||||
| 		return "greeting"; // <<-- template | ||||
| 	} | ||||
| } | ||||
| ``` | ||||
| 
 | ||||
| This controller is concise and simple, but there is plenty going on. We break it down step by step. | ||||
| 
 | ||||
| The `@GetMapping` annotation ensures that HTTP GET requests to `/greeting` are mapped to the `greeting()` method. | ||||
| 
 | ||||
| [`@RequestParam`](http://docs.spring.io/spring/docs/current/javadoc-api/org/springframework/web/bind/annotation/RequestParam.html) binds the value of the query string parameter `name` into the `name` parameter of the `greeting()` method. This query string parameter is not `required`. If it is absent in the request, the `defaultValue` of `World` is used. The value of the `name` parameter is added to a [`Model`](http://docs.spring.io/spring/docs/current/javadoc-api/org/springframework/ui/Model.html) object, ultimately making it accessible to the view template. | ||||
| 
 | ||||
| # Model, View and a Template | ||||
| 
 | ||||
| The implementation of the `greeting()` method body relies on a view technology (in this case, [Thymeleaf](http://www.thymeleaf.org/doc/tutorials/2.1/thymeleafspring.html)) to perform server-side rendering of the HTML.  | ||||
| 
 | ||||
| > [!note] Make sure you have Thymeleaf on your classpath. Artifact co-ordinates: `org.springframework.boot:spring-boot-starter-thymeleaf` | ||||
| 
 | ||||
| Thymeleaf parses the `greeting.html` template and evaluates the `th:text` expression to render the value of the `${name}` parameter that was set in the controller. The following listing `src/main/resources/templates/greeting.html` shows the template: | ||||
| 
 | ||||
| ```html | ||||
| <!DOCTYPE HTML> | ||||
| <html xmlns:th="http://www.thymeleaf.org"> | ||||
| <head>  | ||||
|     <title>Getting Started: Serving Web Content</title>  | ||||
|     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | ||||
| </head> | ||||
| <body> | ||||
|     <p th:text="'Hello, ' + ${name} + '!'" /> | ||||
| </body> | ||||
| </html> | ||||
| ``` | ||||
							
								
								
									
										20
									
								
								src/main/java/djmil/hellomvc/GreetingController.java
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										20
									
								
								src/main/java/djmil/hellomvc/GreetingController.java
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,20 @@ | ||||
| package djmil.hellomvc; | ||||
| 
 | ||||
| import org.springframework.stereotype.Controller; | ||||
| import org.springframework.ui.Model; | ||||
| import org.springframework.web.bind.annotation.GetMapping; | ||||
| import org.springframework.web.bind.annotation.RequestParam; | ||||
| 
 | ||||
| @Controller | ||||
| public class GreetingController { | ||||
| 
 | ||||
| 	@GetMapping("/greeting") | ||||
| 	public String greeting(@RequestParam(name="name", required=false, defaultValue="World") String name, Model model) { | ||||
|          | ||||
|         // NOTE: Here we can request some data from our RESTful backend as well | ||||
|         model.addAttribute("name", name); | ||||
| 
 | ||||
|         return "greeting"; // <<-- template | ||||
|     } | ||||
| 
 | ||||
| } | ||||
							
								
								
									
										10
									
								
								src/main/resources/templates/greeting.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										10
									
								
								src/main/resources/templates/greeting.html
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,10 @@ | ||||
| <!DOCTYPE HTML> | ||||
| <html xmlns:th="http://www.thymeleaf.org"> | ||||
| <head>  | ||||
|     <title>Getting Started: Serving Web Content</title>  | ||||
|     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | ||||
| </head> | ||||
| <body> | ||||
|     <p th:text="'Hello, ' + ${name} + '!'" /> | ||||
| </body> | ||||
| </html> | ||||
		Loading…
	
		Reference in New Issue
	
	Block a user