小程序开发中经常遇见几个页面具有相似的UI,如果每个页面都去写一遍的话会比较繁琐,要是遇见大量的swiper这样的页面需求慢慢写会比较浪费时间。所以模板的使用能够减少我们的工作量并且使代码更加简洁。
模板:主要用于页面数据的展示。一个模板文件中可以定义多个模板,根据name这一属性进行区分,使用者根据is去调用自己想要的模板。
首先需要创建一个template




在这上面我在一个模板文件中定义了两个模板。根据name属性分别给他们不同的名字,区分每个模板,这样在我后面的项目中用到那个模板的时候通过name去进行调用。
模板在调用页面中使用先需要进行引用:


在wxss里面也需要引用模板的样式:

@import "../../template/templates/tem.wxss";

最后在页面中调用代码:

 

根据is属性跟name的值一样就能找到对应名字的模板,成功引用到页面中,data是需要传入模板的数据。

在使用过程中需要注意import的引用范围。只能引用当前页面引用的模板。也就是说如果存在页面间的相互引用,只能引用到当前引用页面应用的模板不能使用当前引用页面引用的另一个页面中用到的模板。

那么在项目开展以前我们需要做些什么才能更好的应用模板呢?
首先可以在需求讨论的时候抓住整个小程序项目的总体需求和页面风格进行一个规划。根据功能区域或者页面数据展示区域相似的几个进行整理和分类。
然后统一分工,让开发人员根据整理好的类别进行合理分工,统一开发模板,定义好模板使用相关这样有利于模板在项目中大量使用,减少代码的繁琐。
也可以在项目开发后期对模板进行提取。将开发完成的代码进行优化的时候把页面数据展示复用性高的代码统一成一套模块,这样在后期的维护和管理中更加方便。

<以上资讯仅供参考,如果您需解决具体问题,建议您关注作者;如果有软件产品开发需求,可在线咨询加速度产品经理获取方案和报价>

****更多行业产品开发方案,请关注jsudo加速度 https://www.jsudo.com***

【加速度jsudo(www.jsudo.com)】是国内知名企业数字化建设提供商,为企业提供电商平台搭建(多种模式电商平台搭建:B2B/B2B2C/B2C/O2O/新零售等)、智慧园区建设、数字化营销、人才外包等服务,点击这里查看了解更多行业解决方案。