2013-05-17 78 views
8

目前我正在努力學習Angular JS,但首先我想用Spring mvc來設置我的環境。Spring MVC和Angularjs

此刻,我只想休息的工作,但我對什麼是將resoucres在Spring MVC

我簡單applicaction的最好方式無疑有這個squeleton:

my-simple-app: 
src 
    main 
    java 
    resources 
    webapp 
    resources 
    WEB-INF 

如果我想將app文件夾從angular-seed中刪除,最好放置它的位置是什麼?

我試圖把src/webapp/resources/app,但然後我必須將html文件移動到WEB-INF?

您的angular-js spring mvc應用程序中的骨架如何?

重定向到app/index.html的最佳方法是什麼?到歡迎文件,然後只與angularjs$routeproviders工作?

謝謝!

+1

請接受答案或傳達缺少的內容,以便其他人可以通過定罪 – Abilash

回答

8

至於我能理解,你的前端技術Angualar JS和你的後端技術Spring MVC的

我是前端開發人員,因此我可以爲您提供有關HTML,CSS和Javascript結構的建議。

這裏是我的建議:

  1. 模式前端和後端之間通訊:JSON(應嚴格遵循MVC模式)

  2. 文件地點:您所有的前端的文件應該在WEB-INF文件夾與此結構:

    • WEB-INF/Assets:所有的JavaScript文件,JavaScript庫,圖片,CSS等應放在這裏。您可以打開一個單獨的文件夾每個資源類型內部資產

    • WEB-INF/JSP:所有您的JSP應放置在這裏。使用<ng-view>所有將被注入到JSP中的靜態資源或<ng-include>都可以放在這裏

    • :由於角最大的優勢是單頁應用程序,你可以爲每個主頁一個JSP並在這裏把它們

    • WEB-INF/HTML

希望這有助於!

5

最簡單的方法是將angular-seed/app目錄中的所有文件都複製到src/main/webapp目錄中。複製這些文件後,您應該可以重新部署應用程序並擁有正在運行的示例。

大多數servlet容器將包含index.html作爲默認的歡迎文件。如果你的沒有,你可以在web.xml <welcome-file-list>中添加該配置。

WEB-INF目錄適用於不應直接暴露給網絡的網絡資源。 web.xml是一個不應該暴露給遠程用戶的文件的例子。在這種情況下,將所有應用程序的資源直接公開給網絡是安全的;因此您不需要將資源放在WEB-INF下。

+2

注意到問題,但如果他使用spring MVC,並且他有春天-mvc調度程序servlet映射到/,這將劫持所有請求:) – JustDanyul

+0

也爲一個安全的應用程序不想公開所有的業務驗證和前端流程和算法的js和html世界。如果在web-inf下,那麼只有登錄/具有適當角色的用戶纔會被提供這些文件 – tgkprog

0

我建議這種結構爲您的項目:

my-simple-app: 
    src 
     main 
      java 
       controller 
        MySpringCtr.java 
       models 
        Person.java 
        House.java 
        *.java 
     webapp 
      WEB-INF 
       resources 
        css 
         style.css 
         *.css 
        js 
         angularCtr.js 
         *.js 
       pages 
        index.jsp 
        *.jsp 
       mvc-dispatcher-servlet.xml 
       web.xml 

我發現初學者教程,一步如何用SpringMVC和AngularJS結合解釋一步,你可以找到的教程和完整代碼in this blog我希望它將是有益的:)