node 之 web开发模式

一.服务端渲染的传统web开发模式

特点:

   所有的web资源由同一个服务器同意管理(前后端代码必须放在一起)

   页面和页面中使用的数据,由服务器组装,最后将完整的html页面响应给客户端

优点:

   前端耗时少

   有利于seo,因为服务端响应的是完整的html页面

缺点:

   占用服务器资源

   不利于前后端分离,开发效率低

?

1 2 3 4 5 6 7 8 9

const express =  require('express')<br>const app = express()<br>app.get('/index.html',(req,res){       1.要渲染的数据     const user = {name:'zs',age:20}     2.服务器通过字符窜的拼接,动态生成html内容     const html =`<h2>姓名:${user.name},年龄:${user.age}</h2>`     3.把生成的页面内容响应给客户端   })

　　

 

二.前后端分析的新型web开发模式

  特点:

     依赖ajax技术

     后端不提供完整的html内容,而是提供api接口

     通过ajax调用后端api后,拿到json数据,进行前端处理,最后展示在浏览器上

 优点:

    开发体验好,前端专注于UI页面开发

    用户体验好,ajax的技术广泛应用

    减轻了服务器的渲染压力

缺点:

   不利于seo

  

如何选择web开发模式

若企业级网站(公司的网站),主要功能是展示而没有复杂的交互,并且需要良好的seo,这就需要使用服务端渲染

若后台管理页面,交互性比较强,不需要seo考虑,就可以使用前后端分离

开发模式并不是绝对的,为了同时兼顾了首页的渲染速度和前后端分离的开发效率,一些网站采用了首屏服务器渲染,用户最开始打开的页面,而其他的则是采用前后端分离开发模式