Java Web 实现导航栏 active 状态随着页面自动切换

效果图

Java Web 实现导航栏 active 状态随着页面自动切换_第1张图片
螢幕快照 2017-08-23 23.05.59.png
Java Web 实现导航栏 active 状态随着页面自动切换_第2张图片
螢幕快照 2017-08-23 23.05.46.png

Controller 代码

    @RequestMapping(value = "meituView", method = arrayOf(RequestMethod.GET))
    fun meituView(model: Model, request: HttpServletRequest): ModelAndView {
        model.addAttribute("requestURI" , request.requestURI)
        return ModelAndView("meituView")
    }


    @RequestMapping(value = "meituFavoriteView", method = arrayOf(RequestMethod.GET))
    fun meituFavoriteView(model: Model, request: HttpServletRequest): ModelAndView {
        model.addAttribute("requestURI" , request.requestURI)
        return ModelAndView("meituFavoriteView")
    }

其中,关键代码是

model.addAttribute("requestURI" , request.requestURI)

前端代码(Freemarker)





其中,关键代码是:

<#if requestURI=="/meituView">active

完整工程源代码:

https://github.com/EasyKotlin/chatper15_net_io_img_crawler

你可能感兴趣的:(Java Web 实现导航栏 active 状态随着页面自动切换)