性能优化系列:『后端同步渲染JSP是同步渲染出页面的』

一、同步渲染步骤（以 JSP 为例）

1. 步骤1：JSP Servlet 映射以 .jsp 结尾的 URL，当 .jsp 文件请求时，servlet 容
   器知道要调用哪个 Servlet。
2. 步骤2：Servlet 容器检查 Servlet 是否已被编译。
3. 步骤3：如果未在步骤2中进行编译，则 Servlet 容器会将 JSP 转换为 Servlet代码，并进行编译。
4. 步骤4：Servlet 容器将 JSP 请求转发到编译 JSP Servlet 类。
5. 步骤5：JSP Servlet 类返回并发送给客户端浏览器 HTML。

二、技术优点

快速实现业务开发并上线。

三、技术不足

• 需要先实现业务逻辑和功能，再输出 HTML 内容给浏览器，用户需等待 HTML 页面完全加载之后才能看到页面内容；
• 代码耦合严重，不太好业务逻辑和页面模板；
• 需求变更上线周期相对较长。

四、协作方式

前端出静态页面，后端套页面。

五、选型建议

如果是创业初期验证阶段，或者 20 个研发人员以内的项目，为了满足业务快速验证并一天内多次上线，技术选型上使用服务端同步渲染没有任何问题，一个字就是“快”。

六、协作利器

• jSmart
• Velocity.js

七、示例

以Velocity.js（2.0.0）为例

var Velocity = require("velocityjs");

var VelocityRender = Velocity.render(
	"<h2>This is $name !~ </h2>"   "#foreach( $product in $allProducts )"   "<li>$velocityCount $product.title $product.content</li>"   "#end",

	{
		name: "h2",
		allProducts: [
			{
				title: "title1",
				content: "content1"
			},
			{
				title: "title2",
				content: "content2"
			}
		]
	}
);

console.log(VelocityRender);

输出是结果是：

<h2>This is h2 !~ </h2><li>1 title1 content1</li><li>2 title2 content2</li>

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//，就在评论处留言，作者继续改进；o_O???
如果你觉得该文章有一点点用处，可以给作者点个赞；\\*^o^*//
如果你想要和作者一起进步，可以微信扫描二维码，关注前端老L；~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※！！！

这篇好文章是转载于：学新通技术网