[Spring]第3週-Mustace構成画面を使用

テンプレートエンジン

麝香草

index.ひげが生える

Web/Index Controlクラスの作成

@GetMapping("/")
    public String index() {
        return "index";
    }

テスト

投稿登録画面の実装

ブートストラップとjクエリーの関係(ブートストラップを実行できるのはjクエリーのみ)

{{>layout/header}}
    <h1>스프링 부트로 시작하는 웹 서비스</h1>
    <div class="col-md-12">
        <div class="row">
            <div class="col-md-6">
                <a href="/posts/save" role="button" class="btn btn-primary">글 등록</a>
            </div>
        </div>
    </div>
{{>layout/footer}}

IndexControllerクラスに追加

...
@GetMapping("/posts/save")
    public String postsSave() {
        return "posts-save";
    }
...

posts-save.ひげを作成してサーバーを実行

登録投稿のAPIの追加

完全なクエリー機能の実現

public interface PostsRepository extends JpaRepository<Posts, Long> {
    @Query("SELECT p FROM Posts p ORDER BY p.id DESC")
    List<Posts> findAllDesc();
}

@RequiredArgsConstructor
@Service
public class PostsService {
    private final PostsRepository postsRepository;
    ...
    @Transactional(readOnly = true)
    public List<PostsListResponseDto> findallDesc() {
        return postsRepository.findAllDesc().stream()
        	.map(PostsListResponseDto::new)
        	.collect(Collectors.toList());
    }
}

private final PostsService postsService;

@GetMapping("/")
public String index(Model model) { // 서버 템플릿 엔진에서 사용할 수 있는 객체를 저장
    model.addAttribute("posts", postsService.findAllDesc());
    return "index";
}