目前使用过两种模板渲染方式
一是利用框架或者模板引擎进行渲染,其实这种方式就是在view层内使用了后端代码,个人感觉还是不符合静态分离原则。
二是我个人比较喜欢用的异步请求数据,然后js渲染模板,个人感觉这是讲view层纯静态化。我一般是先讲html写一个模板然后通过ajax获取属于然后使用str.replace替换,再innerHTML至对应的DOM中。但我会觉得这样写比较乱
[required][title]
.....
$.ajax({
url : url,
success(response)
{
let data = response['msg'];
if(data.length < 1) return null;
for(let i in data)
{
let row = data[i];
let theme = $('._theme ._'+row['lx']).html();
let html = '';
html = theme.replace(/\[required\]/,required)
.replace(/\[title\]/,row['bm'])
.replace(/\[id\]/,row['mc'])
.replace(/\[placeholder\]/,row['msh'])
.replace(/\[value\]/,row['val'])
$('.setting-block').append(theme);
}
}
});
不知道还有没有其他方式的view渲染方式?