SpringMVC 中的视图如何使用 Velocity

简介: SpringMVC 中的视图如何使用 Velocity

SpringMVC 中的视图如何使用 Velocity


介绍


在 SpringMVC 中,我们可以使用多种视图技术来渲染响应数据。其中,Velocity 是一种流行的模板引擎,它可以将模板文件和数据结合起来,生成最终的 HTML 页面。本文将介绍如何在 SpringMVC 中使用 Velocity 视图。


image.png


准备工作


在开始之前,需要进行一些准备工作:


1.添加 SpringMVC 和 Velocity 的依赖

在 pom.xml 文件中添加以下依赖:


<!-- SpringMVC -->
<dependency>
    <groupId>org.springframework</groupId>
    <artifactId>spring-webmvc</artifactId>
    <version>5.3.8</version>
</dependency>
<!-- Velocity -->
<dependency>
    <groupId>org.apache.velocity</groupId>
    <artifactId>velocity-engine-core</artifactId>
    <version>2.3.0</version>
</dependency>

2.配置 SpringMVC

在 SpringMVC 的配置文件中添加以下配置:


<!-- 配置视图解析器 -->
<bean id="viewResolver" class="org.springframework.web.servlet.view.velocity.VelocityViewResolver">
    <property name="cache" value="true"/>
    <property name="prefix" value="/WEB-INF/views/"/>
    <property name="suffix" value=".vm"/>
    <property name="contentType" value="text/html;charset=UTF-8"/>
    <property name="exposeSpringMacroHelpers" value="true"/>
    <property name="exposeRequestAttributes" value="true"/>
    <property name="exposeSessionAttributes" value="true"/>
    <property name="toolAttributeNames" value="dateTool, numberTool"/>
    <property name="order" value="1"/>
</bean>
<!-- 配置 Velocity 模板引擎 -->
<bean id="velocityConfigurer" class="org.springframework.web.servlet.view.velocity.VelocityConfigurer">
    <property name="resourceLoaderPath" value="/WEB-INF/views/"/>
    <property name="velocityProperties">
        <props>
            <prop key="input.encoding">UTF-8</prop>
            <prop key="output.encoding">UTF-8</prop>
            <prop key="resource.loader">class</prop>
            <prop key="class.resource.loader.class">org.apache.velocity.runtime.resource.loader.ClasspathResourceLoader</prop>
        </props>
    </property>
</bean>

在上面的配置中,我们使用了 VelocityViewResolver 和 VelocityConfigurer 两个类来配置 Velocity 视图解析器和模板引擎。


创建 Velocity 模板文件


在 src/main/webapp/WEB-INF/views 目录下创建一个名为 hello.vm 的文件,内容如下:


<!DOCTYPE html>
<html>
<head>
    <title>Hello, Velocity!</title>
</head>
<body>
    <h1>Hello, ${name}!</h1>
    <p>Today is ${date}.</p>
</body>
</html>

在上面的模板文件中,我们使用了 Velocity 的语法来插入变量。${name} 和 ${date} 分别表示从后端传递过来的 name 和 date 变量的值。


创建控制器


在 src/main/java 目录下创建一个名为 HelloController 的控制器,内容如下:

@Controller
public class HelloController {
    @RequestMapping(value = "/hello", method = RequestMethod.GET)
    public ModelAndView hello(@RequestParam("name") String name) {
        ModelAndView modelAndView = new ModelAndView("hello");
        modelAndView.addObject("name", name);
        modelAndView.addObject("date", new Date());
        return modelAndView;
    }
}

在上面的控制器中,我们使用了 @Controller 和 @RequestMapping 注解来定义一个处理 HTTP GET 请求的方法。该方法接收一个名为 name 的请求参数,并将其与当前日期一起传递给 hello 视图。


运行应用程序


现在,我们可以启动应用程序并访问 http://localhost:8080/hello?name=World,就可以看到渲染后的页面了。


总结


在本文中,我们介绍了如何在 SpringMVC 中使用 Velocity 视图。首先,我们添加了 SpringMVC 和 Velocity 的依赖,并配置了视图解析器和模板引擎。然后,我们创建了一个 Velocity 模板文件,用于渲染最终的 HTML 页面。最后,我们创建了一个控制器,将数据传递给 Velocity 模板文件,并渲染最终的页面。


使用 Velocity 视图可以使我们更容易地编写 HTML 页面,同时也可以将页面和数据分离开来,使代码更易于维护和修改。在实际开发中,我们可以根据需要选择不同的视图技术,以便更好地满足需求


相关文章
|
前端开发 Java Spring
SpringMVC 中的视图如何使用 Thymeleaf
SpringMVC 中的视图如何使用 Thymeleaf
|
Java Spring
Velocity笔记--使用Velocity获取动态Web项目名的问题
  以前使用jsp开发的时候,可以通过request很轻松的获取到根项目名,现在换到使用velocity渲染视图,因为已经不依赖servlet,request等一些类的环境,而Web项目的根项目名又不是写死的,需要动态获取,这时候该怎么办呢,试了网上说了很多种方式,总结一下心得.
1027 0
|
前端开发 Java Apache
第6章—渲染web视图—使用Apache Tiles视图定义布局
使用Apache Tiles视图定义布局 Tiles是一个免费的开源模板Java应用程序的框架。基于复合模式简化的用户界面的构建。对于复杂的网站仍是最简单、最优雅的方式与任何MVC技术一起工作。
1314 0
|
JavaScript Java
记一次在webx中velocity新建自定义指令的过程
### 记一次在webx中velocity新建自定义指令的过程 ![screenshot](http://img2.tbcdn.cn/L1/461/1/b59c6597d3f90168126d63ebc63f967ef1dc348f) webx和velocity就不介绍了。 都很熟悉。本文是记录在webx中增加唉velocity自定义指令的方法。 起因是在velocity渲染模板的时候
4082 0
|
XML 前端开发 Java
【Spring】渲染Web视图
前面学习了编写Web请求的控制器,创建简单的视图,本篇博文讲解控制器完成请求到结果渲染到用户的浏览器的过程。
187 0
|
前端开发 Java 容器
Spring Web MVC框架(四) 视图和视图解析
视图解析器 在Spring中视图相关的两个接口是ViewResolver和View两个接口,ViewResolver用于视图名称和实际视图之间的映射,View接口用于准备和传递数据到实际的视图。
966 0
|
前端开发 Java Go
第6章—渲染web视图—使用Thymeleaf
使用Thymeleaf 长期以来,jsp在视图领域有非常重要的地位,随着时间的变迁,出现了一位新的挑战者:Thymeleaf,Thymeleaf是原生的,不依赖于标签库.
1044 0
|
9月前
|
Java
Springboot视图解析与模板引擎~
Springboot视图解析与模板引擎~
|
8月前
4.springboot视图渲染技术
4.springboot视图渲染技术
37 0

热门文章

最新文章