本文对比了同一Spring MVC工程中相同页面（一个订阅表单）分别采用Thymeleaf和JSP（包括JSP、JSTL、Spring tag lib）两种方式的实现。

本文的所有代码来自一个可运行的应用。你可以从文档页面下载该应用程序的源代码。

Common requirements

顾客通过一个表单添加到消息列表中，包含下面两个域：

  • Email地址
  • 订阅类型（接收所有邮件、每日摘要）

要求该页面支持HTML5且完全国际化，国际化信息从Spring框架中配置的MessageSource对象中抽取所有的文本和消息。

该应用包含两个@Controller，二者含有相同的代码，只是跳转到不同的view：

  • SubscribeJsp用于JSP页面（subscribejsp视图）
  • SubscribeTh用于Thymeleaf页面（subscribeth视图）

在模型（model）中包含下列类：

  • Subscription：form-backing bean，包含两个域：String email和SubscriptionType subscriptionType。
  • SubscriptionType：一个枚举类型，表单中subscriptionType域的值，可取的值包含ALL_EMAILS和DAILY_DIGEST。

（本文我们仅关注JSP和Thymeleaf模板代码的讨论。如果你想了解controller代码和Spring配置的实现细节，请自行查看下载包中的源代码）

使用JSP实现（Doing it with JSP）

这是页面：

下面是JSP代码，使用了JSTL（core）和Spring（tags和form） JSP标签库：

<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form" %><%@

taglib prefix="s" uri="http://www.springframework.org/tags" %><%@

taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%@

page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html>

<html>

<head>

    <title>Spring MVC view layer: Thymeleaf vs. JSP</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <link rel="stylesheet" type="text/css" media="all" href="<s:url value='/css/thvsjsp.css' />"/>

</head>

<body>

<h2>This is a JSP</h2>

<s:url var="formUrl" value="/subscribejsp" />

<sf:form modelAttribute="subscription" action="${formUrl}">

    <fieldset>

        <div>

            <label for="email"><s:message code="subscription.email" />: </label>

            <sf:input path="email" />

        </div>

        <div>

            <label><s:message code="subscription.type" />: </label>

            <ul>

                <c:forEach var="type" items="${allTypes}" varStatus="typeStatus">

                    <li>

                        <sf:radiobutton path="subscriptionType" value="${type}" />

                        <label for="subscriptionType${typeStatus.count}">

                            <s:message code="subscriptionType.${type}" />

                        </label>

                    </li>

                </c:forEach>

            </ul>

        </div>

        <div class="submit">

            <button type="submit" name="save"><s:message code="subscription.submit" /></button>

        </div>

    </fieldset>

</sf:form>

</body>

</html>

Spring MVC视图层：thymeleaf vs. JSP的更多相关文章

  1. spring MVC 项目 WEB-INF下的jsp不能加载css文件

    一.项目目录 二.解决方法(已解决) 1. jsp文件加入 <link href="<c:url value="/css/main.css" />&qu ...

  2. [Spring MVC] - JSP + Freemarker视图解释器整合

    Spring MVC中如果只使用JSP做视图,可以使用下面这段即可解决: <!-- 视图解释类 --> <bean class="org.springframework.w ...

  3. spring mvc jsp运行不起来的问题

    spring mvc已经处理成让jsp运行,即: <bean class="org.springframework.web.servlet.view.InternalResourceV ...

  4. [Spring MVC] - JSP + Freemarker视图解释器整合(转)

    Spring MVC中如果只使用JSP做视图,可以使用下面这段即可解决: <!-- 视图解释类 --> <bean class="org.springframework.w ...

  5. Spring MVC 入门示例讲解

    在本例中,我们将使用Spring MVC框架构建一个入门级web应用程序.Spring MVC 是Spring框架最重要的的模块之一.它以强大的Spring IoC容器为基础,并充分利用容器的特性来简 ...

  6. Spring MVC 入门示例讲解 - howtodoinjava

    在本例中,我们将使用Spring MVC框架构建一个入门级web应用程序.Spring MVC 是Spring框架最重要的的模块之一.它以强大的Spring IoC容器为基础,并充分利用容器的特性来简 ...

  7. Spring学习 6- Spring MVC (Spring MVC原理及配置详解)

    百度的面试官问:Web容器,Servlet容器,SpringMVC容器的区别: 我还写了个文章,说明web容器与servlet容器的联系,参考:servlet单实例多线程模式 这个文章有web容器与s ...

  8. 【转载】Spring MVC入门

    转自:http://www.importnew.com/15141.html MVC框架是什么 模型-视图-控制器(MVC)是一个众所周知的以设计界面应用程序为基础的设计模式.它主要通过分离模型.视图 ...

  9. Spring学习之第一个Spring MVC程序（IDEA开发环境）

    回顾Java平台上Web开发历程来看,从Servlet出现开始,到JSP繁盛一时,然后是Servlet+JSP时代,最后演化为现在Web开发框架盛行的时代.一般接触到一个新的Web框架,都会想问这个框 ...

随机推荐

  1. C#利用委托跨线程更新UI数据

    转:http://www.2cto.com/kf/201206/136587.html 在使用C#的过程中,难免会用到多线程,而用多线程之后,线程如何与界面交互则是一个非常头疼的问题.其实不仅仅是界面 ...

  2. WPF与Winform的选择

    最近公司计划对ERP系统全面升级,现有的ERP是简单的bs架构系统打算改版成cs.平时如自己写一些工具,小应用都是用winform就足够.但是界面总是很难看,据了解WPF在这一方面会强一些.因为之前对 ...

  3. javaweb学习路之二--上传gitgub

    代码上传github 代码上传到github的步骤 第一步:申请github账号 https://github.com/注册账号 第二步:登录github,新建repository仓库,命名,创建 第 ...

  4. google chrome字体最小12px的问题

    解决Google浏览器不支持12px以下的字体大小的问题,有时设定了12PX,可在浏览器看时确不起作用 网络出现内核的浏览器有微软的Internet Explorer, Mozilla的Firefox ...

  5. Android中的一些基础知识（一）

    翻译自这里,并做了部分修改. 什么是Android? Android是为移动设备提供的软件,它包括操作系统.中间件.和一些关键的应用程序.应用程序执行它自己的进程和在Dalvik虚拟机中的实例. An ...

  6. CSS: inline-block的应用和float块高度塌陷

    普通流高度塌陷: 当块float浮动时,不会对块布局产生影响,块仍然会按照左右或者上下的顺序排列.但是会影响文档的排列,当文档的高度超过块的高度时,块的高度会产生塌陷现象.   高度塌陷解决方法:   ...

  7. XML 学习之保存节点

    XmlDocumnet WriteTo 方法 说明: 保存xmldocument对象节点到xmlwriter(即xml文件写入流) 实例: public static void WriteXml( X ...

  8. TC基础使用指南(基于xbeta的TC配置文件)

    所有常用目录都可以通过ctrl+d加一个或几个字母的超快捷方式直接跳转到位. 按下BackSpace键,就可以进入到上一级目录 Ctrl+q 在右侧打开左侧选定文件,再按一次Ctrl+q退出 按 Ct ...

  9. Visual Studio shortcut keys

    VS2010 快捷键   Ctrl+E,D ----格式化全部代码  Ctrl+E,F ----格式化选中的代码  CTRL + SHIFT + B生成解决方案  CTRL + F7 生成编译  CT ...

  10. python 模块BeautifulSoup使用

    BeautifulSoup是一个专门用于解析html/xml的库.官网:http://www.crummy.com/software/BeautifulSoup/ 说明,BS有了4.x的版本了.官方说 ...