아키텍처

Question

내가 (Usernam/비밀번호)의 내가 로그인 페이지가 있다고 가정 해 봅시다

(주로 자바 스크립트를 통해) 및 성공적인 인증에 단일 페이지 응용 프로그램을 설계하는 전체 아키텍처를 이해하고 싶었다, I 홈페이지를 보여 줬어. 이제 로그인 화면과 홈페이지 화면이 실제로 한 페이지에 포함되어야합니다.

어떻게 이런 종류의 페이지를 디자인 할 수 있습니까?

Answer 1

전체적인 서적을 상세하게 답변 할 수있는 광범위한 질문입니다.

기본적으로해야 할 일은 페이지 새로 고침 대신 AJAX를 사용하는 것입니다. 사용자를 인증하기 위해 서버에 연결해야하지만 매번 전체 페이지를 다시로드하는 대신 서버에 AJAX 호출을하고 로그인에 성공했는지 여부에 따라 내용의 일부분을 변경해야합니다 로그인 버튼을 "사용자 xxx로 로그인"메시지 등으로 변경하는 것과 같이 페이지에서).

Answer 2

당신은 웹을 통해 찾을 수 있습니다 기존 솔루션에서 영감을 취할 수있다 :

• ExtJS (MVC application architecture)
• Knockout (built upon the MVVM pattern)
• Backbone

Answer 3

나는 그냥 소스 포지에 프로젝트를 추가하는 데 도움 수 . 나는 약 1 년 동안이 라이브러리를 개발해 왔으며, 프라임 타임에 사용할 준비가되었다고 생각합니다. 이 프로젝트는 JavaScript 내에서 asp.net MVC를 참조 할 수 있도록합니다.

https://sourceforge.net/projects/peachajax/

이 라이브러리는 AJAX 작업에 사용하는 동적 자바 스크립트 코드를 생성합니다. 라이브러리에는 jQuery가 필요합니다. 예를 들어, 당신이 AJAX 작업을위한 컨트롤러 내에서 작업 방법을 사용하는 경우, 신속하게 동적으로 생성 된 자바 스크립트 파일을 통해이 액세스 할 수 있습니다 다음과 같이

peach.ControllerName.ActionMethodName(parameter1, parameter2, parameter3); // javascript 

매핑 된 매개 변수를 직접 ActionMethods 매개 변수와 연관된 .

커스터마이즈 기능 :

• 맞춤
• 정의 사전 요청 프로세서
• (전문 모델 유형을 직렬화) 파라미터
• 맞춤 콜백
• 사용자 클라이언트 측 처리 기능을 매개 사용자 지정 사후 요청 프로세서

Answer 4

무료로 Single Page App book을 찾아 볼 수 있습니다. 내가 "싱글 페이지 앱"을봤을 때 찾았습니다.

이미 그것을 본하지 않은 경우

Answer 5

, 존 아빠 인 Pluralsight에 단일 페이지 응용 프로그램을 설계에 매우 인기있는 코스가 있습니다 http://www.pluralsight.com/training/Courses/TableOfContents/single-page-apps-jumpstart

그것은이 인 Pluralsight 가입을 필요로 않습니다,하지만 당신은 10 일 무료 평가판을받을 수 있습니다 콘텐츠가 귀하에게 가치 있음을 확인합니다. (나는 Pluralsight와 제휴하지 않았다.)

Answer 6

MVC 사람이라면, 나는 개인적으로 백본을 기반으로하는 chaplinjs.org와 싱글 페이지 앱 영광을위한 hbs를 사용 해왔다. 나는 long-polls 대신에 websockets를 사용하기 위해 약간의 수정을했지만 아주 확장 성이 뛰어나며 mvc에 익숙하다면 충분히 쉽게 들어갈 수있다. (Chaplin보다 백본에 더 많은 문제가 발생할 것이다)