脚本视图

要求

在 Reactive 堆栈中查看 equivalentspring-doc.cadn.net.cn

您需要在 Classpath 上具有脚本引擎，其详细信息因脚本引擎而异：spring-doc.cadn.net.cn

您需要有脚本模板库。对 JavaScript 执行此作的一种方法是 通过 WebJars 进行。spring-doc.cadn.net.cn

脚本模板

在 Reactive 堆栈中查看 equivalentspring-doc.cadn.net.cn

您可以声明ScriptTemplateConfigurerbean 指定要使用的脚本引擎， 要加载的脚本文件、要调用的函数来渲染模板，等等。 以下示例使用 Mustache 模板和 Nashorn JavaScript 引擎：spring-doc.cadn.net.cn

@Configuration
@EnableWebMvc
public class WebConfig implements WebMvcConfigurer {

	@Override
	public void configureViewResolvers(ViewResolverRegistry registry) {
		registry.scriptTemplate();
	}

	@Bean
	public ScriptTemplateConfigurer configurer() {
		ScriptTemplateConfigurer configurer = new ScriptTemplateConfigurer();
		configurer.setEngineName("nashorn");
		configurer.setScripts("mustache.js");
		configurer.setRenderObject("Mustache");
		configurer.setRenderFunction("render");
		return configurer;
	}
}
@Configuration
@EnableWebMvc
class WebConfig : WebMvcConfigurer {

	override fun configureViewResolvers(registry: ViewResolverRegistry) {
		registry.scriptTemplate()
	}

	@Bean
	fun configurer() = ScriptTemplateConfigurer().apply {
		engineName = "nashorn"
		setScripts("mustache.js")
		renderObject = "Mustache"
		renderFunction = "render"
	}
}

下面的示例显示了 XML 中的相同排列：spring-doc.cadn.net.cn

<mvc:annotation-driven/>

<mvc:view-resolvers>
	<mvc:script-template/>
</mvc:view-resolvers>

<mvc:script-template-configurer engine-name="nashorn" render-object="Mustache" render-function="render">
	<mvc:script location="mustache.js"/>
</mvc:script-template-configurer>

对于 Java 和 XML 配置，控制器看起来没有什么不同，如下例所示：spring-doc.cadn.net.cn

@Controller
public class SampleController {

	@GetMapping("/sample")
	public String test(Model model) {
		model.addAttribute("title", "Sample title");
		model.addAttribute("body", "Sample body");
		return "template";
	}
}
@Controller
class SampleController {

	@GetMapping("/sample")
	fun test(model: Model): String {
		model["title"] = "Sample title"
		model["body"] = "Sample body"
		return "template"
	}
}

以下示例显示了 Mustache 模板：spring-doc.cadn.net.cn

<html>
	<head>
		<title>{{title}}</title>
	</head>
	<body>
		<p>{{body}}</p>
	</body>
</html>

使用以下参数调用 render 函数：spring-doc.cadn.net.cn

Mustache.render()与此签名本机兼容，因此您可以直接调用它。spring-doc.cadn.net.cn

如果您的模板技术需要一些自定义，则可以提供一个脚本，该脚本 实现自定义 render 函数。例如，Handlerbars 需要在使用模板之前编译模板，并且需要一个 polyfill 来模拟一些 服务器端脚本引擎中不可用的浏览器工具。spring-doc.cadn.net.cn

以下示例显示了如何执行此作：spring-doc.cadn.net.cn

@Configuration
@EnableWebMvc
public class WebConfig implements WebMvcConfigurer {

	@Override
	public void configureViewResolvers(ViewResolverRegistry registry) {
		registry.scriptTemplate();
	}

	@Bean
	public ScriptTemplateConfigurer configurer() {
		ScriptTemplateConfigurer configurer = new ScriptTemplateConfigurer();
		configurer.setEngineName("nashorn");
		configurer.setScripts("polyfill.js", "handlebars.js", "render.js");
		configurer.setRenderFunction("render");
		configurer.setSharedEngine(false);
		return configurer;
	}
}
@Configuration
@EnableWebMvc
class WebConfig : WebMvcConfigurer {

	override fun configureViewResolvers(registry: ViewResolverRegistry) {
		registry.scriptTemplate()
	}

	@Bean
	fun configurer() = ScriptTemplateConfigurer().apply {
		engineName = "nashorn"
		setScripts("polyfill.js", "handlebars.js", "render.js")
		renderFunction = "render"
		isSharedEngine = false
	}
}
设置sharedEngineproperty 设置为false在使用非线程安全时是必需的 具有非并发性模板库的脚本引擎，例如 Handlebars 或 React 在 Nashorn 上运行。在这种情况下，由于此错误，需要 Java SE 8 Update 60，但通常是 建议在任何情况下使用最新的 Java SE 补丁版本。

polyfill.js仅定义window对象才能正常运行，如下所示：spring-doc.cadn.net.cn

var window = {};

这个基本render.jsimplementation 在使用模板之前对其进行编译。生产就绪型 implementation 还应存储任何重复使用的缓存模板或预编译的模板。 您可以在脚本端执行此作（并处理您需要的任何自定义 — 管理 模板引擎配置）。以下示例显示了如何执行此作：spring-doc.cadn.net.cn

function render(template, model) {
	var compiledTemplate = Handlebars.compile(template);
	return compiledTemplate(model);
}

查看 Spring Framework 单元测试、Java 和资源。 了解更多配置示例。spring-doc.cadn.net.cn