1). 新建工程 -> Creat New Project

2). 选择模板

• Project SDK：点击New...选择jdk
• Choose Initializr Service URL 选择Custom, 链接选用http://start.spring.io/，据说不带s的快
  

  图2.png

3). 配置

4). 选择Web -> web, (非必须选择)Template Engines -> Thymeleaf(用来替换jsp模板引擎)

5). 选择工程名和路径

6). 运行（点击绿色的三角按钮）

7). 浏览器打开http://localhost:8080

原因 项目中没有静态页面及控制器.

8). 创建控制器

• HelloController.kt

@Controller@EnableAutoConfigurationclass HelloController {    @RequestMapping("/")    @ResponseBody    fun index(): String {        return "Hello World!"    }}

访问http://localhost:8080/

9). 返回页面

• index.html

    
             首页内容

• HelloController.kt

@Controller@EnableAutoConfigurationclass HelloController {    @RequestMapping("/index.html")    fun index() : String {        return "index"    }}

访问http://localhost:8080/index.html

10). 刷新配置

• 修改pom.xml文件

        
      
       org.springframework.boot
         
      
       spring-boot-devtools
         
      
       true
         
      
       true
      
     
        
            
                
        
         org.springframework.boot
                 
        
         spring-boot-maven-plugin
                 
                    
         
          true
                  
              
          
      
     

• 修改idea

  I. Ctrl+Alt+S. Build,Execution,Deployment -> Compiler, 勾选Build project automatically.
  

  图11.png

  II. Ctrl+Shift+Alt+ /

  

  图12.png
  

  图13.png
• 重新部署项目即可实现修改html刷新重载，修改kotlin代码重新部署

11). 使用模板引擎

• 数据类Student

/** * 数据类 */data class Student (        val name: String,        val age: Int)

• 控制器Controller

@Controllerclass HelloController {    @RequestMapping("/students.html")    fun students(map: MutableMap
     
      ): String {        val list = ArrayList
      
       ()        for (i in 0..9) {            list.add(Student("张三$i", 23+i))        }        // 返回给页面的数据        map["sList"] = list        return "students"    }}
      
     

• students.html

    
             所有学生    
     
        
      
            序号：
            姓名：
       
            年龄：
       
        
    
     

写完之后html代码报红线，使用Alt+Enter修复即可，也可不修复。（此为编辑器的问题）

• 效果

  

  图15.png