只針對(duì)需要的

以下各類同學(xué)可以直接跳過(guò)

• 不推薦jsp和vue加一起寫的
• 說(shuō)直接用jq寫的
• 。。。。。的
• 吐槽的
• 各種解決方案的

總結(jié)以上說(shuō)的都是對(duì)的，但是已經(jīng)寫完了頁(yè)面，所以 emmmm。。。。。

申明樓主只是個(gè)前端自己寫的大部分也都是前后的分離的，不懂java不懂jsp，而且頁(yè)面也是用vue寫完了才知道要加入原有的jsp頁(yè)面，所以記錄一下全當(dāng)教訓(xùn)了。

本文只是針對(duì)維護(hù)老項(xiàng)目,需要修改或者重新寫新的jsp頁(yè)面的同學(xué)。

開始

1、 jsp 和html（vue）頁(yè)面有申明區(qū)別

創(chuàng)新互聯(lián)成立于2013年，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元廣安做網(wǎng)站,已為上家服務(wù),為廣安各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575

• 我覺(jué)得本質(zhì)上沒(méi)什么區(qū)別，只是jsp是后端渲染 ，而我們使用vue大都是前端渲染
  2、 解決方案
  • 首先我們的vue頁(yè)面寫完了,（第一次用工程打包，第二次不用路由，第三次直接寫html引入vue），嗯成品就是這樣的一個(gè)html頁(yè)面 加vue的源代碼加css等等和我們?cè)械膉q頁(yè)面一樣。
  • 接著我們把html頁(yè)面的htmljava目錄服務(wù)器下，訪問(wèn)你需要的路徑時(shí)進(jìn)行返回，不過(guò)這時(shí)候你大概會(huì)發(fā)現(xiàn)訪問(wèn)不了，頁(yè)面不存在500錯(cuò)誤等等一些情況，嗯！你都可以不用管接著，（主要是因?yàn)閖ava時(shí)后臺(tái)渲染為了避免用戶做出什么傷天害理的事情，所以對(duì)頁(yè)面訪問(wèn)進(jìn)行了攔截，你可以和你的java小伙伴商量著把攔截拿掉那么理論上是可以訪問(wèn)的） 至于老項(xiàng)目，你還是接著看吧
  • 返回該目錄 把你的html后后綴改成jsp，然后繼續(xù)訪問(wèn)，你會(huì)發(fā)現(xiàn)可能還是不能訪問(wèn)。沒(méi)事接著找java后臺(tái)的小伙伴問(wèn)下頁(yè)面是要插入在哪里，替換哪個(gè)jsp頁(yè)面或者弄個(gè)新的，你只需要在頭部加入和下邊圖片差不多的玩意
    
  • 然后就可以愉快的訪問(wèn)啦，雖然體積大點(diǎn)，訪問(wèn)可能會(huì)慢那么一點(diǎn)，
  • 但是vue正常渲染，你用ajax 來(lái)請(qǐng)求java后臺(tái)的數(shù)據(jù)也能正常獲取，數(shù)據(jù)也能動(dòng)態(tài)渲染
  • 只是需要注意一點(diǎn) 假如你會(huì)ES6 ES7 千萬(wàn)不要用、千萬(wàn)不要用、 千萬(wàn)不要用
  • 原因就是java應(yīng)該是不支持的，我記得我寫了一個(gè)ES6的模板字符串訪問(wèn)頁(yè)面的時(shí)候服務(wù)器直接返回500了
  • 也不用寫jsp 基本都按照正常寫頁(yè)面寫即可
  • 同時(shí)也能使用${} 來(lái)寫一些jsp變量 比如服務(wù)器域名那些${ctp}
  • 如果你需要從其他jsp頁(yè)面上獲取某些數(shù)據(jù),比如url后面跟的參數(shù)，那么需要使用原生js獲取傳過(guò)來(lái)的參數(shù)
  • 然后把值賦值給vue之后才進(jìn)行操作即可 （上面各種獲取不到url的參數(shù)的話只需原生js即可）
  • 所以暫時(shí)先這樣了，由于沒(méi)做完，后續(xù)再補(bǔ)充