3.4. View

简介:

3.4.1. Using Spring’s form tag library

3.4.1.1. css
			
	
			
			
3.4.1.1.1. cssClass

cssClass 使用该属性指定表单元素CSS样式名,相当于HTML元素的class属性

				
<form:input path="userName" cssClass="inputStyle"/>
				
				
3.4.1.1.2. cssStyle

cssStyle 直接通过该属性指定样式,相当于HTML元素的style属性

				
<form:input path="userName" cssStyle="width:100px"/>
				
				
3.4.1.1.3. cssErrorClass

cssError Class表示表单元素发生错误时对应的样式

				
<form:input path="userName" cssClass="userNameClass" cssErrorClass= "userNameClassError"/>
				
				
3.4.1.2. cssClass
			
	
			
			

3.4.2. Thymeleaf

http://thymeleaf.org/

3.4.2.1. Maven pom.xml
			
			<dependency>  
	            <groupId>org.springframework.boot</groupId>  
	            <artifactId>spring-boot-starter-thymeleaf</artifactId>  
	        </dependency>  		
			
			
3.4.2.2. Spring 配置
			
	<!-- **************************************************************** -->
	<!-- THYMELEAF-SPECIFIC ARTIFACTS -->
	<!-- TemplateResolver <- TemplateEngine <- ViewResolver -->
	<!-- **************************************************************** -->

	<bean id="templateResolver"
		class="org.thymeleaf.templateresolver.ServletContextTemplateResolver">
		<property name="prefix" value="/WEB-INF/templates/" />
		<property name="suffix" value=".html" />
		<property name="templateMode" value="HTML5" />
	</bean>

	<bean id="templateEngine" class="org.thymeleaf.spring4.SpringTemplateEngine">
		<property name="templateResolver" ref="templateResolver" />
	</bean>

	<bean class="org.thymeleaf.spring4.view.ThymeleafViewResolver">
		<property name="templateEngine" ref="templateEngine" />
	</bean>	
			
			
3.4.2.3. controller
			
package cn.netkiller.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

@Controller
@RequestMapping("/")
public class HelloController {

	@RequestMapping(value = "/{name}", method = RequestMethod.GET)
	public String getMovie(@PathVariable String name, ModelMap model) {
		model.addAttribute("name", name);
		return "hello";
	}

}			
			
			
3.4.2.4. HTML5 Template
			
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Spring MVC + Thymeleaf Example</title>
</head>
<body>
	Hello, <span th:text="${name}" />!
</body>
</html>
			
			

3.4.3. FreeMarker

http://freemarker.org/



原文出处:Netkiller 系列 手札
本文作者:陈景峯
转载请与作者联系,同时请务必标明文章原始出处和作者信息及本声明。

目录
相关文章
|
3月前
|
数据库 Python
视图(View)
【8月更文挑战第24天】
17 2
|
4月前
|
SQL 存储
第9章 视图view
第9章 视图view
29 0
view.setTag()的正确使用姿势
开发中,我们经常要进行数据的传递,会使用到view.setTag()和view.getTag()方法,主要用在view的点击事件中,可以让数据跟着view走,这种方法很方便。一般情况下给view设置一个tag就够用了,某些情况下我们需要给一个view设置多个tag,在需要的时候再分别取出来,这就需要用到view.setTag()的一个重载方法view.setTag(int key,final Object Tag)了。
|
容器 数据安全/隐私保护 JavaScript
View组件
一、使用方法 view组件是最常用的,也是最简单的视图容器。它是一个块级容器组件,它没有特殊的功能,主要用于布局展示,是布局中最基本的UI组件。几乎所有复杂的布局都可以通过嵌套view来实现。 view除了公共属性之外,还有以下几个私有属性 属性名 类型 默认值 说明hover-.
3039 0
|
容器
Scroll-view
Scroll-view一、使用方法 当在容器内放置一个很大的组件时,我们期望容器具有滚动的功能,例如我们在浏览网页的时候,必须滚动才可以看到全部内容。小程序提供了scroll-view组件,可以实现横向、纵向滚动,它的自定义属性如下: 属性名类型默认值说明scroll-xBooleanfalse允.
2201 0
|
前端开发 Java Spring