場景

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

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

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

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

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

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

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

照片。

注：

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

實現(xiàn)

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

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

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

synamic-datasource-spring-boot-starter實現(xiàn)動態(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進行靜態(tài)資源映射，使能通過網(wǎng)絡(luò)URL訪問到其靜態(tài)資源照片。

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

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

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

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

返回，并沒有在后臺進行處理，因為預(yù)覽功能不是一直用。而且照片路徑也已經(jīng)確定好這個規(guī)則。

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

可以參考如下

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

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

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

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

?

?

?

?

?

總結(jié)

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

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