如下图所示，在玩中国企业商学院小程序时，课程搜索结果页面和课程列表页面的结构完全相同。 此时，最适合使用模板完成页面构建。 实现一次定义，到处使用。
模板1，定义模板1，并创建新的template文件夹以管理项目中的所有模板；
2、创建新的courseList.wxml文件并定义模板；
3、使用name属性作为模板的名称。 然后在template/中定义代码片段。
注意：
a .您可以看到可以在一个. wxml文件中定义多个模板。 只是用name来区别
b .模板中的数据均为展开后的属性。
template name=' course left ' navigator URL=' ./play/play？ course uuid={ course uuid } is company={ is company } } ' view class=' item mr26 ' image src=' { image path } } ' mode imageview class=' course-title ' text class=' title ' { course name }/texttext class=' author '-{ teachername } viewviewclass=' course-info clearfix ' view class=' fl ' text class=' play ' { play count } }/text/viewviewclass=' plate viewviewwx : if=' { study progress } } ' class=' tip-completed ' { study progress }/view/view/navigator/teter cor ' view class=' item ' image src=' { image path } } ' mode=' imageview class=' course-title ' text class=' title ' { coue } viewviewclass=' course-info clearfix ' text class=' play fl ' { play count } }/texttext class=' grade fr ' { score } vieview
import src=' ././templates/course list.wxml '/2，通常使用列表呈现传递模板所需的data。
block wx : for=' { course list } ' template is=' { { index %2==0？' course left ' : ' course right ' } ' data=' { . item } '/template/block 3358 www.Sina.com /
a .哪个模板is={ {索引%2==0？ 是否使用}，可以通过公式判断。 courseLeft' : 'courseRight'}} '
或用wx:if特定。 index是数组中当前项目的下标。
templatewx 3360 if=' { index %2===0} } ' is=' course left ' data=' { . item } '/templatetemplatewx 3360 else template '符号是ES6的符号，item是wx:for当前项，…是展开运算符，模板不再需要{{item.courseName}}，而是直接的
三、模板样式1、新建模板的同时新建courseList.wxss文件，采用与CSS相同的格式控制样式。
2、需要使用模板的页面. wxss文件中包含import； 或者直接导入到app.wxss中。 这样，一旦部署，就不需要部署其他文件了。
@ import ' ./template/course list.wxss '；