場景

若依前后端分離版本地搭建開發環境并運行項目的教程：

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

若依微服務版手把手教你本地搭建環境并運行前后端項目：

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

在上面將系統搭建起來之后，默認連接Mysql的數據庫。

需要是在基于上面開發系統中，能訪問某闖紅燈抓拍系統的數據庫并能實現

查詢其數據，然后跟據器數據庫中存儲的抓拍照片的路徑實現在自己系統中預覽訪問抓拍系統的

照片。

注：

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

實現

抓拍服務器抓拍后的存儲的數據庫在Sqlserver中，而基于Springboot的業務系統是Mysql數據庫。

所以首先需要在業務系統中配置多數據源，使其能連接主庫為Mysql，某業務連接這個Sqlserver從庫。

動態數據源的配置參考下面

synamic-datasource-spring-boot-starter實現動態數據源Mysql和Sqlserver：

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

在業務系統中能訪問到sqlserver的違章數據后。

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

所以需要在抓拍服務器上使用Nginx進行靜態資源映射，使能通過網絡URL訪問到其靜態資源照片。

使用Nginx實現靜態資源映射可以參考

Nginx搭建靜態資源映射實現遠程訪問服務器上的圖片資源：

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

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

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

所以將照片的磁盤路徑轉換成網絡url映射后的路徑是在前端實現。

可以參考如下

Vue中使用el-popover實現懸浮彈窗顯示圖片預覽：

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

Vue中使用a標簽實現點擊在新標簽頁中打開實現照片預覽：

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

?

?

?

?

?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。