如何在jsp頁面里使用vue

發布時間：2020-08-12 14:47:44 來源：網絡閱讀：10854 作者：葉夢青衫欄目：web開發

只針對需要的

以下各類同學可以直接跳過

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

向AI問一下細節

亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

如何在jsp頁面里使用vue

只針對需要的

以下各類同學可以直接跳過

總結以上說的都是對的，但是已經寫完了頁面，所以 emmmm。。。。。

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

本文只是針對維護老項目,需要修改或者重新寫新的jsp頁面的同學。

開始

猜你喜歡

亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

如何在jsp頁面里使用vue

只針對需要的

以下各類同學可以直接跳過

總結以上說的都是對的，但是已經寫完了頁面，所以 emmmm。。。。。

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

本文只是針對維護老項目,需要修改或者重新寫新的jsp頁面的同學。

開始

猜你喜歡

最新資訊

相關推薦

相關標簽