UI 프레임 워크를 만드는 방법

Question

전 프론트 엔드 디자인을 처음 접했고 사용자 인터페이스 용 프레임 워크를 만들기 위해 무엇이 필요한지 알고 싶습니다. 모든 데이터 필드를 내가 작업중인 300 페이지 모두에서 동일하게 보이도록 만들고 싶다면 해당 필드에 대한 클래스를 만들 수 있습니다. 내가 아는

상황은 그 300 페이지의 필드, 하는 검증 및 메시지와 자신의 표시가 무엇인지 확인하기 위해

필요하다. 자바 스크립트 프레임 워크에서 읽기 크로스 브라우저 기능/디스플레이에 대해 걱정할 필요가 없습니다.

내 목록에 추가해야하는 다른 일반 기술 및 기술은 무엇입니까?

감사합니다, 이

편집을 SixthString : 내가 물건의 대부분을 커버로 해달라고 할 수 있도록 좀 더 같은 대답을 찾고 있어요 "300 페이지를 작업 할 때이 패턴/개념을 팔로우/ 을 확인 목록" 개별 페이지를 통해 무엇이든 변경하십시오. 제가 혼란 스러울 수 있으므로 저를 도와주세요. 귀하의 의견을 통해 제 질문을 더 잘 업데이트 할 것입니다.

Answer 1

프레임 워크를 만드는 대신 프레임 워크를 사용해야하는 것 같습니다. 과 같은 프레임 워크 Java Server Faces (JSF)은 모든 표준 UI 위젯에 사용할 수있는 태그를 제공합니다. 일반적으로 직접 작성하는 대신 시도하고 테스트 한 구성 요소를 사용하는 것이 더 좋으므로 브라우저 간 호환성의 모든 노력이 처리됩니다. 또한 프레젠테이션 스타일과 기능을 구분하는 데 도움이됩니다. JSF는 유효성 검증을 구현하는 쉬운 방법을 제공합니다.

웹 프레임 워크를 처음 사용하는 학습 곡선이 가파르므로 간단한 앱으로 시작하고 점진적으로 복잡성을 추가하는 것이 가장 좋습니다.

편집 : 이미 스프링 백 엔드가 있다고하셨습니다. JSF는 스프링과 함께 사용할 수 있지만 내 경험에 따르면 잘 작동하지만, spring form tags을 사용하는 것이 좋습니다. 어쨌든 JSP 페이지와 태그에 대해 배우고 싶을 것이다.

페이지 전체에서 다시 사용하려는 공통적 인 양식/페이지 요소가있는 경우 해당 파일을 고유 한 파일로 추출하여 여러 페이지에 포함 할 수 있습니다. 포함 된 태그가 아닌 것을 필요로하는 경우 사용자 정의 태그를 작성할 수도 있습니다.