java - 单入口页面和模版引擎有什么区别?
本文介绍了java - 单入口页面和模版引擎有什么区别?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
用Java开发写前端页面，传统方式如JSP，模版引擎如Freemarker,Velocity,Thymeleaf，单入口（配合Angular.js，Vue.js等前端框架），只有一个index.html，所有的功能都在这个页面中完成。
解决方案
单页应用讲究前端渲染，很可能服务器端返回的是一个近乎空的html，类似：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
</head>
<body>
<div id="view"></div>
<script src="http://www.cdn.com/yyy/adsfsafsa234q234.bundle.js" charset="utf-8"></script>
</body>
</html>客户端(浏览器)下载这段html可以瞬间完成，然后剩下的事就交给前端的这个adsfsafsa234q234.bundle.js脚本来动态的添加DOM元素，添加样式。。。。。
这里要注意的是，前端渲染照样需要模板引擎，如果你看AngularJS的话，他的数据是这样被绑定的：
<span>{{ pageTitle }}</span>
<ul>
<li ng-repeat="user in users">
{{ user.name }}
</li>
</ul>而你谈到的诸如：Freemarker，Velocity，Thymeleaf之类的模板引擎是在后端接收到请求之后，组合数据直接渲染html成字符串，然后返回给前端的方式。
所以二者侧重点不同
这篇关于java - 单入口页面和模版引擎有什么区别?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
