찾다
위챗 애플릿미니 프로그램 개발WeChat 애플릿에서 템플릿을 사용하는 방법은 무엇입니까?

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

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

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

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

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

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

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

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

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

템플릿 스타일

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

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

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

추천: "

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

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

성명
이 기사는 csdn에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제
微信小程序架构原理基础详解微信小程序架构原理基础详解Oct 11, 2022 pm 02:13 PM

本篇文章给大家带来了关于微信小程序的相关问题,其中主要介绍了关于基础架构原理的相关内容,其中包括了宿主环境、执行环境、小程序整体架构、运行机制、更新机制、数据通信机制等等内容,下面一起来看一下,希望对大家有帮助。

微信小程序云服务配置详解微信小程序云服务配置详解May 27, 2022 am 11:53 AM

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于云服务的配置详解,包括了创建使用云开发项目、搭建云环境、测试云服务等等内容,下面一起来看一下,希望对大家有帮助。

微信小程序常用API(总结分享)微信小程序常用API(总结分享)Dec 01, 2022 pm 04:08 PM

本篇文章给大家带来了关于微信小程序的相关知识,其中主要总结了一些常用的API,下面一起来看一下,希望对大家有帮助。

浅析微信小程序中自定义组件的方法浅析微信小程序中自定义组件的方法Mar 25, 2022 am 11:33 AM

微信小程序中怎么自定义组件?下面本篇文章给大家介绍一下微信小程序中自定义组件的方法,希望对大家有所帮助!

微信小程序实战项目之富文本编辑器实现微信小程序实战项目之富文本编辑器实现Oct 08, 2022 pm 05:51 PM

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了关于富文本编辑器的实战示例,包括了创建发布页面、实现基本布局、实现编辑区操作栏的功能等内容,下面一起来看一下,希望对大家有帮助。

西安坐地铁用什么小程序西安坐地铁用什么小程序Nov 17, 2022 am 11:37 AM

西安坐地铁用的小程序为“乘车码”。使用方法:1、打开手机微信客户端,点击“发现”中的“小程序”;2、在搜索栏中输入“乘车码”进行搜索;3、直接定位城市西安,或者搜索西安,点击“西安地铁乘车码”选项的“去乘车”按钮;4、根据腾讯官方提示进行授权,开通“乘车码”业务即可利用该小程序提供的二维码来支付乘车了。

微信小程序开发工具介绍微信小程序开发工具介绍Oct 08, 2022 pm 04:47 PM

本篇文章给大家带来了关于微信小程序的相关问题,其中主要介绍了关于开发工具介绍的相关内容,包括了下载开发工具以及编辑器总结等内容,下面一起来看一下,希望对大家有帮助。

简单介绍:实现小程序授权登录功能简单介绍:实现小程序授权登录功能Nov 07, 2022 pm 05:32 PM

本篇文章给大家带来了关于微信小程序的相关知识,其中主要介绍了怎么实现小程序授权登录功能的相关内容,下面一起来看一下,希望对大家有帮助。

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

DVWA

DVWA

DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

PhpStorm 맥 버전

PhpStorm 맥 버전

최신(2018.2.1) 전문 PHP 통합 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

MinGW - Windows용 미니멀리스트 GNU

MinGW - Windows용 미니멀리스트 GNU

이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경