springboot中,使用freemarker模板
程序员文章站
2022-06-22 16:11:10
...
项目用的是springboot,首先在maven的pom文件中,添加如下依赖:
编写对应的控制层:
编写对应的模板list.ftl
启动项目:访问/sell/seller/order/list,展示出如下页面:
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-freemarker</artifactId> </dependency>
编写对应的控制层:
@RestController @RequestMapping("/seller/product") public class SellProductController { @Autowired private ProductInfoService productService; @SuppressWarnings("deprecation") @GetMapping("/list") public ModelAndView list(@RequestParam(value = "page", defaultValue = "1") Integer page, @RequestParam(value = "size", defaultValue = "10") Integer size, Map<String, Object> map) { PageRequest request = new PageRequest(page - 1, size); Page<ProductInfo> productInfoPage = productService.findAll(request); map.put("productInfoPage", productInfoPage); map.put("currentPage", page); map.put("size", size); return new ModelAndView("product/list", map); } }
编写对应的模板list.ftl
<html> <head> <meta charset="utf-8"> <title>卖家后端管理系统</title> <link href="https://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="/sell/css/style.css"> </head> <body> <div id="page-content-wrapper"> <div class="container-fluid"> <div class="row clearfix"> <div class="col-md-12 column"> <table class="table table-bordered table-condensed"> <thead> <tr> <th>订单id</th> <th>姓名</th> <th>手机号</th> <th>地址</th> <th>金额</th> <th>订单状态</th> <th>支付状态</th> <th>创建时间</th> <th colspan="2">操作</th> </tr> </thead> <tbody> <#list orderDTOPage.content as orderDTO> <tr> <td>${orderDTO.orderId}</td> <td>${orderDTO.buyerName}</td> <td>${orderDTO.buyerPhone}</td> <td>${orderDTO.buyerAddress}</td> <td>${orderDTO.orderAmount}</td> <td>${orderDTO.getOrderStatusEnum().message}</td> <td>${orderDTO.getPayStatusEnum().message}</td> <td>${orderDTO.createTime}</td> <td><a href="/sell/seller/order/detail?orderId=${orderDTO.orderId}">详情</a></td> <td> <#if orderDTO.getOrderStatusEnum().message == "新订单"> <a href="/sell/seller/order/cancel?orderId=${orderDTO.orderId}">取消</a> </#if> </td> </tr> </#list> </tbody> </table> </div> <#--分页--> <div class="col-md-12 column"> <ul class="pagination pull-right"> <#if currentPage lte 1> <li class="disabled"><a href="#">上一页</a></li> <#else> <li><a href="/sell/seller/order/list?page=${currentPage - 1}&size=${size}">上一页</a></li> </#if> <#list 1..orderDTOPage.getTotalPages() as index> <#if currentPage == index> <li class="disabled"><a href="#">${index}</a></li> <#else> <li><a href="/sell/seller/order/list?page=${index}&size=${size}">${index}</a></li> </#if> </#list> <#if currentPage gte orderDTOPage.getTotalPages()> <li class="disabled"><a href="#">下一页</a></li> <#else> <li><a href="/sell/seller/order/list?page=${currentPage + 1}&size=${size}">下一页</a></li> </#if> </ul> </div> </div> </div> </div> </body> </html>
启动项目:访问/sell/seller/order/list,展示出如下页面: