SpringBoot 中html的頁面間跳轉(zhuǎn)

HTML網(wǎng)頁如何在SpringBoot框架下進行跳轉(zhuǎn)？

兩種方法：

• 在Controller類中編寫相關Mapper方法，將方法通過@RequestMapping與具體的URL進行關聯(lián)；
• 實現(xiàn)WebMvcConfigurer接口，通過參數(shù)ViewControllerRegistry調(diào)用addViewController方法。

方法一：Controller類與@RequestMapper方法

1）訪問單一頁面

在SpringBoot中，簡單訪問單一頁面時，需要編寫Controller類來實現(xiàn)，給這個頁面?zhèn)鬟f信息，則需要具體的方法和對應的@RequestMapping：

以上圖為例，要訪問NewLogin.html時，就要在Controller類中寫個方法，該方法要return NewLogin（不用寫后綴）：

@Controller
public class UserController{
    @RequestMapping("/login")
    public String toLogin(){
        return "html/NewLogin";
    }
}

上文的含義是，當我們在瀏覽器中訪問localhost/login時，返回的html頁面是classpath/html/NewLogin.html。也就是說，@RequestMapping中是在瀏覽器中輸入的URL，而return的是訪問該頁面返回的html文件。

2）頁面間的跳轉(zhuǎn)

接1），如果我們要在登錄頁面，點擊左上角“立即注冊”跳轉(zhuǎn)到注冊頁面，我們就要在Controller類中添加處理注冊的方法和@RequestMapping

@RequestMapping("/register")
public String toRegister(){
    return "html/userRegister";
}

上文含義是，當我們在瀏覽器中訪問localhost/register時，返回的html頁面是classpath/html/userRegister.html。

而且，NewLoging.html中，“立即注冊”這個按鈕要通過href與"/register"（即@RequestMapping中的URL）關聯(lián)：

方法二：重寫addViewControllers

用方法1的方法實現(xiàn)頁面跳轉(zhuǎn)，需要為每個頁面寫帶@RequestMapping的Controller類方法。

在這個方法中，需要自定義一個實現(xiàn)了WebMvcConfigurer接口的MvcConfig類，覆寫addViewControllers(ViewControllerRegistry registry)

用這種方法實現(xiàn)方法一的頁面跳轉(zhuǎn)，代碼如下：

@Configuration
public class WebMvcConfig implements WebMvcConfigurer{
    @Override
    public void addViewControllers(ViewControllerRegistry registry){
        //設置URL及其對應的HTML文件
        registry.addViewController("/NewLogin").setViewName("html/NewLogin");
        registry.addViewController("/userRegister").setViewName("html/userRegister");　　}}

• addViewController("/url")：相當于方法一中的@RequestMapping("/url")，是在瀏覽器地址欄中輸入的URL；
• setViewName("path/to/html")：相當于方法一中的return "path/to/html"，即訪問URL對應的HTML文件，也是顯示出來的頁面。

通過在HTML文件中的href屬性（屬性值就是上文addViewController("/url")中的"/url"）進行按鈕與跳轉(zhuǎn)頁面之間關聯(lián)：

方法一和方法二是不沖突的，但是通常情況下如果用方法二addViewControllers，需要把方法一所寫的Controller類給注釋掉。

到此這篇關于Springboot是如何實現(xiàn)頁面間的跳轉(zhuǎn)的的文章就介紹到這了,更多相關springboot頁面跳轉(zhuǎn)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

最新評論