H5W3
当前位置:H5W3 > 其他技术问题 > 正文

JSP如何平滑迁移VUE这类框架的方案?

先说一下为什么要从jsp过渡到vue
1.准备把系统全部升级为api项目(spring-boot restful)遗弃掉jsp,主要为了解决多项项目后台代码重用问题,项目升级为微服务(spring-cloud)架构,比如首页一个项目 后台管理一个项目中间肯定有很多重复业务代码,当然可以通过搭建私有maven源封装公共代码,本文中先不考虑这类解决方案。另外vue这类框架组件模板这些特性开发和维护起来和纯撸jQuery逻辑清晰不少。
2.项目发展大了肯定要前后端分离,当然前期肯定全栈式开发前后端两遍忙乎,但是个人感觉后期收益高于前期的辛苦。
3.jsp渲染确实慢
4.个人架构方向爱好 ,java流的技术站方向》spring-cloud+spring-boot restful+vue 这种架构。

问题1:不准备一次性重构,希望渐进式迁移(直接上全家桶不准备在jsp里面写vue代码),目前只能想到1种方案利用ngxin的location匹配url后面的路径区分是路由到原来的jsp页面还是新项目的vue|react页面,但是感觉这种方案不是特别好,希望有segmentfault前后端大神前来解惑。

问题2:大家都说SPA应用适合中后端开发,是我理解有误还是有其他原因? 电商 比如淘宝, 社交 比如QQ空间这类产品如果用SPA应用开发会有什么弊端?仅仅是因为SEO问题么?

回答:

既然使用vue,那就不要使用jsp了,jsp是后端渲染,生成页面发给浏览器,使用vue用浏览器渲染;
使用vue和java做单页面网站,浏览器第一次访问该网站,java把静态html页面和js等发给浏览器,浏览器点击跳转时前端模拟路由,然后js使用fetch,ajax这些发送HTTP请求数据,java接收HTTP请求后将数据返回后,vue接收请求获取数据,重新渲染显示页面。
因为无需渲染页面,java只负责使用rest收发json数据,性能肯定更高了

回答:

我用的react + antd,感觉最大的好处就是把客户端和网页的开发思想统一了,服务端只要提供一套rest api即可
如果客户端用react native开发,还能进一步减小工作量

回答:

1.不懂jsp不敢妄自回答。

2.如你所说,Vue不是不能够开发例如淘宝,社交,QQ空间等类别的网站,是完全可以的,相反做成单页,流畅度还会更好,github上有人模仿豆瓣做了一个demo,加载很流畅,尤其是你的网站想支持移动端,在网络环境比较恶劣的情况下,单页应用加载起来也是很快速的。
单页应用相对于传统的网页来说SEO并不是那么友好,书签功能需要自己写代码支持。

回答:

写起来你就发现了,展示型网站写进这些前端框架里实在太蠢了,又没什么页面内交互(一点击就要换页面),原生html还得照着这些框架的规矩改写,又累又没什么意义,完全跟后台模板没法比。
jsp渲染慢我不知道你在说什么,后台java运行慢?上消息队列把能异步的都异步啊,上负载均衡啊,上…。前台渲染慢?js/css等等静态文件上缓存上CDN啊。
中后端管理平台是很适合这些前端框架的

回答:

看这篇文章:vuejs+element ui+ssm+maven实现登陆注册功能(有源码下载),可能对你有帮助。

回答:

复制所有jsp的源码,打包成html给前端,要他那边照猫画虎引入vue什么的,你这边要写大量的api接口配合前端用ajax

本文地址:H5W3 » JSP如何平滑迁移VUE这类框架的方案?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址