SpringBoot从安装到实战(六)图书管理系统-整合Thymeleaf制作展示页面

SpringBoot从安装到实战(六)图书管理系统-整合Thymeleaf制作展示页面

前篇

SpringBoot从安装到实战(五)图书管理系统-利用Spring Data自动建表以及完成增删改查

前言

在前篇中,我们完成了数据库表的创建,实体类,Dao接口的开发,接下来,我们将要通过编写业务,编写控制器以及使用Thymeleaf完成图书管理系统首页的展示功能。

正式开发

编写书本业务

package zyd.service;

import java.util.List;
import zyd.entity.Book;

/**
 * <p>
 * Title: BookService
 * </p>
 * <p>
 * Description: 书本业务
 * </p>
 * @author zyd
 * <p>
 * 创建日期:2020年4月14日
 * </p>
 */
public interface BookService {

  List<Book> getBooks();
}

编写书本业务实例

package zyd.service.impl;

import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import zyd.dao.BookDao;
import zyd.entity.Book;
import zyd.service.BookService;

/**
 * 
 * <p>
 * Title: BookServiceImpl
 * </p>
 * <p>
 * Description: 书本业务实例
 * </p>
 * @author zyd
 * <p>
 * 创建日期:2020年4月14日
 * </p>
 */
@Service
public class BookServiceImpl implements BookService {

  @Autowired
  private BookDao bookdao;

  @Override
  public List<Book> getBooks() {

    return bookdao.findAll();
  }

}
注解解释
  1. @Service 用来标注业务层组件并定义一个bean
  2. @Autowired 根据类型自动装配相应实例

编写控制器


package zyd.web;

import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import zyd.entity.Book;
import zyd.service.BookService;

/**
 * <p>
 * Title: BookController
 * </p>
 * <p>
 * Description: BookController
 * </p>
 * @author zyd
 * <p>
 * 创建日期:2020年4月14日
 * </p>
 */
@Controller
@RequestMapping("/books")
public class BookController {
  @Autowired
  private BookService bookService;

  @ModelAttribute("books")
  private List<Book> allBooks() {
    return bookService.getBooks();
  }

  @GetMapping
  public String bookPage(@ModelAttribute("books") List<Book> books) {
    // 前往 /templates/books.html
    return "books";
  }
}

注解解释
  1. @Controller 标记一个控制器

  2. @RequestMapping 限定url映射,标明此控制器或函数只支持此路径下的url请求

  3. @ModelAttribute 在本例中你可以看到控制器内有两处地方用了这个注解 它的作用在于可以将相应名称的model对象绑定到视图页面上
    allBooks()函数用来返回model对象 bookPage函数参数中用于添加进视图

    相当于

      @GetMapping
      public String bookPage(Model model) {
        // 前往 /templates/books.html
      model.addAttribute("books",bookService.getBooks());
        return "books";
      }
    
  4. @GetMapping 相当于@RequestMapping(value="",method=RequestMethod.GET)意在约定只处理GET类型的请求方法

编写视图页面

books.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<table border="1">
		<thead>
			<tr>
				<th>bookName</th>
				<th>author</th>
			</tr>
		</thead>
	<tbody>
		<tr th:each="book:${books}">
		<th th:text="${book.bookName}"/>
		<th th:text="${book.author}"/>
		</tr>
	</tbody>
	</table>
</body>
</html>

运行

在这里插入图片描述

完整目录

在这里插入图片描述

在这里插入图片描述

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值