综合运用Spring Boot起步脚手架,Thymeleaf,Lombok,Webjars练习

项目说明:

自行设计一个网页,做展示。效果如图:


综合运用Spring Boot起步脚手架,Thymeleaf,Lombok,Webjars练习_第1张图片
效果图

一、新建一个项目


综合运用Spring Boot起步脚手架,Thymeleaf,Lombok,Webjars练习_第2张图片
项目列表

二、添加依赖

org.projectlombok

lombok

1.16.10

!--thymeleaf模板引擎依赖--

org.springframework.boot

spring-boot-starter-thymeleaf

org.springframework.boot

spring-boot-starter-web

org.webjars

bootstrap

3.3.7-1

三、建类

①book类:

import lombok.EqualsAndHashCode;

import lombok.Getter;

import lombok.Setter;

import lombok.ToString;

import org.springframework.context.annotation.Configuration;

@Setter

@Getter

@ToString

@EqualsAndHashCode

@Configuration

public class Book {

private Stringname;

private Stringavatar;

private Stringinfo;

private Stringauthor;

private Stringtype;

}

②IndexController类:

import com.demo.demo.bean.Book;

import com.demo.demo.bean.Student;

import org.springframework.stereotype.Controller;

import org.springframework.ui.ModelMap;

import org.springframework.web.bind.annotation.GetMapping;

import javax.annotation.Resource;

import java.util.ArrayList;

import java.util.List;

@Controller

public class IndexController {

//注入了一个对象,被Spring容器托管--bean

@Resource

    private Listbooklist;

//    @RequestMapping(value = "/index",method = RequestMethod.GET)

@GetMapping("list")

public String list(ModelMap map){

booklist=new ArrayList<>();

Book book=new Book();

book.setAvatar("http://img3.imgtn.bdimg.com/it/u=97813885,3913787492&fm=26&gp=0.jpg");

book.setName("白金数据");

book.setAuthor("东野圭吾");

book.setType("悬疑、推理、犯罪");

book.setInfo("以防止犯罪为目的,管理受刑人和国民DNA情报的DNA法案在国会表决通过," +

"警察署导入DNA搜查系统,由特殊解析研究所主任神乐龙平负责操作。" +

"这时发生了一起连环杀人案,凶手似乎是在嘲笑DNA搜索系统,搜索结果竟然是“Not Found”。" +

"更坏的噩梦来临:搜索系统的发明者被杀,对现场遗留的毛发进行DNA配对后,结果竟然指向神乐龙平。");

Book book1=new Book();

book1.setAvatar("http://m.360buyimg.com/n12/g14/M02/19/0B/rBEhVlJ0pqYIAAAAAAFKIqly09kAAE81gOSvIwAAUo6989.jpg%21q70.jpg");

book1.setName("昆虫记");

book1.setAuthor("让-亨利·卡西米尔·法布尔");

book1.setType("生物学");

book1.setInfo("该作品是一部概括昆虫的种类、特征、习性和婚习的昆虫生物学著作,记录了昆虫真实的生活," +

"表述的是昆虫为生存而斗争时表现出的灵性,还记载着法布尔痴迷昆虫研究的动因、生平抱负、知识背景、" +

"生活状况等等内容。作者将昆虫的多彩生活与自己的人生感悟融为一体,用人性去看待昆虫," +

"字里行间都透露出作者对生命的尊敬与热爱。");

Book book2=new Book();

book2.setAvatar("http://photocdn.sohu.com/20121109/Img357107336.jpg");

book2.setName("蛙");

book2.setAuthor("莫言");

book2.setType("长篇小说");

book2.setInfo("《蛙》是中国当代作家莫言创作的长篇小说。这部小说以新中国近60年波澜起伏的农村生育史为背景," +

"讲述了从事妇产科工作50多年的乡村女医生万心的人生经历,也反映出中国计划生育的艰难历程。" +

"小说秉承了作者乡土文学的一贯风格,以细腻的笔触、朴实的文字落脚于中国社会的一隅。");

Book book3=new Book();

book3.setAvatar("http://mall5.qiyipic.com/mall/20171026/34/d5/mall_59f1b41214d4556194f134d5_1x1.jpg");;

book3.setName("白鹿原");

book3.setAuthor("陈忠实");

book3.setType("民族秘史");

book3.setInfo("该小说以陕西关中地区白鹿原上白鹿村为缩影," +

"通过讲述白姓和鹿姓两大家族祖孙三代的恩怨纷争," +

"表现了从清朝末年到二十世纪七八十年代长达半个多世纪的历史变化。");

booklist.add(book);

booklist.add(book1);

booklist.add(book2);

booklist.add(book3);

map.addAttribute("booklist",booklist);

//        map.addAttribute("books",book);

        return "list";

}

}

四、调取数据,排版样式

list.html:


综合运用Spring Boot起步脚手架,Thymeleaf,Lombok,Webjars练习_第3张图片
上半部分


综合运用Spring Boot起步脚手架,Thymeleaf,Lombok,Webjars练习_第4张图片
下半部分

五、总结

最后的运行结果就是如开头的效果一样。总的来说,复习了上一周的学习内容,虽然涉及的不算广泛也不深入,但是这也是算一个简单回顾。后面多多了解,学习。

你可能感兴趣的:(综合运用Spring Boot起步脚手架,Thymeleaf,Lombok,Webjars练习)