내 웹 사이트의 아키텍처를 개선하는 방법은 무엇입니까?

Question

다음 그림은 내 웹 아키텍처입니다.이 사이트도 첫 번째 웹 사이트입니다.이 사이트는 많은 종류의 제어판과 이벤트로 구성되어 있으므로 많은 버튼과 이벤트로 구성되어 있습니다. 요구 사항이 점점 더 많아지면 유지 관리하기가 어려워집니다. Web Architecture

나는 새로운 기능을 추가해야하는 경우의 말을하자, 내가 필요 :
1. UI : 입력을 & 출력을 설계합니다.
2. jquery로 이벤트 핸들러를 작성하십시오.
3. ajax 함수를 만듭니다. (성공 함수에 대한 결과를 그려라.)

그것은 체인과 같다.
1. 변화하는 것은 모든 것을 변화시킨다. 아주 잘 출력보기를 관리 2.Can't
(출력보기는 테이블, 옵션, 라벨 수 있습니다 ..) 어떤 프레임 워크 또는 나를 도울 수있는 더 좋은 방법이 존재에 대해

그래서 내가 궁금 ?

감사합니다.

Answer 1

프로젝트에 "jQuery 스프"문제가있을 수 있지만 질문에 대답하기에 MV * JS "프레임 워크"가 너무 많습니다. Ember.js, AngularJS, Backbone.js 등이 있습니다.

IMO Backbone.js는 기존 코드를 천천히 리팩토링하려는 경우에 대비하여 가장 쉽게 기존 프로젝트에 맞출 수 있습니다. 더 많은 의견을 제시하고 더 많은 일을하는 것들이 있지만, JS 코드에서 더 많은 리팩토링이 필요할 수 있습니다.

위의 모든 "프레임 워크"는 모델,보기, 이벤트를 관리하고 서버에 이르기까지 모든 것을 연결하는 데 도움이됩니다.