WeChat 애플릿에서 템플릿을 사용하는 방법은 무엇입니까?

미니 프로그램 개발 과정에서 프로젝트가 여러 페이지에서 유사한 모듈을 사용해야 하는 경우 코드 양을 줄이고 코드 재사용을 늘리기 위해 템플릿을 생성해야 합니다. 애플릿은 템플릿 태그를 통해 템플릿을 사용합니다. 템플릿 태그의 is 속성은 템플릿의 name 속성에 해당하고 data 속성은 템플릿에 전달되는 데이터를 나타냅니다.

템플릿을 사용하여 작은 프로그램을 개발하기 전에 먼저 템플릿을 정의하고 개발 프로젝트에 새 템플릿 폴더를 생성하여 프로젝트의 모든 템플릿을 관리해야 합니다. 템플릿은 스타일 파일이므로 새로운courseList.wxml 파일을 생성하여 템플릿을 정의합니다. name 속성을 템플릿 이름으로 사용합니다. 그런 다음 그 안에 코드 조각을 정의합니다. 여러 템플릿을 .wxml 파일에 정의할 수 있으며 이름으로만 구별하면 됩니다. 템플릿의 데이터는 모두 확장된 속성입니다. 템플릿을 정의하는 코드는 다음과 같습니다.

또 다른 완전한 템플릿을 정의하려면 이름에 다른 이름을 입력하세요. 정의된 템플릿은 사용 템플릿에서 다른 이름으로 호출됩니다. is 속성을 사용하여 사용해야 하는 템플릿을 선언합니다.

import src=../../templates/courseList.wxml

템플릿에 필요한 데이터를 전달합니다. 일반적으로 목록 렌더링을 사용합니다.

표현식이나 wx:if를 통해 사용할 템플릿을 결정할 수 있다는 점은 주목할 가치가 있습니다. index는 배열에 있는 현재 항목의 첨자입니다.

템플릿 스타일

새 템플릿을 생성할 때 동시에 새로운courseList.wxss 파일을 생성하고 CSS와 동일하게 스타일을 제어하세요.

템플릿을 사용해야 하는 페이지의 .wxss 파일에서 가져오거나, app.wxss에서 직접 가져오면 한 번만 가져오면 되고 다른 파일은 가져올 필요가 없습니다.

요약하자면, 미니 프로그램 템플릿의 사용은 주로 동일한 WXML 파일에 유사한 템플릿을 여러 개 생성하고 이를 구별하기 위해 name 속성을 사용하는 것입니다. 전역적으로 소개되는 템플릿 WXSS와 사용 페이지에 소개되는 템플릿의 차이점은 다음과 같습니다. 템플릿.

추천: "

Mini 프로그램 개발 튜토리얼"

위 내용은 WeChat 애플릿에서 템플릿을 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!