2014-02-22 2 views
2

AngularJS로 로그인 페이지를 만들고 싶습니다만 표시하는 데 문제가 있습니다.Grails - AngularJS가있는 로그인 페이지

이 내 web-app/apps/loginPage/app.js 로그인 페이지 :

var app = angular.module('login-app', [ 
    'ngRoute' 
]); 

app.config(function ($routeProvider) { 
    $routeProvider. 
     when('/', { 
      templateUrl: 'apps/loginPage/views/login.html' 
     }). 
     otherwise({ 
      redirectTo: '/' 
     }); 
    }); 

을 그리고 이것은 내 grails-app/views/login/auth.gsp 코드 :

<html> 
<head> 
    <meta name='layout' content='main'/> 
    <script src="${resource(dir: 'js', file: 'jquery-1.9.1.js')}"></script> 
    <script src="${resource(dir: 'js', file: 'angular.js')}" ></script> 
    <script src="${resource(dir: 'js', file: 'angular-route.js')}"></script> 
    <script src="${resource(dir: 'apps/loginPage', file: 'app.js')}"></script> 
</head> 
<body> 
    <div ng-app="login-app"> 
     <div ng-view> 
    </div> 
</body> 
</html> 

문제는 내가 http://localhost:8080/myApp/login/auth, 페이지가로드 각도 응용 프로그램으로 이동하지만, 때 아무튼이다 login.html 파일에서 http://localhost:8080/myApp/login/apps/loginPage/views/login.html 대신 http://localhost:8080/myApp/apps/loginPage/views/login.html

대신 로그인 양식을로드하려고합니다.

어떻게 경로를 수정할 수 있습니까? localhost:8080/myApp을 자원의 루트로 사용하려면 각도를 어떻게 알 수 있습니까? (* .gsp 파일은 grails-app/views이고 각도 앱은 web-app/apps/ 임)

Grails 또는 각도 구성에 문제가 있는지 알 수 없습니다.

+1

일반적인 AngularJS + Grails 질문으로 바꾸면 도움이 될 것입니다. 스프링 보안과 관련된 질문이 아닙니다. 그것은 보안과 관련이 없으며 당신을 도울 수 있지만 봄 보안을 알지 못하는 사람들을 제외했습니다 –

+0

내 대답을 확인하십시오 – Jagadeesh

답변

1

Grails & 각도로 3 개의 프로젝트를 사용한 경험이 있기 때문에 전체 프론트 엔드 부분을 순수 각도로 수행하는 것이 좋습니다. Angular에서 GSP를 섞어 놓지 않고 핸들 바를 사용하여 순수 HTML을 사용하고 각도 번역을 통해 현지화를 사용했습니다. 애플리케이션 로그인은 Spring Security AJAX 로그인을 통해 구현됩니다.

프론트 엔드를 백엔드에서 완전히 분리하는 경우 Yeoman 또는 Brunch와 같은 프론트 엔드 기존 스캐 폴딩 도구에 사용할 수 있습니다. 또한 HTML 조각의 제공은 압축, 캐싱 될 수 등 여기

는 URL입니다 Grails는 AngularJS와를 사용하는 동안

당신은 "/ 정지"또는 "/ 자산"으로 templateUrl을 접두사 필요가
+0

또한 그것에 대해 생각하지만 정적 페이지를 사용하는 것이 검색 엔진에 더 좋다고 들었습니다. 그래서 저는 gsp와 각도를 혼합하려고했습니다. 예를 들어 정적 페이지로 내 홈페이지, faq, 회사 정보 등을 만들고 싶지만 사용자 프로필 제어판과 모든 양식 또는 목록보기가 각도로 표시됩니다. 어쩌면 나는이 개념을 바꿀 것이다. 순수한 아약스로 스프링 보안 로그인 페이지를 유지하는 것에 대한 팁을 주셔서 감사합니다. – akn

+0

네 말이 맞아, 검색 엔진은 "정적"html이 필요하다. 따라서 2 가지 옵션이 있습니다. Grails 용 플러그인이 있습니다.이 플러그인은 서비스와 응용 프로그램을 통합하여 SPA 응용 프로그램에 대한 HTML 출력을 생성합니다. 또는 애플리케이션을 일반 GSP 렌더링과 SPA가 될 수있는 부분 보안으로 공용 부분으로 분할합니다. 나는 이미 2 가지 응용 프로그램을 만들었습니다. 문제없이 작동합니다 : –

+0

@Tom이 질문을 살펴보십시오. http://stackoverflow.com/questions/25152633/grai-as-single-app-or-different-back- 엔드 앤드 프론트 엔드 앱 – Vish