javascript mvc 예제

  • 0

javascript mvc 예제

Category : Senza categoria

경우에 따라 여러 모델을 단일 엔터티에 저장해야 합니다. 이러한 경우 컬렉션이 매우 유용합니다. 아래 예제에서 컬렉션을 만드는 방법을 설명합니다. 이 과잉 이라고 생각 하는 다른 사람에 관해서는, 그것은 될 수 있습니다. 그러나 그것은 또한 될 필요가 없습니다. 다음은 jQuery UI를 사용하여 모기지 계산기에 대한 슬라이더를 제공하는 예입니다. UI 구성 요소는 뷰입니다. 이벤트 관리는 컨트롤러입니다. 그런 다음 문제는 모델에 전용 개체가 필요한지 여부입니다. 이것이 모든 페이지가 하고 있었다면, 그 럴 가능성은 없습니다. 이벤트 관리 및 데이터 관리는 단일 함수로 결합될 것이고 괜찮습니다. 계산기가 서버에 수입과 비용을 절약해야 하는 예산 추정기와 같은 더 큰 앱의 일부인 경우 이벤트 위임이 계속 단순하게 유지되는 동안 서버에 값을 저장할 수 있는 모델로 항목을 결합하는 것이 합리적입니다. 얼마나 더 복잡한 나는 단지 계산기를 통해 응용 프로그램을 만들었습니까? 하나의 개체입니다.

그 과잉인가? 그렇게 생각하지 않아요. 그것은 당신이보고 터치 할 수있는 실제 라이브 예제없이 데모의 많은 되지 않을 것입니다. 그래서, 더 ado 없이, 아래는 펭귄의 데모를 보여주는 CodePen: 그것은 좋은 것 하나 일부 액션 스크립트 프레임 워크를 포팅 수 있다면 (PureMVC 마음에) 자바 스크립트에, 하지만 난 그 가치가 있을 것 이라고 의심, 또는 실현 가능한. 예를 들어 일정 시나리오에서 날짜 입력을 수락한 경우 유효성 검사 코드가 훨씬 더 복잡해집니다. 일요일에 날짜를 입력할 수 없다고 말하는 비즈니스 논리를 정의하려면 어떻게 해야 할까요? 또는 보기에 “공휴일 제외”라는 확인란이 있는 경우 어떻게 해야 합니까? 또는 해당 날짜에 회의가 없는지 확인하기 위해 AJAX 호출을 해야 하는 경우 어떻게 해야 합니까? 보시다시피 유효성 검사 코드는 “형식 검사”를 훨씬 이상하며 매우 복잡할 수 있으며 비즈니스 규칙이 필요할 수 있습니다. 따라서 모델과 컨트롤러의 일부에 일부 유효성 검사를 넣는 대신 일관성있고 유지 관리할 수 있도록 하고 모든 유효성 검사를 컨트롤러에 넣습니다. 앞의 예제를 단계적으로 진행하면 이름과 날짜 속성이 있는 JSON 개체를 예상하는 EventsDialog 함수, 일정 이벤트를 저장하는 이벤트 데이터 속성 및 이벤트 대화 상자에 특정 이벤트를 보내는 호출의 세 부분으로 구성됩니다.