vue后端渲染 java_vuejs的服务器端渲染和java的服务器端渲染有什么区别吗?

在刚工作做java开发的时候, 全都是服务器端渲染, 从 jsp 到 freemarker 等, 为什么 vue/react 要单独提出来这个概念呢? 与 vue/react 有关系吗?

java的服务器端渲染

以使用Spring为例, 就是写个 Controller, 然后 return 一个模板引擎页面, 同时需要往模板页面中的变量设置值

vue的服务器端渲染

看官网是结合Express这个web框架, 原理也都差不多, 官网是这样的

// 第 1 步:创建一个 Vue 实例

const Vue = require('vue')

const app = new Vue({

template: `

Hello World
`

})

// 第 2 步:创建一个 renderer

const renderer = require('vue-server-renderer').createRenderer()

// 第 3 步:将 Vue 实例渲染为 HTML

renderer.renderToString(app, (err, html) => {

if (err) throw err

console.log(html)

// =>

Hello World

})

纯 Express 是这样

app.get('/', function (req, res) {

res.render('index', { title: 'Hey', message: 'Hello there!'});

});

我的理解是, js技术栈中服务器渲染用 Express 就已经足够了, 为什么 Vue, React 还要单独开发一个 SSR 模块, 实质不就是访问一个 url, 然后 Server 端直接返回一个页面吗? 用 java 不行吗? 模板中你想引入啥 js 框架不就这么写就 ok 了嘛?

// template.tpl

  • %>

请大家指教

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值