服务端渲染和客户端渲染

3 篇文章 0 订阅
2 篇文章 0 订阅

介绍

服务端渲染

servlet开发

 浏览器请求servlet,servlet在服务端生成html 响应给浏览器,浏览器展示html的内容,这个过程就是服务端渲染。

 输入url——>请求到tomcat——Servlet / jsp来解析解析用户请求并处理——>服务端渲染生成html——>通过http响应给浏览器html

 服务端渲染特点:

                1、在服务端渲染生成html

                2、客户端(浏览器)只负责显示dom元素内容

客户端渲染

AJAX技术兴起出现客户端渲染,客户端(浏览器)实用AJAX向服务端发起http请求,获取得到数据,客户端拿着数据开始渲染html网页,生成Dom元素并最终将网页内容展现给用户

  输入url——>请求到tomcat——Servlet / jsp来解析解析用户请求并处理——>服务端响应数据Json/xml——>通过http响应给浏览器数据通过JS生成dom元素最后生成html

优缺点:                     

 客户端渲染:

   缺点:

        不利于网站进行SEO,因为网站大量实用javascript技术,不利于spider抓取网页   

   优点:

        客户端负责渲染,用户体验性好,服务端只提供数据不用关心用户界面的内容,有利于提高服务端的开发效率。

   实用场景:

         对SEO没有要求的系统,比如后台管理类的系统,如电商后台管理,用户管理等。                                                                                                                            

 服务端渲染:  

   缺点:

        有利于网站进行SEO, 通过href的url将spider直接引导服务端,服务端提供优质的网页内容给spider。

   优点:

        服务端完场一部分客户端的工作,通过完成一个需求需要修改客户端和服务端的代码,开发效率低,不利于系统的稳定。

   实用场景:

         对SEO有要求的系统,比如:门户首页,商品详情页面等。

              

                                                                                                                                                                                                                                                                                                                                                                                                                                                            

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值