1.創建SpringBoot工程

1.1通過IDEA構建SpringBoot工程

新建工程，選擇如圖選項，下一步

選擇所需要的組件，下一步，結束即可。

1.2通過網站構建SpringBoot工程

Spring項目初始化
https://start.spring.io/

生成工程，下載壓縮包，解壓導入即可。

2.最簡單的HelloWorld

打開http://127.0.0.1:8080/即可看到HelloWorld。

3.參數解析

繼續追加如下代碼：

   @RequestMapping(value = "/profile/{groupId}/{userId}")
    @ResponseBody
    public String profile(@PathVariable("groupId") String groupId,
                          @PathVariable("userId") int userId,
                          @RequestParam(value = "type", defaultValue = "1") int type,
                          @RequestParam(value = "key", defaultValue = "nowcoder") String key) {
        return String.format("{%s},{%d},{%d},{%s}", groupId, userId, type, key);
    }

這個就是前臺傳過來的PathVariable、RequestParam，我們后臺用如上注解進行接收并打印。

4.使用velocity模板（相當于傳統開發的Jsp）

繼續追加

  @RequestMapping("news")
    public String news() {
        return "news";
    }

新建vm模板文件

訪問：http://127.0.0.1:8080/news

5.后臺傳參到前臺

  @RequestMapping("news")
    public String news(Model model) {
        model.addAttribute("value1", "vv1");
        return "news";
    }

通過model來添加屬性，velocity前臺通過 $!{value1}就可以拿到參數了。
下面我們來學習一些常用velocity語法，更多自行百度谷歌或者官方：https://velocity.apache.org/engine/devel/user-guide.html。

6.Velocity模板語法

一、$!{ 變量/表達式 }
二、## 注釋 ## #* 多行注釋 *#
三、for循環：
#foreach ($color in $colors)
Color$!{foreach.count}/${foreach.index}:$!{color}
#end
四、屬性訪問
$!{user.name}
$!{user.getName()}
五、模板繼承
include 純文本擴展
parse 變量解析
六、macro
#macro (render_color, $color, $index)
This is Color $index:$color
#end
#foreach ($color in $colors)
#render_color($color, $foreach.index)
#end

7.結合例子學velocity語法

7.1 List

后端：
 List<String> colors = Arrays.asList(new String[]{"RED", "GREEN", "BLUE"});
 model.addAttribute("colors", colors);
前端：
    #foreach ($color in $colors)
        Color $!{foreach.index}/$!{foreach.count}: $!{color}
    #end
            Color 0/1: RED
            Color 1/2: GREEN
            Color 2/3: BLUE

7.2 Map

 Map<String, String> map = new HashMap<String, String>();
        for (int i = 0; i < 4; ++i) {
            map.put(String.valueOf(i), String.valueOf(i * i));
        }
        model.addAttribute("map", map);
    兩種方法遍歷map，與java語法類似
    #foreach($key in $map.keySet())
        Number $!{foreach.index}/$!{foreach.count}: $!{key} $map.get($key)
    #end

    #foreach($kv in $map.entrySet())
        Number $!{foreach.index}/$!{foreach.count}: $!{kv.key} $!{kv.value}
    #end

7.3 類

public class User {
    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    private String name;

    public User(String name) {
        this.name = name;
    }
}

model.addAttribute("user", new User("Jim"));
User:$!{user.name}
User:$!{user.getName()}

7.4 模板繼承

ps:set用于設置屬性

#set($title = "nowcoder")
Include: #include("header.vm") <br>
Parse:#parse("header.vm")

訪問顯示如下”
Include: Title $!title
Parse:Title nowcoder
我們可以知道include是包含，parse是包含還會進行解析。