2016-07-14 27 views
0

這是我的項目結構: -如何處理Spring MVC中的Angularjs路由?

enter image description here

以下是我的ngRoute代碼: -

mainApp.config(function($routeProvider) { 
    $routeProvider 
    .when('/', { 
    //Homepage 
    templateUrl: 'main.html', 
    controller: 'directoryController' 
}) 
.when('/edit', { 
    //Edit Templates 
    templateUrl: 'details.html', 
    controller: 'tempUnguidedEditController' 
    }) 

}); 

這是我的春天控制器類: -

@Controller 
    public class MainController { 

    @RequestMapping(value = "/home.html", method = RequestMethod.GET) 
    public ModelAndView home() { 
     return new ModelAndView("index"); 
    } 



    @RequestMapping(value = "/dashboard.html") 
    public ModelAndView dashboard() { 
     return new ModelAndView("dashboard"); 
    } 


} 

當我運行dashboard.html鏈接會在控制檯日誌中顯示錯誤: -

enter image description here

當我在瀏覽器上單獨運行我的網頁時,它可以工作,但是當我將它與Spring集成時,它無法找到某些文件。 我想我在項目結構中做錯了什麼,這就是爲什麼它無法找到main.html文件。 如果需要任何額外的數據,請問,這個問題真的讓我煩惱幾天以後,如果任何人都可以幫助我,我會非常感激。謝謝。

回答

0

我得到了它的工作,

i)將main.html中,guided.html和unguided.html到main.jsp中,guided.jsp和unguided.jsp。

ii)然後我攔截了我的MainController課程中所有三條單獨路線的請求。

@Controller 
public class MainController { 

    @RequestMapping(value = "/home.html", method = RequestMethod.GET) 
    public ModelAndView home() { 
     return new ModelAndView("index"); 
    } 

    @RequestMapping(value = "/dashboard.html") 
    public ModelAndView dashboard() { 
     return new ModelAndView("dashboard"); 
    } 

    @RequestMapping(value = "/main.html") 
    public ModelAndView main() { 
     return new ModelAndView("main"); 
    } 

    @RequestMapping(value = "/guided.html") 
    public ModelAndView guided() { 
     return new ModelAndView("guided"); 
    } 

    @RequestMapping(value = "/unguided.html") 
    public ModelAndView unguided() { 
     return new ModelAndView("unguided"); 
    } 


} 
+0

不理解。我面臨同樣的問題。請分享詳細的解決方案。 – yatinbc

+0

如果我在WEB-INF下維護我的視圖頁面,那麼它不起作用,但如果我將它們拖到webcontent下,那麼它就可以工作。如果我想在WEB-INF下維護我的視圖,在哪裏和如何配置 – yatinbc