Thymeleaf模板引擎和Webjars静态资源入门应用

Thymeleaf模板引擎和Webjars静态资源入门应用

在pom.xml添加Thymeleaf依赖


<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

代码目录结构

1.png

resourses文件夹下的static文件夹用来存放静态资源,如图片,css样式等;templates文件夹创建Thymeleaf页面;java文件夹下用来创建model类

Controller示例代码

package com.niit.quickstart.controller; import com.niit.quickstart.entity.Student; import org.springframework.stereotype.Controller; import org.springframework.ui.ModelMap; import org.springframework.web.bind.annotation.GetMapping; import javax.annotation.Resource; @Controller public class IndexController {
//注入了一个Student类的对象 被Spring容器托管——bean
@Resource
private Student student; // @RequestMapping(value = "index",method = RequestMethod.GET)
@GetMapping("/index")
public String index(ModelMap map){
student.setAge(21);
student.setName("Mr.Li");
student.setMale("男");
//将模型加入视图
map.addAttribute("model",student);
return "index";
}
}

示例页面声明

2.png

通过webjars引用静态资源

为什么要用webjars

Java Web前端通常需要使用JS或CSS技术,例如jQuery, Backbone.js,Twitter Bootstrap等等。通过人工方式将Web资源拷贝到Java Web项目的Webapp相应目录下,可能会产生版本误差,拷贝版本错误,漏拷等现象,前端页面就无法正确展示。

WebJars是将Web前端Javascript和CSS等资源打包成Java的Jar包,这样在Java Web开发中我们可以借助Maven这些依赖库的管理,保证这些Web资源版本唯一性

上代码


3.png

效果图


4.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,828评论 19 139
  • SpringMVC原理分析 Spring Boot学习 5、Hello World探究 1、POM文件 1、父项目...
    jack_jerry阅读 5,218评论 0 1
  • Spring Web MVC Spring Web MVC 是包含在 Spring 框架中的 Web 框架,建立于...
    Hsinwong阅读 22,743评论 1 92
  • 对于java中的思考的方向,1必须要看前端的页面,对于前端的页面基本的逻辑,如果能理解最好,不理解也要知道几点。 ...
    神尤鲁道夫阅读 4,251评论 0 0
  • 有时候 会因为一句暖心的言语 感觉被深深的爱包围... 有时候 感觉自己真的很想家了 却惊诧于它记忆的模糊... ...
    许静许静静阅读 1,499评论 0 2

友情链接更多精彩内容