笔记61 Spring Boot快速入门（一）

IDEA+Spring Boot快速搭建

一、IDEA创建项目

略

项目创建成功后在resources包下，属性文件application.properties中，把数据库连接属性加上，同时可以设置服务端口。

application.properties

 spring.datasource.url = jdbc:mysql://localhost:3306/sh

 spring.datasource.username = root

 spring.datasource.password =  123456

 spring.datasource.driverClassName = com.mysql.jdbc.Driver

 #页面热加载

 spring.thymeleaf.cache = false

 #端口

 server.port=8888

二、新建控制器

com.example.demo下创建包Controller用来存放控制器

IndexController.java （显示当前时间）

 package com.example.demo.Controller;

 import org.springframework.stereotype.Controller;

 import org.springframework.ui.Model;

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

 import java.text.DateFormat;

 import java.util.Date;

 @Controller

 public class IndexController {

     @RequestMapping("/index")

     public String index(Model model){

         model.addAttribute("time",DateFormat.getDateTimeInstance().format(new Date()));

         return "hello";

     }

 }

三、新建视图html

1.在resources下新建static包，用来存放一些静态资源：css、js、img等。

test.css

 body{

     color: red;

 }

2.在resources下新建templates包，用来存放视图。

　　在这里使用thymeleaf来显示后台传过来的数据。thymeleaf 跟 JSP 一样，就是运行之后，就得到纯 HTML了。区别在与，不运行之前， thymeleaf 也是纯 html ...所以 thymeleaf 不需要服务端的支持，就能够被以 html 的方式打开，这样就方便前端人员独立设计与调试, jsp 就不行了，不启动服务器 jsp 都没法运行出结果来。

<1>声明当前文件是 thymeleaf, 里面可以用th开头的属性

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

<2>把 time 的值显示在当前 h2里，用的是th开头的属性: th:text, 而取值用的是 "${time}" 这种写法叫做 ognl，就是跟EL表达式一样吧。这样取出来放进h2里，从而替换到原来h2标签里的 4个字符 "name" .

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

hello.html

 <!DOCTYPE html>

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

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

     <link rel="stylesheet" href="test.css" type="text/css"/>

 </head>

 <body>

     <h1>Hello Spring Boot</h1>

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

 </body>

 </html>

四、运行结果

巴特西

笔记61 Spring Boot快速入门（一）

最新文章

热门文章