JSP和Vue技术区别—前后端渲染

286 阅读2分钟

1.服务端渲染的特点(或者说非前后端分离的项目):

  • 在服务端生成html网页的dom元素
  • 客户端(浏览器)只负责显示dom元素内容

图片1.png

2.客户端(浏览器)渲染的特点(前后端分离项目):

  • 在服务端只是给客户端响应的了数据,而不是html网页
  • 客户端(浏览器)负责获取服务端的数据生成dom元素

图片2.png

3.两种方式比较 

(1)服务端渲染: 

  • 优点:有利于SEO,网站通过href的url将搜索引擎直接引到服务端,服务端提供优质的网页内容给搜索引擎。
  • 缺点:服务端完成一部分客户端的工作,通常完成一个需求需要修改客户端和服务端的代码,开发效率低,不利于系统的稳定性。
  • 适用场景:对SEO有要求的系统,比如:门户首页、商品详情页面等。

(2)客户端(浏览器)渲染: 

  • 缺点:不利于网站进行SEO,因为网站大量使用javascript技术,不利于搜索引擎抓取网页。 
  • 优点:客户端负责渲染,用户体验性好,服务端只提供数据不用关心用户界面的内容,有利于提高服务端的开发效率。 
  • 适用场景:对SEO没有要求的系统,比如后台管理类的系统,如电商后台管理,用户管理等。

4. 前后端分离项目的优化(前端服务器渲染)

前后端分离之后,前端负责体验,后端负责业务。另外为了网站SEO,可以在前端服务器进行网页的渲染,并且将结果返回给客户端(比如浏览器)

图片3.png

注:内容来自网络,可随意修改转载