vue 用jsp 还是html,如何在jsp页面里使用vue

## 只针对需要的

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

- 不推荐jsp和vue加一起写的

- 说直接用jq写的

- 。。。。。的

- 吐槽的

- 各种解决方案的

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

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

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

#### 开始

1、 jsp 和html(vue)页面有申明区别

- 我觉得本质上没什么区别,只是jsp是后端渲染 ,而我们使用vue大都是前端渲染

2、 解决方案

- 首先我们的vue页面写完了,(第一次用工程打包,第二次不用路由,第三次直接写html引入vue),嗯成品就是这样的一个html页面 加vue的源代码加css等等和我们原有的jq页面一样。

- 接着我们把html页面的htmljava目录服务器下,访问你需要的路径时进行返回,不过这时候你大概会发现访问不了,页面不存在500错误等等一些情况,嗯!你都可以不用管接着,(主要是因为java时后台渲染为了避免用户做出什么伤天害理的事情,所以对页面访问进行了拦截,你可以和你的java小伙伴商量着把拦截拿掉那么理论上是可以访问的) 至于老项目,你还是接着看吧

- 返回该目录 把你的html后后缀改成jsp,然后继续访问,你会发现可能还是不能访问。没事接着找java后台的小伙伴问下页面是要插入在哪里,替换哪个jsp页面或者弄个新的,你只需要在头部加入和下边图片差不多的玩意

![](https://s4.51cto.com/images/blog/201808/06/b27f064cc7cdef6aa04866d2e287bc72.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)

- 然后就可以愉快的访问啦,虽然体积大点,访问可能会慢那么一点,

- 但是vue正常渲染,你用ajax 来请求java后台的数据也能正常获取,数据也能动态渲染

- 只是需要注意一点 假如你会ES6 ES7 千万不要用、千万不要用、 千万不要用

- 原因就是java应该是不支持的,我记得我写了一个ES6的模板字符串访问页面的时候服务器直接返回500了

- 也不用写jsp 基本都按照正常写页面写即可

- 同时也能使用${} 来写一些jsp变量 比如服务器域名那些${ctp}

- 如果你需要从其他jsp页面上获取某些数据,比如url后面跟的参数,那么需要使用原生js获取传过来的参数

- 然后把值赋值给vue之后才进行操作即可 (上面各种获取不到url的参数的话只需原生js即可)

- 所以暂时先这样了,由于没做完,后续再补充

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/557988.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

局域网访问提示无法访问检查拼写_访问某一个共享提示windows无法访问,请检查名称的拼写,访问其他共享正常...

展开全部各位,我62616964757a686964616fe59b9ee7ad9431333431353336花了一天网上查阅,很多教程都是错误的,我写的这些前面的都是浮云,最主要的问题是第14步,直接完美解决问题Win10 1709无法共享的完美设置方案近期&am…

计算机主板另一个名称,主板名称太复杂 看这几点就秒懂了

现在的主板厂商特看重个性化和市场细分,恨不得给每个人定制最适合的主板,所以主板型号多到爆,名称还都特别长,看得人眼晕还看不懂。其实这些名字虽然拉拉杂杂一长串,但都带有很好理解的“关键词”,只要扫一…

html2canvas图片位移_html2canvas html截图插件图片放大清晰度处理方案,支撑恣意放大倍数,处理原插件图片偏移题目...

html2canvas html截图插件图片放大清晰度处理方案,支撑恣意放大倍数,处理原插件图片偏移题目Author:youzebin (2016.12.6)插件下载地点:https://github.com/niklasvh/h…1.起首引入html2canvas.js html2canvas 0.5.0-beta4 最新版即可必要步骤…

亚马逊产品描述计算机语言编辑,亚马逊Listing产品描述编辑讲解

烂人的虚伪我从头看到尾优质答主01-24TA获得超过2782个赞自建listing,就是根据自己的产品,自己打造产品客户端的展示内容,让顾客了解自己的产品,有下单的欲望!建好如果效果不好,还要进行优化,最…

ul 原点显示_web前端开发学习教程,CSS HTML - ul li列表原点如何相连

原标题:web前端开发学习教程,CSS HTML - ul li列表原点如何相连目前我列出两个方案,很详细,希望可以帮助到有疑问的朋友。方案一:html参与考试《第一期模拟考试》3小时50分钟学习文档《LDO电路设计规范》3小时50分钟学习文档《LDO…

计算机的硬盘 内存在哪查到,电脑硬盘内存怎么查看

电脑硬盘内存怎么查看在我们买电脑的时候我们一般都会选择去看看电脑硬盘内存的大小。那么电脑硬盘内存怎么查看呢?下面就由jy135小编来告诉大家吧,欢迎阅读。方法一、在电脑系统中查看1、这里以 Windows7 系统为例,选中桌面的“计算机”图标&#xff0…

计算机组成原理上机实验报告.doc,计算机组成原理第二次上机实验报告.doc

《计算机组成原理第二次上机实验报告.doc》由会员分享,提供在线免费全文阅读可下载,此文档格式为doc,更多相关《计算机组成原理第二次上机实验报告.doc》文档请在天天文库搜索。1、青岛理工大学实 验 报 告实验课程: …

linux messages 时间错乱_BATJ 常考的 21 条 Linux 命令,速度收藏!

来源: http://t.cn/EqTIhES一、文件和目录1. cd命令(它用于切换当前目录,它的参数是要切换到的目录的路径,可以是绝对路径,也可以是相对路径)cd /home 进入 / home 目录cd .. 返回上一级目录 cd ../.. 返回上两级目录 …

layui导航栏页面滚动固定_网站建设页面导航如何降低用户寻找的时间

做为正确引导客户体验网站的莱单导航栏,从检索视角上而言,也起着关键的功效,莱单导航栏不但联系网站的外界,也联系着网站主页面及其别的网页,是全部网站的“管理中心”,因此网站建设中莱单导航栏设计方案&a…

计算机中字长名词解释,《计算机科学概论》复习题(内含参考答案)

. .一、判断题(红色字体部分略过)1. HTTP是文件传输协议。(注:HTTP是超文本传输协议,支持WEB信息浏览。FTP是文件传输协议,支持文件的上传和下载)2. 一般来说计算机字长越长则性能越强。(注:CPU字长越长,性能当然越强)…

c++ new 数组_用Java实现JVM第八章《数组和字符串》

案例介绍本章主要介绍如何实现让虚拟机处理数组和字符串,在虚拟机功能增强后,我们可以执行数组类型计算和输出字符串。本章需要新增实现数组指令;newarray、anewarray、arraylength、aload、astore、multianewarray、ldc,同时需要…

计算机IP为什么只有255,为什么电脑IP地址最大值是255?

一、为什么电脑IP地址最大值是255?目前我们常用的IP地址叫IPV4地址,如IP地址:192.168.1.1它是4个字节(Byte)的数据,在计算机中1个字节(Byte)8个二进制位(bit)所以一个IP地址共有4832个二进制位,通常被分割为4组&#x…

计算机组成原理课程设计指令扩展,指令扩展设计计算机组成原理课程设计.doc...

指令扩展设计计算机组成原理课程设计计算机科学学院课程设计报告课程 计算机组成原理题目 的实现(指令扩展)年级 2009级专业 计算机科学与技术学号 学生 多啦小鹏任课教师2012年 2月 28日课程设计题目的求值(指令扩展)验收时间2012年2月2日课题设计方案1、课题设计方案1.1、基础…

c++数据结构队列栈尸体_数据结构-第三章:栈和队列(栈的应用、括号匹配、表达式转换)...

第三章:栈和队列下面讲解栈的应用主要内容有:栈的应用、括号匹配、中 后 前 缀表达式转换1.栈的应用1.1括号匹配我们在数学运算中 [(Ab)*c] - (E-F) 往往都会有[ ] 和 ( ) 来表示运算的优先级,我们把这样的[ ] 和 ( ) 提取出来组成的序列叫做…

测试你是什么样的双眼皮软件,来测试你适合哪种双眼皮?

你的脸型适合哪种双眼皮?自己可以来测试下很多人喜欢大眼睛,双眼皮,觉得越宽越大越好看。我觉得只要和自己五官协调就是最好看的。不同脸型适合什么样的双眼皮?1、平行型:适合眼睛比较大、眉弓比较高、眉毛距眼睛较远且…

服务器内存不认硬盘_服务器品牌有哪些?如何选择服务器?

前段时间我们发布丰富机房建设相关内容,有很多朋友就问到如何保证服务器可以支持百万用户访问?服务器品牌有哪些?服务打开速度慢怎么办?选择服务器主要看哪些参数?。本期我们一起来了解这方面内容。一、服务器品牌服务…

mpi由于目标计算机积极拒绝,windows系统lammps安装MPICH2的问题

20170610补充:补充上次补充内容的文字说明:MPICH2的安装一半没问题。最常遇到的问题是不清楚注册时候到底使用哪个用户名或者计算机名。在确保安装成功的前提下,运行命令:mpiexec -register会让输入用户名和密码。这个用户名是计算…

datagridview 手动添加的行如何进行重载_【厚积薄发】如何规划UI图标图集

这是第151篇UWA技术知识分享的推送。今天我们继续为大家精选了若干和开发、优化相关的问题,建议阅读时间10分钟,认真读完必有收获。UWA 问答社区:answer.uwa4d.comUWA QQ群2:793972859(原群已满员)本期目录:如何规划UI…

贾立平是中科学院计算机所博士,中国科学院博士生贾立平:创新变通能力才是未来最根本的竞争力...

人民网北京1月8日电 宇宙巡游2020——UCCA Kids艺术嘉年华4日开幕。中国科学院博士生贾立平表示,脑科学可以更好地了解孩子的想象力、创造力,通过艺术,会更快地促进孩子能力的发展。“宇宙巡游2020”儿童艺术展览学生作品《太阳系的热带森林》…

webview 个人小程序_关于微信小程序webview的使用

小程序微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。同时提供一系列工具帮助开发者快速接入并完成小程序开发。关于如何注册配置就不多言了,本文主要还是体验了下web-view的功能。…