Spring MVC和Angularjs

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

目前我只想rest,但我怀疑在Spring MVC放置资源的最佳方法是什么

我简单的应用程序有这个口号:

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

如果我想从angular-seed中放置app文件夹,那么最好放置它的是什么?

我试图放入src/webapp/resources/app但是我必须将html文件移动到WEB-INF?

你的angular-js spring mvc应用程序中的骨架怎么样?

重定向到app/index.html的最佳方法是什么? 到欢迎文件,然后只与angularjs $routeproviders

谢谢!

据我所知,你的前端技术是Angualar JS ,你的后端技术是Spring MVC

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

以下是我的建议:

  1. 前端和后端之间的通信模式:JSON(MVC模式应严格遵循)

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

    • WEB-INF/Assets :您的所有JavaScript文件,JavaScript库,图像,CSS等应该放在这里。 您可以在资产内打开每个资源类型的单独文件夹

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

    • WEB-INF/HTML :使用注入JSP的所有静态资源都可以放在这里

希望这可以帮助!

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

大多数servlet容器都将index.html作为默认的欢迎文件。 如果您没有,则可以在web.xml 添加该配置。

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

在我的第一步Angular + Spring中,我使用了这个教程列表:

https://www.youtube.com/watch?v=Sc2atFv_h_I

它包含12个精彩的video,一步一步解释“如何”。 它包含有关安装,配置,最佳架构实践等的信息。

我建议您为项目使用此结构:

 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,你可以在这个博客中找到教程和完整的代码,我希望它会有用:)