angular.js - 有没结合使用AngularJS和spring前后端分离开发的例子？介绍

Question

最近在学习使用AngularJS与后端结合开发，有使用过的前辈能不能介绍下，或者给个简单的例子学习学习

Answer 1

Java 측은 jsp를 완전히 버리고 대신 API를 개발하여 json 데이터를 반환합니다jsp改为开发api，返回json数据

然后view就独立出一个res文件夹存放angular项目，实际上是纯前端，可以放在任何地方跨域运行

两端协商好api就可以了

• update

1. 这是前端目录结构，文件夹就叫webapp
   
2. 这是后端main下的目录
   

• 关于部署
  部署的话后端直接打个war包发布就可以了吧，因为是前后端分离的，你部署可以只考虑后端啊，前端放在哪里应该都一样的，我这个是放在java项目下面，其实后端在远端服务器，这个webapp目录拿出来放在自己电脑上解决跨域也可以跑起来的，因为已经分离了嘛
• 关于运行
  访问的话只访问前端html页面了，因为angular是去后端拿的json数据，整体打包跑tomcat或者单独把webapp拿出来跑nginx
그런 다음 뷰에는 각도 프로젝트를 저장하기 위한 별도의 res 폴더가 있으며 실제로는 순수한 프런트 엔드이며 어디에나 배치하고 도메인 간에 실행할 수 있습니다

양쪽 끝 사이에서 API를 협상하세요

• 업데이트🎜 🎜
• 이것은 프런트엔드 디렉터리 구조이며, 폴더 이름은 webapp입니다.
  🎜
• 이것은 백엔드 메인 아래의 디렉토리입니다.
  🎜
  • 배포 정보
    배포 시에는 백엔드용 war 패키지를 생성하고 게시하면 됩니다. 프런트엔드와 백엔드가 분리되어 있기 때문에 배포 시에는 프런트엔드가 어디에 있든 동일해야 합니다. 이것은 내 것입니다. 실제로 백엔드는 원격 서버에 있습니다. 크로스 도메인 실행 문제를 해결하려면 webapp 디렉터리를 꺼내서 자신의 컴퓨터에 넣으세요. , 분리되었기 때문이죠🎜
  • 달리기 정보
    액세스할 때 프런트엔드 HTML 페이지에만 액세스합니다. Angular는 json 데이터를 가져오기 위해 백엔드로 이동하고 전체 패키지가 패키징되어 tomcat을 실행하기 때문입니다. 또는 webapp을 별도로 가져오면 nginx🎜를 실행할 수 있어야 합니다. 🎜 🎜ps: 저는 Java를 수행하고 있지 않습니다. 이것은 귀하에게 불편한 프로젝트입니다. 궁금한 점이 있으면 계속 문의하세요.