8

目前我正在尝试学习Angular JS，但首先我想设置我的环境Spring mvc。

目前我只想休息工作，但我怀疑什么是放置资源的最佳方式Spring MVC

我的简单应用程序有这个问题：

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?

谢谢！

4

3 回答 3

8

据我了解，您的前端技术是Angular JS而您的后端技术是Spring MVC。

我是一名前端开发人员，因此我可以为您提供有关 HTML、CSS 和 Javascript 结构的建议。

以下是我的建议：

  1. 前后端通信方式：JSON（MVC模式应严格遵循）

  2. 文件位置：您的所有前端文件都应位于具有以下结构的 WEB-INF 文件夹中：

    • WEB-INF/Assets：您所有的 JavaScript 文件、JavaScript 库、图像、CSS 等都应该放在此处。您可以在 Assets 中为每种资源类型打开一个单独的文件夹

    • WEB-INF/JSP: 你所有的 JSP 都应该放在这里。由于 Angular 的最大优势是单页应用程序，您可以为每个主页创建一个 JSP 并将它们放置在这里

    • WEB-INF/HTML：将使用<ng-view>或<ng-include>可以放置在JSP 中的所有静态资源

希望这可以帮助！

于 2013-05-18T05:30:32.007 回答
5

最简单的方法是获取目录中的所有文件angular-seed/app并将它们复制到您的src/main/webapp目录中。复制这些文件后，您应该能够重新部署应用程序并运行示例。

大多数 servlet 容器将包含 index.html 作为默认欢迎文件。如果您没有，您可以在 web.xml 中添加该配置<welcome-file-list>。

WEB-INF 目录用于存放不应直接向 Web 公开的 Web 资源。web.xml 是不应向远程用户公开的文件示例。在这种情况下，将应用程序的所有资源直接暴露给 Web 是安全的；因此您不需要将资源放在 WEB-INF 下。

于 2013-05-23T23:11:31.213 回答
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，你可以在这个博客中找到教程和完整的代码，希望对你有用:)

于 2014-01-14T13:21:54.130 回答