Thymeleaf模板引擎和Webjars静态资源入门应用
在pom.xml添加Thymeleaf依赖
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
代码目录结构
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";
}
}
示例页面声明
通过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资源版本唯一性
上代码
效果图