jsp頁面用html引入vue.js注意問題


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頁面或者弄個新的,你只需要在頭部加入和下邊圖片差不多的玩意
        如何在jsp頁面里使用vue
      • 然后就可以愉快的訪問啦,雖然體積大點,訪問可能會慢那么一點,
      • 但是vue正常渲染,你用ajax 來請求java后台的數據也能正常獲取,數據也能動態渲染
      • 只是需要注意一點 假如你會ES6 ES7 千萬不要用、千萬不要用、 千萬不要用
      • 原因就是java應該是不支持的,我記得我寫了一個ES6的模板字符串訪問頁面的時候服務器直接返回500了
      • 也不用寫jsp 基本都按照正常寫頁面寫即可
      • 同時也能使用${} 來寫一些jsp變量 比如服務器域名那些${ctp}
      • 如果你需要從其他jsp頁面上獲取某些數據,比如url后面跟的參數,那么需要使用原生js獲取傳過來的參數
      • 然后把值賦值給vue之后才進行操作即可 (上面各種獲取不到url的參數的話只需原生js即可)
      • 所以暫時先這樣了,由於沒做完,后續再補充


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM