hogan

Question

老師請問遺下這裡為什麼不能直接用javascript渲染頁面呢?
為什麼要用hogan組件呢?
向下面的代碼不就是直接用jquery渲染頁面嗎

$(function() {
getlist();
function getlist(e) {
$.ajax({
url : “/o2o/shopadmin/getshoplist”,
type : “get”,
dataType : “json”,
success : function(data) {
if (data.success) {
handleList(data.shopList);
handleUser(data.user);
}
}
});
}
function handleUser(data) {
$(’#user-name’).text(data.name);
}

function handleList(data) {
	var html = '';
	data.map(function(item, index) {
		html += '<div class="row row-shop"><div class="col-40">'
				+ item.shopName + '</div><div class="col-40">'
				+ shopStatus(item.enableStatus)
				+ '</div><div class="col-20">'
				+ goShop(item.enableStatus, item.shopId) + '</div></div>';

	});
	$('.shop-wrap').html(html);
}

function shopStatus(status) {
	if (status == 0) {
		return '審核中';
	} else if (status == -1) {
		return '店鋪非法';
	} else if (status == 1) {
		return '審核通過';
	}
}

function goShop(status, id) {
	if (status == 1) {
		return '<a href="/o2o/shopadmin/shopmanagement?shopId=' + id
				+ '">進入</a>';
	} else {
		return '';
	}
}

});

Answer 1

Rosen 2020-08-10 11:32:53

handleList和hogan的作用是一样的，可以把hogan理解成封装的更完善一点的handleList。hogan可以用循环和简单的逻辑判断，另外可以直接用html语句而不用去拼接，书写方便。