SpringMVC 는 Angular 2 의 예 를 간단하게 통합 합 니 다.

본 고 는 SpringMVC 가 Angular 2 를 간단하게 통합 하 는 예 를 소개 하고 여러분 에 게 공유 합 니 다.구체 적 으로 다음 과 같 습 니 다.
angular 는 공식 적 인 빠 른 시작 예 를 사용 합 니 다.

파일 을 모두 springmvc 프로젝트 에 복사 합 니 다.복사 과정 에서 파일 경로 가 너무 길 어서 실패 할 수 있 습 니 다.먼저 전체 파일 을 압축 한 다음 압축 된 파일 을 복사 한 다음 압축 을 풀 면 됩 니 다.디 렉 터 리 구 조 는 다음 과 같 습 니 다.저 는 angular 디 렉 터 리 에 복사 한 것 입 니 다.

spring 프로필 설정 경로

그리고 html 페이지 에서 angular 공식 에서 보 듯 이 파일 을 도입 합 니 다.

이 안 에는 이 파일 들 의 경 로 를 설정 해 야 합 니 다.
주로 시스템 js.config 파일 에서 두 부분 을 수정 해 야 합 니 다.

이렇게 하면 항목 이 실 행 될 수 있다.
그러나 이렇게 실행 할 수 있 는 것 은 우리 가 이미 Typescript 을 js 파일 로 컴 파일 했 기 때 문 입 니 다.우 리 는 매번 ts 파일 을 수정 한 후에 컴 파일 하고 프로젝트 를 실행 할 수 없습니다.그래서 우 리 는 Typescript 을 자바 script 으로 자동 으로 컴 파일 해 야 합 니 다.
제 가 사용 하 는 아이디어 편집기,자체 편집 변환 도구 가 있 기 때문에 간단 한 설정 만 하면 됩 니 다.(전 제 는 이 컴퓨터 에 nodejs 와 Typescript 의존 이 설치 되 어 있 습 니 다)
File-》Settings-》Languages&Frameworks-》node.js and NPM  이 컴퓨터 에 설 치 된 node.js 를 선택 하 십시오.

File-》Settings-》Languages&Frameworks-》TypeScript

typescript version 은 이 컴퓨터 에서 다운로드 한 npm 의 typescript 의존 도 를 선택 하고 lib 폴 더 를 선택 하면 됩 니 다.
 -p 웹\WEB-INF\angular 이 명령 은 컴 파일 된 디 렉 터 리 를 표시 합 니 다.없 으 면 항목 루트 경 로 를 검색 합 니 다.angular 디 렉 터 리 에 놓 여 있 기 때문에 설정 이 필요 합 니 다.
이렇게 하면 편집기 에서 컴 파일 할 수 있 지만 자동 컴 파일 은 할 수 없습니다.
tomcat 에 열 을 배치 하 는 절 차 는 일반적으로 make 입 니 다.그리고 포장 한 다음 에 프로젝트 를 시작 하여 자동 으로 컴 파일 합 니 다.make 전에 Typescript 을 컴 파일 하면 됩 니 다.

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.