如何将现有的后端 MVC 项目改造成前后端分离项目(Vue/React)?

2020-02-19 09:34:37 +08:00
 Sniper416

现目前项目的前端逻辑由后端 er 编写,后端渲染,使用的 jquery 编写。 大佬们有相关经验吗?或者是更好的过渡方案。

5095 次点击
所在节点    程序员
23 条回复
x940727
2020-02-19 09:48:33 +08:00
把所有返回 view 的方法全部改成返回 json,然后叫前端来对接就行了。
Sniper416
2020-02-19 09:51:51 +08:00
@x940727 那原有的页面的逻辑都需要修改,成本太大了。
murmur
2020-02-19 09:53:51 +08:00
@Sniper416 当然大,我们也有个类似架构的项目,因为要上移动端,原来页面上的数据全得做成接口,这就看你设计如何了,如果原来的 Service 封装优秀,那业务是不动的,改 Controller 就可以了,如果以前就是 CS 混写,那真的呵呵了
vipcc
2020-02-19 09:55:44 +08:00
如果成本太高,继续使用,不要修改
chendy
2020-02-19 09:58:47 +08:00
除非刚需或者没事干,否则不动
规模不大的新项目再尝试
troycode
2020-02-19 10:03:55 +08:00
不建议直接换框架
aabbcc112233
2020-02-19 10:08:00 +08:00
@Sniper416 重构火葬场,到时候出问题全是你的
Sniper416
2020-02-19 10:10:58 +08:00
@aabbcc112233 哈哈
sanggao
2020-02-19 10:11:16 +08:00
这种重构干什么?? 为了你自己学习机会还是? 稳定大于一切,而且不影响使用扩展
dddyyyttt
2020-02-19 10:41:26 +08:00
个人学习时尝试过将小项目 JSP 改成 Vue+SpringMVC,感觉除了网页布局可以重用,其他的前后端都得用新技术重写。
zjsxwc
2020-02-19 10:46:15 +08:00
重写就行
jydeng
2020-02-19 10:46:36 +08:00
现有项目继续用,新模块改成前后分离。
Sniper416
2020-02-19 11:12:23 +08:00
@jydeng 嗯,目前我也是想采用这种方案。
tonytonychopper
2020-02-19 11:14:50 +08:00
如果想全改了的话,要一块一块改,不然会出大事。
redbuck
2020-02-19 11:17:17 +08:00
改过.net 的.

自己编写 webpack 多入口配置,每个入口(页面)生成一个 cshtml,一个 js.
cshtml 除了模板代码,上面只有一个 script 标签,引入前端代码打包成的 js.

后端把数据写到一个 input 里,前端在初始化时就将其取出作为初始数据.然后该怎么开发怎么开发.
learnshare
2020-02-19 11:22:55 +08:00
1. 原有项目继续维护
2. 设计并实现所有数据接口
3. 开发新版前端,在足够成熟的时候替换掉原有项目
4. 原有项目仅保留接口部分
justrand
2020-02-19 13:04:06 +08:00
#16 楼说的对
leosirius666a
2020-02-19 13:19:23 +08:00
如果要用新框架,前端页面肯定要重写啊
wysnylc
2020-02-19 13:35:07 +08:00
旧接口旧业务不动,新的接口用新的项目写
unco020511
2020-02-19 14:43:59 +08:00
我们就是这样的,基本等于重写

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/645707

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX