Ch11: Thymeleaf Views

Question 1

Define template

Answer 1

Provides general structure for a web page. Editing a template modifies all pages using the template.

Question 2

A template represents a ____ in MVC

Answer 2

view

Question 3

What information does the following line in a thymeleaf template provide?

Answer 3

xmlns provides the syntax to IDE that will be used by the template

Question 4

In a method that sends data to a template:

A ___ parameter is an object that stores the variable names and values passed into a template

Answer 4

model

Ex: public String methodName(Model model) {}

Question 5

In a method that sends data to a template:

____ statements add data to the model object

Answer 5

addAttribute

Ex: model.addAttribute(“variableName”, variableValue);

Question 6

In a method that sends data to a template:

___ contains the path and file name for the desired template

Answer 6

return string

Ex: dogs.html in animals subfolder = “animals/dogs”

Question 7

Thymeleaf commands appear as ____ in standard HTML tags

Answer 7

attributes

Question 8

The data available to a template includes variables and values stored in the ____ objects, and are accessible with by syntax ____.

Answer 8

model, ${variableName}

Question 9

Describe the use of default text in a template

Answer 9

Help visualize planned layout for the webpage while under development. It improves readability, and indicates what data will appear in each section

Question 10

What is th used for in the following statement:

Answer 10

prefix indicates beginning of a thymeleaf command

Question 11

What does the following code achieve in thymeleaf?

th:each = “variableName : ${collectionName}”

Answer 11

Iterates through a collection. Repeats tag that contains th:each statement

Question 12

${ } This syntax indicates what?

Answer 12

Data provided by controller/model object that is referenced by the template.

Question 13

th:block is a Thymeleaf _____ which allows application of a Thymeleaf attribute to a block of code

Answer 13

element

Question 14

Does th:block get rendered in the view?

Answer 14

No

Question 15

List some benefits of using th:block

Answer 15

• helps clarify HTML code by placing related Thymeleaf attributes into separate tags
• can group together tags you want to be displayed in a given order (ex. heading/paragraph pair)
• can set up nested loops

Question 16

Define fragments

Answer 16

Blocks of HTML elements we want to use across multiple templates

Question 17

Bootstrap

Answer 17

Commonly used style library. Allows quick application of CSS style rules with class selectors

Question 18

Write the syntax for including a conditional in Thymeleaf

Answer 18

th: if = “${condition}”

- Condition is boolean variable from controller or expression evaluating to a boolean

Question 19

When is the following attribute considered truthy?

th:if = “${condition}”

Answer 19

• If condition is boolean true
• If condition is nonzero # or char
• If condition is string that isn’t “false”, “off”, or “no”
• If condition is data type other than boolean, number, character, or String

Question 20

Function of th:unless statement?

Answer 20

element is created if condition evaluates to false

Question 21

Logical AND = ____
Logical OR = ____
Logical NOT = ____, ____

Answer 21

and
or
!, not

Question 22

What are fragments?

Answer 22

blocks of HTML elements we want to use across multiple templates

Question 23

Use of th:remove attribute?

Answer 23

Selectively remove elements. ex: discard wrapper tag, but not its children

Question 24

Use of th:replace attribute?

Answer 24

Inject fragment, replacing tag where this attribute is used

Question 25

Describe function of following code:

<li>

Answer 25

Value of event variable will be inserted between list closing and opening tag in HTML by thymeleaf

Question 26

What is the HTML element used for?

Answer 26

Indicates navigational links will be included in this section of the webpage

Question 27

When can you leave off the action attribute in a form tag?

Answer 27

When you want the form to submit to the same route that the form was rendered at

Question 28

Declare a ____ object to declare data that needs to be passed into the template

Answer 28

Model

Question 29

Bootstrap

Answer 29

Commonly used style library allowing users to apply CSS style rules with class selectors

Question 30

Describe difference between href and src

Answer 30

href specifies the location (URL) of a resource, that an anchor element points to, or the location of a linked resource, like a stylesheet. src attribute is used to embed a resource - usually URLs - into a document, think embedded images ( <img></img> ) and tags.

Question 31

References to static resources are typically included in the ____ of the web page

Answer 31

Head

Question 32

Define CDN

Answer 32

Content delivery network. Linking to a CDN allows you to take advantage of a publicly available library without downloading the entire codebase. (ex: can incorporate Bootstrap in this manner)

Question 33

Bootstrap uses a ___ system of elements labelled ____ and ____ that respond dynamically to the state of a web page

Answer 33

grid, containers, rows