場(chǎng)景

若依前后端分離版本地搭建開發(fā)環(huán)境并運(yùn)行項(xiàng)目的教程：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662

若依微服務(wù)版手把手教你本地搭建環(huán)境并運(yùn)行前后端項(xiàng)目：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/109363303

在上面將系統(tǒng)搭建起來之后，默認(rèn)連接Mysql的數(shù)據(jù)庫。

需要是在基于上面開發(fā)系統(tǒng)中，能訪問某闖紅燈抓拍系統(tǒng)的數(shù)據(jù)庫并能實(shí)現(xiàn)

查詢其數(shù)據(jù)，然后跟據(jù)器數(shù)據(jù)庫中存儲(chǔ)的抓拍照片的路徑實(shí)現(xiàn)在自己系統(tǒng)中預(yù)覽訪問抓拍系統(tǒng)的

照片。

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關(guān)注公眾號(hào)
霸道的程序猿
獲取編程相關(guān)電子書、教程推送與免費(fèi)下載。

實(shí)現(xiàn)

抓拍服務(wù)器抓拍后的存儲(chǔ)的數(shù)據(jù)庫在Sqlserver中，而基于Springboot的業(yè)務(wù)系統(tǒng)是Mysql數(shù)據(jù)庫。

所以首先需要在業(yè)務(wù)系統(tǒng)中配置多數(shù)據(jù)源，使其能連接主庫為Mysql，某業(yè)務(wù)連接這個(gè)Sqlserver從庫。

動(dòng)態(tài)數(shù)據(jù)源的配置參考下面

synamic-datasource-spring-boot-starter實(shí)現(xiàn)動(dòng)態(tài)數(shù)據(jù)源Mysql和Sqlserver：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/117356693

在業(yè)務(wù)系統(tǒng)中能訪問到sqlserver的違章數(shù)據(jù)后。

其照片路徑為在違章抓拍服務(wù)器上的磁盤路徑。

所以需要在抓拍服務(wù)器上使用Nginx進(jìn)行靜態(tài)資源映射，使能通過網(wǎng)絡(luò)URL訪問到其靜態(tài)資源照片。

使用Nginx實(shí)現(xiàn)靜態(tài)資源映射可以參考

Nginx搭建靜態(tài)資源映射實(shí)現(xiàn)遠(yuǎn)程訪問服務(wù)器上的圖片資源：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/117283572

這里前端在調(diào)用后臺(tái)接口使，后臺(tái)直接從其sqlserver數(shù)據(jù)庫中查詢數(shù)據(jù)，并且直接將磁盤路徑的照片路徑

返回，并沒有在后臺(tái)進(jìn)行處理，因?yàn)轭A(yù)覽功能不是一直用。而且照片路徑也已經(jīng)確定好這個(gè)規(guī)則。

所以將照片的磁盤路徑轉(zhuǎn)換成網(wǎng)絡(luò)url映射后的路徑是在前端實(shí)現(xiàn)。

可以參考如下

Vue中使用el-popover實(shí)現(xiàn)懸浮彈窗顯示圖片預(yù)覽：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/117354661

Vue中使用a標(biāo)簽實(shí)現(xiàn)點(diǎn)擊在新標(biāo)簽頁中打開實(shí)現(xiàn)照片預(yù)覽：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/117355555

?

?

?

?

?

總結(jié)

以上是生活随笔為你收集整理的Springboot与抓拍系统对接实现查询违章数据与预览抓拍照片的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。