집 >위챗 애플릿 >미니 프로그램 개발 >소규모 프로그램 개발을 위한 WXML에 대한 자세한 설명
WXML(WeiXin Markup Language)은 MINA 프레임워크로 설계된 태그 언어 집합으로, 기본 구성 요소 및 이벤트 시스템과 결합되어 페이지의 구조를 구축할 수 있습니다.
아래의 몇 가지 간단한 예를 통해 WXML의 기능을 살펴보겠습니다.
데이터 바인딩
<!--wxml--><view> {{message}} </view> // page.jsPage({ data: { message: 'Hello MINA!' } })
목록 렌더링
<!--wxml--><view wx:for-items="{{array}}"> {{item}} </view> // page.jsPage({ data: { array: [1, 2, 3, 4, 5] } })
조건부 렌더링
<!--wxml--><view wx:if="{{view == 'WEBVIEW'}}"> WEBVIEW </view><view wx:elif="{{view == 'APP'}}"> APP </view><view wx:else="{{view == 'MINA'}}"> MINA IS NOT APP </view> // page.jsPage({ data: { view: 'MINA' } })
템플릿
<!--wxml--><template name="staffName"> <view> FirstName: {{firstName}}, LastName: {{lastName}} </view></template><template is="staffName" data="{{...staffA}}"></template><template is="staffName" data="{{...staffB}}"></template><template is="staffName" data="{{...staffC}}"></template> // page.jsPage({ data: { staffA: {firstName: 'Hulk', lastName: 'Hu'}, staffB: {firstName: 'Shang', lastName: 'You'}, staffC: {firstName: 'Gideon', lastName: 'Lin'} } })
이벤트
rreee[관련 추천]
2. 간단한 왼쪽 스와이프 조작과 워터폴 흐름 레이아웃
위 내용은 소규모 프로그램 개발을 위한 WXML에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!