V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Marstin
V2EX  ›  问与答

项目 JSP 前端应该如何平滑迁移到 vue

  •  
  •   Marstin · 2019-10-23 15:34:59 +08:00 · 1922 次点击
    这是一个创建于 1618 天前的主题,其中的信息可能已经有所发展或是发生改变。

    当前项目使用 JSP 技术开发,前端页面就是 jquery+bootstrap
    考虑技术转型有以下原因:
    1、购买的关键技术插件只有 ES6 版本,所以现在某些模块代码较为混乱,ES5 和 ES6 穿插其中,且 ES5 调用 ES6 的代码功能只能用发布订阅方式实现。
    2、考虑插件的开发难度和代码量。vue 的模块化做得非常好,组件的可复用性很高,上手可能会有点难,但是开发难度上极大降低了,开发效率也能明显提高。
    3、个人的发展前景考虑,以目前项目的开发技术很难跳槽。

    最大的难点在于存在生产环境,要继续维护的同时做更新,就要做相对平滑的技术转型。

    想咨询一下 V 友们的意见

    10 条回复    2019-10-24 15:32:10 +08:00
    shintendo
        1
    shintendo  
       2019-10-23 15:37:31 +08:00
    反手一个<script>,当 jquery 用。
    你这种情景本来就是 Vue 最大的卖点
    Marstin
        2
    Marstin  
    OP
       2019-10-23 15:40:57 +08:00
    @shintendo 有道理啊,那请问关于架构的转型,有没有什么意见呢?
    charlie21
        3
    charlie21  
       2019-10-23 15:48:20 +08:00
    不考虑先做个前后端分离吗 ..?
    q8164305
        4
    q8164305  
       2019-10-23 15:54:05 +08:00 via Android
    iframe 嵌套
    Marstin
        5
    Marstin  
    OP
       2019-10-23 15:58:02 +08:00
    @charlie21 同步进行吧,现在做前后端分离最麻烦的就是 thymeleaf 标签组件和一些动态生成的页面要重写,这个工作量还挺大的,不如直接上 vue,两个工作一起做了
    Marstin
        6
    Marstin  
    OP
       2019-10-23 16:00:10 +08:00
    这应该是比较常见的一个操作吧,请问有经验的同学,这个过程还有没有别的坑或者技术难题,我提前考虑一下
    whypool
        7
    whypool  
       2019-10-23 16:06:23 +08:00
    重构最平滑
    o0
        8
    o0  
       2019-10-23 16:54:46 +08:00 via iPhone
    跟我司情况一样,目前是 script 一把梭,后续不清楚
    vvmap
        9
    vvmap  
       2019-10-24 09:18:01 +08:00
    我们就是这样的场景,jsp -> vue. 整理需求然后重新开发
    Marstin
        10
    Marstin  
    OP
       2019-10-24 15:32:10 +08:00
    @shintendo 兄弟,这种模式下引入 vue,怎么开发组件呀,无法引入.vue 文件,.js 文件中也不能写 x-template 标签。只能选择用字符串 template 或者在 html 中使用 x-template 吗?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3332 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 13:24 · PVG 21:24 · LAX 06:24 · JFK 09:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.