第10讲 使用ThymeLeaf模板实现查看页面

续 第09讲 连接到数据库

1 修改ProductController控制器

代码如下：

package com.zjipc.jpa.controller;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import com.zjipc.jpa.dao.ProductRepository;
import com.zjipc.jpa.model.Product;

@Controller
@RequestMapping("/product")
public class ProductController {
	@Autowired
	private ProductRepository productRepository;
	
	/**
	 * 拦截 /product/list 的post请求，返回数据
	 * @RestController =@Controller + @ResponseBody
	 * @return
	 */
	@PostMapping("/list")
	@ResponseBody
	public List list(){
		List list = productRepository.findAll();
		return list;
	}
	
	/**
	 * 捕捉通过Get请求，得到页面内容
	 * @param id
	 * @param map
	 * @return
	 */
	@GetMapping("/detail/{id}")
	public String getDetail(@PathVariable long id, ModelMap map) {
		Product p = productRepository.getOne(id);
		map.addAttribute("id", id);
		map.addAttribute("name", p.getName());
		map.addAttribute("price", p.getPrice());
		map.addAttribute("category", p.getCategory());
		map.addAttribute("pnum", p.getPnum());
		map.addAttribute("imgurl", p.getImgurl());
		map.addAttribute("description", p.getDescription());
		return "/product/detail";
	}
}

2 完成商品展示页面

在src/main/resources目录下的templates文件夹中，新建目录product，然后在该目录中，新建html页面，嵌入ThymeLeaf代码如下：

	

		

			

				我的书城
			
			

				

					
全部图书 (current)
					
计算机
					
文学
				
				

					

						
					
					搜索
					添加
				
			
		
	
	

		

			

				

				

					

						

							
书名：
							
书名
						
						

							
价格：
							
价格
						
						

							
种类：
							
种类
						
						

							
数量：
							
数量
						
						

							
简介：
							
简介
						
						

							
返回
						
					
				
			
		
	

3 浏览器查看运行结果