前言

Thymeleaf是用于Web和獨立環(huán)境的現代服務器端Java模板引擎。Thymeleaf的主要目標是將優(yōu)雅的自然模板帶到您的開發(fā)工作流程中—HTML能夠在瀏覽器中正確顯示，并且可以作為靜態(tài)原型，從而在開發(fā)團隊中實現更強大的協作。Thymeleaf能夠處理HTML，XML，JavaScript，CSS甚至純文本。

Spring-boot-starter-web集成了Tomcat以及Spring MVC，會自動配置相關東西，Thymeleaf是用的比較廣泛的模板引擎.

更新pom.xml

org.springframework.boot spring-boot-starter-thymeleaf 更新application.properties

#thymeleaf

spring.thymeleaf.cache=false

spring.thymeleaf.prefix=classpath:/templates/

spring.thymeleaf.check-template-location=true

spring.thymeleaf.suffix=.html

spring.thymeleaf.encoding=UTF-8

spring.thymeleaf.mode=HTML5

創(chuàng)建Controller

之所以新建Controller，而不是復用之前的IndexController，是因為IndexController使用的是 @RESTController 注解的方式。

使用@Controller 注解，在對應的方法上，視圖解析器可以解析return 的jsp,html頁面，并且跳轉到相應頁面。若返回json等內容到頁面，則需要加@ResponseBody注解

@RestController注解，相當于@Controller+@ResponseBody兩個注解的結合，返回json數據不需要在方法前面加@ResponseBody注解了，但使用@RestController這個注解，就不能返回jsp,html頁面，視圖解析器無法解析jsp,html頁面

新建UserController:

package com.demo.controller;

import com.demo.pojo.UserPosition;

import com.demo.service.UserService;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.RequestMapping;

import java.math.BigDecimal;

import java.util.List;

/**

• Created by toutou on 2018/10/20.

*/

@Controller

public class UserController {

@Autowired

UserService userService;

@RequestMapping(value = "/mynearby")

public String myNearby(Model model, double lon, double lat)

{

double r = 6371;//地球半徑千米

double dis = 2; //半徑 單位:km

double dlng = 2Math.asin(Math.sin(dis/(2r))/Math.cos(lat*Math.PI/180));

dlng = dlng*180/Math.PI;//角度轉為弧度

double dlat = dis/r;

dlat = dlat*180/Math.PI;

double minlat =lat-dlat;

double maxlat = lat+dlat;

double minlng = lon -dlng;

double maxlng = lon + dlng;

List list = userService.getVicinity(BigDecimal.valueOf(minlng), BigDecimal.valueOf(maxlng), BigDecimal.valueOf(minlat), BigDecimal.valueOf(maxlat));

model.addAttribute("myinfo",list);

return "mynearby";

}

}

創(chuàng)建頁面

/src/main/resources/templates/mynearby.html

附近的小區(qū)

我的坐標

116.31064,40.062658

附近的小區(qū)

• 刪除

xmlns:th="www.thymeleaf.org"命名空間，將鏡頭轉化為動態(tài)的視圖，需要進行動態(tài)處理的元素使用“th:”前綴；兩個link引入bootstrap框架，通過@{}引入web靜態(tài)資源（括號里面是資源路徑）訪問model中的數據通過${}訪問.

運行效果：

目錄結構：

轉載于:https://juejin.im/post/5be1905851882516cd7081c7

總結

以上是生活随笔為你收集整理的SpringBoot(七)整合themeleaf+bootstrap的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。