찾다

 >  Q&A  >  본문

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

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

PHPzPHPz2739일 전738

모든 응답(1)나는 대답할 것이다

  • 巴扎黑

    巴扎黑2017-05-15 16:53:49

    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를 수행하고 있지 않습니다. 이것은 귀하에게 불편한 프로젝트입니다. 궁금한 점이 있으면 계속 문의하세요.

        회신하다
        0
  • 취소회신하다