查看: 872|回复: 2

模板与模块

[复制链接]

16

主题

17

帖子

109

积分

18级web开发班

Rank: 1

积分
109
发表于 2020-5-8 11:30:10 | 显示全部楼层 |阅读模式
作业一:模版:


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>


js:
Page({
  data: {
    staffA: {firstName: 'Hulk', lastName: 'Hu'},
    staffB: {firstName: 'Shang', lastName: 'You'},
    staffC: {firstName: 'Gideon', lastName: 'Lin'}
  }
})





作业二:
模块:


uitl.js:


/**

* 处理具体业务逻辑
*/
function formatTime(date) {
//获取年月日
var year = date.getFullYear()
var month = date.getMonth() + 1
var day = date.getDate()

//获取时分秒
var hour = date.getHours()
var minute = date.getMinutes()
var second = date.getSeconds();

//格式化日期
return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}

function formatNumber(n) {
n = n.toString()
return n[1] ? n : '0' + n
}

/**
* 模块化导出暴露接口
*/
module.exports = {
formatTime: formatTime
}

使用方法:


//导入模块化方式
var util = require('../../utils/util.js')
Page({
data: {
logs: []
},
onLoad: function () {
this.setData({
logs: (wx.getStorageSync('logs') || []).map(function (log) {
// 通过暴露的接口调用模块化方法
return util.formatTime(new Date(log))
})
})
}
})






回复

使用道具 举报

13

主题

18

帖子

212

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
212
发表于 2020-5-8 11:36:28 | 显示全部楼层
两个作业都是模块?
回复

使用道具 举报

16

主题

17

帖子

109

积分

18级web开发班

Rank: 1

积分
109
 楼主| 发表于 2020-5-11 10:52:35 | 显示全部楼层
biandongliang 发表于 2020-5-8 11:36
两个作业都是模块?

上边的是模板,打错字了
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表