本文详细介绍了如何使用Spring MVC对接Twitter，包括使用WebJars设计视图，利用thymeleaf-layout-dialect实现布局，创建searchPage和resultPage视图展示搜索结果，以及项目结构的展示。通过WebJars增强了界面美观性，layout设计减少了代码重复。
在上一节中，我们添加了控制层的相关逻辑处理。这样的话我们的应用程序 是还没有完善的，我们还需要添加视图层才可行。为了美观，我们在这里用了WebJars的架包，所以我们要先了解这个技术。
1.使用WebJars来设计视图
接下来的视图设计中，我们将会应用一个很好的框架，它是由CSS和JavaScript响应的框架，读者可以登录http://materializecss.com这个网站去了解。好看的视图页面如下：
如果我们想使用个框架，那么我们需要在我们自己的项目的文件build.gradel文件中添加对应的架包。
compile 'org.webjars:materializecss:0.96.0'
compile 'org.webjars:jquery:2.1.4'
在使用的页面中，我们需要添加下面的代码，说明是使用CSS的部分。
<link href="/webjars/materializecss/0.96.0/css/materialize.css"
type="text/css" rel="stylesheet" media="screen,projection"/>
2.使用layouts
layouts的设计的目的是减少代码的重复，换句话说就是将重复利用的代码统一封装起来。为了达到这样的目的，我们将用到thymeleaf-layout-dialect的依赖架包，这个架包主要包含spring-boot-starter-thymeleaf这个的依赖在我们项目中。
我们将文件有名字称为default.html，并将它放到src/main/resource/templates/layout下。下面是它包含的代码。
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ult
最低0.47元/天 解锁文章
扫一扫
5816
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
