如何在jsp页面里使用vue

只针对需要的

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

1、不推荐jsp和vue加一起写的

2、说直接用jq写的

3、。。。。。的

4、吐槽的

5、各种解决方案的

总结以上说的都是对的，但是已经写完了页面，所以 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页面或者弄个新的，你只需要在头部加入和下边图片差不多的玩意
- 然后就可以愉快的访问啦，虽然体积大点，访问可能会慢那么一点，
- 但是vue正常渲染，你用ajax 来请求java后台的数据也能正常获取，数据也能动态渲染
- 只是需要注意一点假如你会ES6 ES7 千万不要用、千万不要用、千万不要用
- 原因就是java应该是不支持的，我记得我写了一个ES6的模板字符串访问页面的时候服务器直接返回500了
- 也不用写jsp 基本都按照正常写页面写即可
- 所以暂时先这样了，由于没做完，后续再补充

原文地址：http://blog.51cto.com/ellard/2155117

时间： 2024-08-02 11:03:43

如何在jsp页面里使用vue的相关文章

如何在jsp页面显示存储在数据库的图片

1.从数据库中查找图片的二进制数据,把查找出来的数据set到会话中 request.getSession().setAttribute("img",图片的二进制数据 ); 2.把数据write到流里 1 package cn.jbit.auction.web.servlet; 2 3 import java.io.IOException; 4 5 import javax.servlet.ServletException; 6 import javax.servlet.http.Htt

java 读取数据库中文信息，为何在jsp页面中出现乱码

有如下几种解决办法: 1.保证项目的字符编码和每一个jsp页面的字符编码一致,如果不一致可能导致中文乱码问题<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %><meta http-equiv="Content-Type" content="text/html; charset=

如何在JSP页面显示mysql数据库内容（二）

用Eclipse tomcat新建一个JSP页面(一)介绍了如何创建一个web程序和第一个jsp页面,以及Eclipse需要的一些必要配置.今天,我们重点说一下如何从数据库中查询数据,并且在JSP页面显示. 首先需要注意这样一个问题: 建的如果是java项目,只需要引入mysql-connector-java-5.1.10-bin.jar就可以运行java项目.建的如果是web工程,当Class.forName("com.mysql.jdbc.Driver");时,Eclipse是不会

SAP BSP和JSP页面里UI元素的ID生成逻辑

CRM WebClient UI WebUI最后渲染出来的dom element这些C#_W#的id是在哪行ABAP代码被render出来的? See my blog WebClient UI element ID generation logic https://blogs.sap.com/2018/01/31/webclient-ui-element-id-generation-logic/ Hybris 既然是JSP,套路都一样的.Hybris application developer不

servlet里获得jsp页面里select的选项之值

<span style="font-size:24px;"><select name=first> <option value="1">第一</option> <option value="1">第二</option> </select></span> String v=request.getParameter("first")

如何在jsp页面获取系统时间

<%@ page import="java.util.*"%> //获取系统时间必须导入的 <%@ page import="java.text.*"%> //获取系统时间必须导入的 String datetime=new SimpleDateFormat("yyyy-MM-dd").format(Calendar.getInstance().getTime()); //获取系统时间

如何在JSP页面中获取当前系统时间

出自:http://hi.baidu.com/itfuck_/item/803662469cdf7baa61d7b945 1: import java.util.*; int y,m,d,h,mm; Calendar c = Calendar.getInstance(); y = c.get(Calendar.YEAR); //年 m = c.get(Calendar.MONTH) + 1; //月 d = c.get(Calendar.DAY_OF_MONTH); //日 h = c.get(

JSP如何在servlet将一个数据模型对象传递给jsp页面

在servlet把对象放到request里,然后jsp里直接通过request取值如在servlet:(简写了)public void doGet(request,response){UserInfo user=new UserInfo();//一系列处理往user属性赋值操作后request.setAttribute("user",user);//不能用response.sendRedirect();request.getRequestDispatcher("/index

jsp页面写入中文到mysql时出现了乱码(转)

今天自己在用jsp把中文写入mysql的时候出现乱码,从数据库中读取出来的时候也显示为“??”,感觉应该出现了编码转换过程中的字符信息丢失.然后在mysql中直接执行该命令,发现中文是正常的,所有认为是在往数据库中写中文的时候出现了问题. 在网上找了一会,发现不少解决方法,就转了一篇过来,这个刚好能解决自己的问题. 在此表示感谢. 今天遇到了在jsp页面写入中文到mysql时出现了乱码,已经漫长的过程,问题终于解决了. 先说下自己的开发环境:jsp+Eclipse+my