如何在jsp页面里使用vue

只针对需要的

以下各类同学可以直接跳过

不推荐jsp和vue加一起写的
说直接用jq写的
。。。。。的
吐槽的
各种解决方案的

总结以上说的都是对的，但是已经写完了页面，所以 emmmm。。。。。

申明楼主只是个前端自己写的大部分也都是前后的分离的，不懂java不懂jsp，而且页面也是用vue写完了才知道要加入原有的jsp页面，所以记录一下全当教训了。

本文只是针对维护老项目,需要修改或者重新写新的jsp页面的同学。

开始

1、 jsp 和html（vue）页面有申明区别

创新互联成立于2013年，是专业互联网技术服务公司，拥有项目网站设计制作、成都网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元广安做网站,已为上家服务,为广安各地企业和个人服务,联系电话:18980820575

我觉得本质上没什么区别，只是jsp是后端渲染，而我们使用vue大都是前端渲染
2、解决方案
- 首先我们的vue页面写完了,（第一次用工程打包，第二次不用路由，第三次直接写html引入vue），嗯成品就是这样的一个html页面加vue的源代码加css等等和我们原有的jq页面一样。
- 接着我们把html页面的htmljava目录服务器下，访问你需要的路径时进行返回，不过这时候你大概会发现访问不了，页面不存在500错误等等一些情况，嗯！你都可以不用管接着，（主要是因为java时后台渲染为了避免用户做出什么伤天害理的事情，所以对页面访问进行了拦截，你可以和你的java小伙伴商量着把拦截拿掉那么理论上是可以访问的）至于老项目，你还是接着看吧
- 返回该目录把你的html后后缀改成jsp，然后继续访问，你会发现可能还是不能访问。没事接着找java后台的小伙伴问下页面是要插入在哪里，替换哪个jsp页面或者弄个新的，你只需要在头部加入和下边图片差不多的玩意
- 然后就可以愉快的访问啦，虽然体积大点，访问可能会慢那么一点，
- 但是vue正常渲染，你用ajax 来请求java后台的数据也能正常获取，数据也能动态渲染
- 只是需要注意一点假如你会ES6 ES7 千万不要用、千万不要用、千万不要用
- 原因就是java应该是不支持的，我记得我写了一个ES6的模板字符串访问页面的时候服务器直接返回500了
- 也不用写jsp 基本都按照正常写页面写即可
- 同时也能使用${} 来写一些jsp变量比如服务器域名那些${ctp}
- 如果你需要从其他jsp页面上获取某些数据,比如url后面跟的参数，那么需要使用原生js获取传过来的参数
- 然后把值赋值给vue之后才进行操作即可（上面各种获取不到url的参数的话只需原生js即可）
- 所以暂时先这样了，由于没做完，后续再补充

网页标题：如何在jsp页面里使用vue
文章链接：http://kswjz.com/article/jjjsjp.html

扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

如何在jsp页面里使用vue

只针对需要的

以下各类同学可以直接跳过

总结以上说的都是对的，但是已经写完了页面，所以 emmmm。。。。。

申明楼主只是个前端自己写的大部分也都是前后的分离的，不懂java不懂jsp，而且页面也是用vue写完了才知道要加入原有的jsp页面，所以记录一下全当教训了。

本文只是针对维护老项目,需要修改或者重新写新的jsp页面的同学。

开始

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧在百度地图上找到我们

电话：13518219792

如何在jsp页面里使用vue

只针对需要的

以下各类同学可以直接跳过

总结以上说的都是对的，但是已经写完了页面，所以 emmmm。。。。。

申明楼主只是个前端自己写的大部分也都是前后的分离的，不懂java不懂jsp，而且页面也是用vue写完了才知道要加入原有的jsp页面，所以记录一下全当教训了。

本文只是针对维护老项目,需要修改或者重新写新的jsp页面的同学。

开始

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧 在百度地图上找到我们

电话：13518219792

联系吧在百度地图上找到我们