html5 mvc框架有哪些,MVC view层的html渲染有哪些方式?

本文介绍了两种模板渲染方式:一种是使用框架或模板引擎在视图层内嵌后端代码,另一种是通过异步请求数据,使用JavaScript进行模板渲染。作者倾向于后者,认为其能实现视图层的纯静态化。具体实现中,先编写HTML模板,然后通过AJAX获取数据,使用字符串替换填充模板,并插入到DOM中。文章讨论了这种做法的优缺点,并询问是否存在其他视图渲染方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

目前使用过两种模板渲染方式

一是利用框架或者模板引擎进行渲染,其实这种方式就是在view层内使用了后端代码,个人感觉还是不符合静态分离原则。

二是我个人比较喜欢用的异步请求数据,然后js渲染模板,个人感觉这是讲view层纯静态化。我一般是先讲html写一个模板然后通过ajax获取属于然后使用str.replace替换,再innerHTML至对应的DOM中。但我会觉得这样写比较乱

[required][title]

[description]

.....

$.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渲染方式?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值