• UID20909
  • 登录2018-02-12
  • 粉丝1
  • 关注0
  • 发帖63
  • 主页
  • 金币191枚
qq_FesfJyH15113 发布于2018-02-09 11:23
1/41

企业分布式微服务云SpringCloud SpringBoot mybatis (四)Spring Boot开发Web应用

楼层直达


静态资源访问

在我们开发Web应用的时候,需要引用大量的js、css、图片等静态资源。


默认配置

Spring Boot默认提供静态资源目录位置需置于classpath下,目录名需符合如下规则:
  • /static
  • /public
  • /resources
  • /META-INF/resources
举例:我们可以在src/main/resources/目录下创建static,在该位置放置一个图片文件。启动程序后,尝试访问http://localhost:8080/D.jpg。如能显示图片,配置成功。


渲染Web页面

在之前的示例中,我们都是通过@RestController来处理请求,所以返回的内容为json对象。那么如果需要渲染html页面的时候,要如何实现呢?


模板引擎

在动态HTML实现上Spring Boot依然可以完美胜任,并且提供了多种模板引擎的默认配置支持,所以在推荐的模板引擎下,我们可以很快的上手开发动态网站。
Spring Boot提供了默认配置的模板引擎主要有以下几种:
  • Thymeleaf
  • FreeMarker
  • Velocity
  • Groovy
  • Mustache
Spring Boot建议使用这些模板引擎,避免使用JSP,若一定要使用JSP将无法实现Spring Boot的多种特性,具体可见后文:支持JSP的配置
当你使用上述模板引擎中的任何一个,它们默认的模板配置路径为:src/main/resources/templates。当然也可以修改这个路径,具体如何修改,可在后续各模板引擎的配置属性中查询并修改。


Thymeleaf

Thymeleaf是一个XML/XHTML/HTML5模板引擎,可用于Web与非Web环境中的应用开发。它是一个开源的Java库,基于Apache License 2.0许可,由Daniel Fernández创建,该作者还是Java加密库Jasypt的作者。
Thymeleaf提供了一个用于整合Spring MVC的可选模块,在应用开发中,你可以使用Thymeleaf来完全代替JSP或其他模板引擎,如Velocity、FreeMarker等。Thymeleaf的主要目标在于提供一种可被浏览器正确显示的、格式良好的模板创建方式,因此也可以用作静态建模。你可以使用它创建经过验证的XML与HTML模板。相对于编写逻辑或代码,开发者只需将标签属性添加到模板中即可。接下来,这些标签属性就会在DOM(文档对象模型)上执行预先制定好的逻辑。
示例模板:
<table>
  <thead>
    <tr>
      <th th:text="#{msgs.headers.name}">Name</td>
      <th th:text="#{msgs.headers.price}">Price</td>
    </tr>
  </thead>
  <tbody>
    <tr th:each="prod : ${allProducts}">
      <td th:text="${prod.name}">Oranges</td>
      <td th:text="${#numbers.formatDecimal(prod.price,1,2)}">0.99</td>
    </tr>
  </tbody>
</table>

可以看到Thymeleaf主要以属性的方式加入到html标签中,浏览器在解析html时,当检查到没有的属性时候会忽略,所以Thymeleaf的模板可以通过浏览器直接打开展现,这样非常有利于前后端的分离。
在Spring Boot中使用Thymeleaf,只需要引入下面依赖,并在默认的模板路径src/main/resources/templates下编写模板文件即可完成。
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

在完成配置之后,举一个简单的例子,在快速入门工程的基础上,举一个简单的示例来通过Thymeleaf渲染一个页面。
@Controller
public class HelloController {
 
    @RequestMapping("/")
    public String index(ModelMap map) {
        // 加入一个属性,用来在模板中读取
        map.addAttribute("host", "http://blog.didispace.com");
        // return模板文件的名称,对应src/main/resources/templates/index.html
        return "index";  
    }
 
}
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8" />
    <title></title>
</head>
<body>
<h1 th:text="${host}">Hello World</h1>
</body>
</html>
如上页面,直接打开html页面展现Hello World,但是启动程序后,访问http://localhost:8080/,则是展示Controller中host的值:http://blog.didispace.com,做到了不破坏HTML自身内容的数据逻辑分离。
更多Thymeleaf的页面语法,还请访问Thymeleaf的官方文档查询使用。
Thymeleaf的默认参数配置
如有需要修改默认配置的时候,只需复制下面要修改的属性到application.properties中,并修改成需要的值,如修改模板文件的扩展名,修改默认的模板路径等。
# Enable template caching.
spring.thymeleaf.cache=true 
# Check that the templates location exists.
spring.thymeleaf.check-template-location=true 
# Content-Type value.
spring.thymeleaf.content-type=text/html 
# Enable MVC Thymeleaf view resolution.
spring.thymeleaf.enabled=true 
# Template encoding.
spring.thymeleaf.encoding=UTF-8 
# Comma-separated list of view names that should be excluded from resolution.
spring.thymeleaf.excluded-view-names= 
# Template mode to be applied to templates. See also StandardTemplateModeHandlers.
spring.thymeleaf.mode=HTML5 
# Prefix that gets prepended to view names when building a URL.
spring.thymeleaf.prefix=classpath:/templates/ 
# Suffix that gets appended to view names when building a URL.
spring.thymeleaf.suffix=.html  spring.thymeleaf.template-resolver-order= # Order of the template resolver in the chain. spring.thymeleaf.view-names= # Comma-separated list of view names that can be resolved.



支持JSP的配置

Spring Boot并不建议使用,但如果一定要使用,可以参考此工程作为脚手架:JSP支持
源码来源

0人打赏
  • UID20909
  • 登录2018-02-12
  • 粉丝1
  • 关注0
  • 发帖63
  • 主页
  • 金币191枚
qq_FesfJyH15113 发布于2018-02-09 11:23
沙发F
对源码感兴趣的朋友可以一起交流学习~~
您需要登录后才可以回帖
发表回复
极贡献
技术问答
专题荟萃
程序人生
视觉设计
Android开发
iOS开发
编程语言
前端开发
后端开发
服务器架构
软件测试
运维方案
创业路上



最热文章墙

  • 84644/384   【精品推荐】200多种Android动画效果的强悍框架,太全了,不看这个,再有动画的问题,不理你了^@^

  • 48394/191   情人节福利,程序员表白的正确姿势:改几行代码就变成自己的表白了

  • 46909/0   Python爬虫:常用浏览器的useragent

  • 44075/261   【精品推荐】Android版产品级的音乐播放器源码,功能太强大了,最好的产品原型有木有?

  • 40463/145   省时省力的Android组件群来了,非常棒的原型参考

  • 32138/143   2016抢红包软件及源码

  • 30466/71   原创表白APP,以程序员的姿势备战新年后的7夕,持续完善中!

  • 29809/2   超全!整理常用的iOS第三方资源

  • 26210/161   Android版类似UC浏览器:非常赞,产品级的源码

  • 23613/31   麻省理工的一帮疯子,真的实现了随意操控万物!(绝对黑科技)

  • 23370/27   2016程序员跳槽全攻略

  • 23346/26   Android工程师面试题大全

  • 22466/10   GitHub上排名前50的iOS项目:总有一款你用得着

  • 21581/21   码魂:程序员的牛B漫画

  • 20244/74   【持续更新中】Android福利贴(二):资料源码大放送

  • 20018/85   Android小而全的博客源码:非常适合全面掌握开发技巧

  • 19890/43   一个绚丽的loading动效分析与实现!

  • 19430/10   2016年最全的Android面试考题+答案 精编版

  • 19328/3   吐槽那些程序员的搞笑牛逼注释

  • 18859/104   Android带弹幕的视频播放器源码,来自大名鼎鼎的Bilibili弹幕网站

  • 18599/45   惊艳的App引导页:背景图片切换加各个页面动画效果

  • 18562/82   仿京东商城客户端Android最新版,不错的原型和学习资料

  • 18115/1   iOS 动画总结

  • 17999/25   个人收集的Android 各类功能源代码

  • 17765/23   Android福利第三波【Android电子书】

  • 17589/81   【精品推荐】类似360安全卫士安Android源码:非常赞的产品原型

  • 17480/5   新一代Android渠道打包工具:1000个渠道包只需要5秒

  • 17456/1   iOS中文版资源库,非常全

  • 17331/54   基于瀑布流的美女图片浏览App,有注释的源代码

  • 17039/18   用JavaScript 来开发iOS和Android 原生应用:React Native开源框架中文版来啦

  • 16830/10   女程序员的梦,众网友的神回复

  • 16797/23   珍藏多年的素材,灵感搜寻网站

  • 16669/19   65条最常用正则表达式,你要的都在这里了

  • 16659/11   年会上现场review代码是怎么样的体验!

  • 15383/16   基于Android支付宝支付设计和开发方案

  • 15033/18   什么是真正的黑客:收获12200+Stars,人气远超微软开源VS

  • 14903/11   有木有这样一张酷图帮你集齐所有git命令超实用

  • 14871/62   【技巧一】搭配Android Studio,如何实现App远程真机debug?

  • 14817/4   46 个非常有用的 PHP 代码片段

  • 14789/47   在线音乐播放器完整版(商用级的源码):非常赞,可听免费高品质专辑

  • 14187/0   GitHub iOS 库和框架Top100 

  • 14024/7   用程序员的姿势抢过年的火车票

  • 13987/7   一张图搞定iOS学习路线,非常全面

  • 13625/10   成为Java顶尖程序员 ,看这11本书就够了

  • 13593/10   微信支付终于成功了(安卓,iOS),在此分享

  • 13497/18   一张图搞定Android学习路线,非常全面

  • 13439/29   【持续更新中】Android福利贴(一):资料源码

  • 13259/4   基于Node.js的强大爬虫,能直接发布抓取的文章哦

  • 12508/3   即时通信第三方库

  • 12408/1   基于node-webkit跨平台应用案例集之(一)

  • 11988/9   流媒体视频直播方案

  • 11980/18   八个最优秀的Android Studio插件

  • 11746/9   B站建开源工作组:APP想支持炫酷弹幕的看过来

  • 11724/2   【精品推荐】高质量PHP代码的50个实用技巧:非常值得收藏

  • 11457/9   烧了5亿美金,这家神秘的公司即将颠覆人类未来!

  • 11421/12   中国黑客的隐秘江湖:攻守对立,顶尖高手月入千万美元

  • 10841/0   过上惬意生活的精华资源:创业、工作、生活成长

  • 10673/6   开箱即用!Android四款系统架构工具

  • 10570/2   Android性能优化视频,文档以及工具

  • 10468/4   10款GitHub上最火爆的国产开源项目——可以媲美西半球

  • 返回顶部