hogan

来源:7-5 购物车页面的实现(逻辑)2

齊帥

2020-08-07

老師請問遺下這裡為什麼不能直接用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 '';
	}
}

});

写回答

1回答

Rosen

2020-08-10

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

0
0

真实数据对接 从0开发前后端分离的企业级上线项目

【毕设项目精品】前端实战,对接真实服务端数据,开发完整项目

4268 学习 · 4120 问题

查看课程