jsp页面用html引入vue.js注意问题
2023-09-11 14:17:22 时间
https://blog.51cto.com/ellard/2155117?source=dra
本文只是针对维护老项目,需要修改或者重新写新的jsp页面的同学。
开始
1、 jsp 和html(vue)页面有申明区别
- 我觉得本质上没什么区别,只是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即可)
- 所以暂时先这样了,由于没做完,后续再补充
相关文章
- javaWeb学习总结(8)- jsp指令(3)
- jsp JDBC连接MySQL数据库操作标准流程参考
- jsp中submit的连接属性是什么?
- [转] vue自定义组件(通过Vue.use()来使用)即install的使用
- 基于 Vue.js 之 iView UI 框架非工程化实践记要 使用 Newtonsoft.Json 操作 JSON 字符串 基于.net core实现项目自动编译、并生成nuget包 webpack + vue 在dev和production模式下的小小区别 这样入门asp.net core 之 静态文件 这样入门asp.net core,如何
- 【Vue】你必须要知道的vue中v-on指令的修饰符
- 【Vue】错误 : 无法加载文件 C:UsersAdministratorAppDataRoamingnpmvue.ps1,因为在此系统上禁止运行脚本的解决方法
- 【JAVA】MyEclipse中JSP页面出现中文乱码问题(3种情况的解决方案)
- 解决JSP中文乱码问题
- JSP 表单提交 数据库乱码解决方法
- JSP文件管理后门工具jsp-file-browser
- jsp与servlet联合处理
- javascript 如何访问 action或者controller 传给 jsp 页面的值
- Vue项目 跨域 解决方案与 vue.config.js 配置解析
- jsp中文乱码问题解决
- 用 vue cli 脚手架搭建单页面 Vue 应用(进阶2)
- vue学习笔记九:Jquery VS Vue之遍历方法对照
- vue学习笔记八:Jquery VS Vue之全局属性对照
- jsp标签(jsp动作元素)
- Java_JSP自定义标签的开发与应用
- Eclipse中Jsp页面警告的解决方法小结
- 浅析Vue数据更新了但页面不更新的7种情况及vue异步更新带来的数据响应的误解
- Vue实战第1章:学习和使用vue-router
- JSP-小应用-新闻发布系统
- 前端技术:vue(Vue项目中-axios设置默认请求地址和请求头)
- jsp页面 监听键盘回车键 事件
- JDBC结合JSP使用(2)
- JSP九大内置对象
- Servlet、JSP选择题
- jsp获取请求头信息