SpringBoot第一篇:利用idea快速搭建一個項目

一、前提準備:電腦安裝好jdk1.8,安裝好IDEA

二、步驟

     1.點擊創建一個新項目

       

     2.選擇 Spring initializr選項,這是一個非常方便的生成Springboot的工具,確認信息無誤後next

      

    3.修改group、artifact、name、description、package後next

      

    4.這一步是選擇依賴,小白就只選一個Spring web吧,後面要用啥就手動添加,然後next

      

     6.這一步可以定義項目的位置,最好content root和module location位置一致

      

   7.這時候就會創建好項目,打開一個窗口了,然後就只要等待idea下好依賴包就可以了,如果有下圖的提示,就選擇enable那一項就好了。提示如果依賴下載很慢,可以先去修改idea的maven倉庫地址

      

    8. 項目目錄文件解析

     

    9. 項目啓動。idea內置了tomcat,我們無需去配置tomcat。啓動的流程如下:

找到java包下面的xxxApplication,右鍵選擇run,或者如上圖點進去,再點擊右上角的運行程序按鈕。

此時項目能啓動,但無法訪問頁面

10. 配置端口,搭建一個完整的訪問首頁的業務邏輯,並展示

    1)首先我們集成thymeleaf模版引擎,它可以方便展示靜態數據。
         在pom.xml中的dependencies中加入,idea會自動下載相關的包

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

    2)創建controller包和對應的controller

    

   在IndexController中編寫訪問頁面的業務邏輯,代碼如下:

package com.ask.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;

/**
 * 負責處理前端的請求
 */
@Controller
public class IndexController {

    //定義請求路徑爲:localhost:8888/hello,下面是對應這個路徑的處理方法。
    //RequestParam用於接收頁面傳遞過來的參數,例如localhost:8888/hello?name=小明
    //model是Spring內置的對象,用來處理視圖的
    @GetMapping("/hello")
    public String hello(@RequestParam(name="name") String name, Model model){
        //將瀏覽器的請求參數中的name加入到model中,這樣就能在模版的html中獲取到
        model.addAttribute("name",name);
        //返回的index是html模版的名字
        return "index";
    }
}

   3)因爲我們在controller裏面中返回的是index頁面,所以我們要在resource包下的template包中建一個index.html文件

然後寫入如下代碼:

<!DOCTYPE HTML>
<!--這裏必須要加xmlns,是thymeleaf訪問-->
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>ASK</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p th:text="'hello'+ ${name} + '!'"></p>
</body>
</html>

4)啓動項目測試,瀏覽器訪問localhost:8080/hello?name=小明,得到如下顯示

5)修改端口號,在application.properties配置文件中添加對端口的設置,然後重新啓動即可。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章