1. 程式人生 > >筆記61 Spring Boot快速入門(一)

筆記61 Spring Boot快速入門(一)

user demo model 前端 req oot 項目 htm 顯示

IDEA+Spring Boot快速搭建

一、IDEA創建項目

項目創建成功後在resources包下,屬性文件application.properties中,把數據庫連接屬性加上,同時可以設置服務端口。

application.properties

1 spring.datasource.url = jdbc:mysql://localhost:3306/sh
2 spring.datasource.username = root
3 spring.datasource.password =  123456
4 spring.datasource.driverClassName = com.mysql.jdbc.Driver
5 #頁面熱加載 6 spring.thymeleaf.cache = false 7 #端口 8 server.port=8888

二、新建控制器

com.example.demo下創建包Controller用來存放控制器

IndexController.java (顯示當前時間)

 1 package com.example.demo.Controller;
 2 
 3 import org.springframework.stereotype.Controller;
 4 import org.springframework.ui.Model;
 5 import org.springframework.web.bind.annotation.RequestMapping;
6 7 import java.text.DateFormat; 8 import java.util.Date; 9 10 @Controller 11 public class IndexController { 12 @RequestMapping("/index") 13 public String index(Model model){ 14 model.addAttribute("time",DateFormat.getDateTimeInstance().format(new Date())); 15 return "hello";
16 } 17 }

三、新建視圖html

1.在resources下新建static包,用來存放一些靜態資源:css、js、img等。

test.css

1 body{
2     color: red;
3 }

2.在resources下新建templates包,用來存放視圖。

  在這裏使用thymeleaf來顯示後臺傳過來的數據。thymeleaf 跟 JSP 一樣,就是運行之後,就得到純 HTML了。 區別在與,不運行之前, thymeleaf 也是 純 html ...所以 thymeleaf 不需要 服務端的支持,就能夠被以 html 的方式打開,這樣就方便前端人員獨立設計與調試, jsp 就不行了, 不啟動服務器 jsp 都沒法運行出結果來。

<1>聲明當前文件是 thymeleaf, 裏面可以用th開頭的屬性

1 <html xmlns:th="http://www.thymeleaf.org">

<2>把 time 的值顯示在當前 h2裏,用的是th開頭的屬性: th:text, 而取值用的是 "${time}" 這種寫法叫做 ognl,就是跟EL表達式一樣吧。 這樣取出來放進h2裏,從而替換到原來h2標簽裏的 4個字符 "name" .

1  <h2 th:text="‘Time:‘+${time}">time</h2>

hello.html

 1 <!DOCTYPE html>
 2 <html xmlns:th="http://www.thymeleaf.org">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <link rel="stylesheet" href="test.css" type="text/css"/>
 7 </head>
 8 <body>
 9     <h1>Hello Spring Boot</h1>
10     <h2 th:text="‘Time:‘+${time}">time</h2>
11 </body>
12 </html>

四、運行結果

技術分享圖片

筆記61 Spring Boot快速入門(一)