小程序的模板化(进度50%)

1 、将业务中的数据分离到单独的数据文件中,

//按住alt + shift + F 可以格式化代码样式

数据文件js

小程序的模板化(进度50%)

使这个数据local_database可以通过这个出口exports能够输出到别的脚本文件去。要是有别的数据直接在local_database,后加上即可。

2、使用require方法加载js模块儿文件

js文件中接收

小程序的模板化(进度50%)

 

注意:要使用相对路径,使用绝对路径会报错。

小程序的模板化(进度50%)

3、template模块的使用

凡是模版命名建议加template后缀 如

小程序的模板化(进度50%)

模板wxml文件由<template name=”  ”/>内存放模版信息,如下:

小程序的模板化(进度50%)

在引用模板的wxml文件中,引入模版,此处可以使用相对路径也可以使用绝对路径,如下:

小程序的模板化(进度50%)

然后在需要该页面要使用模版的地方使用

小程序的模板化(进度50%)

注意:item是指posts_key元素下面的子元素

此处的data="{{...item}}"的...表示posts_key的子元素展开了,因此模版调用的时候不需要再用item去点(item.)。

在页面wxss中引用模版样式

小程序的模板化(进度50%)