C# Visio 二次開發：Web 端檢視 Visio 圖紙（一）——整體架構與效果展示

從 Winform 邁向 Web

前文皆為 Winform 架構。若能透過 Web 瀏覽最新圖面，系統更臻完善。實現路徑：客戶端安裝 Visio Viewer ActiveX（微軟免費提供），餘下為標準 Web 開發。

整體介面流程

點擊「查看饋線圖」按鈕 → 新視窗開啟 Visio 圖面

效果與 Winform 幾乎一致，支援縮放、平移、圖層切換等 Viewer 內建功能。

三頁面架構總覽

1. 主頁面：按鈕觸發 window.open('VisioContainer.aspx?VisioID=xxx')
2. 容器頁面 (VisioContainer.aspx)：內嵌 <object> ActiveX，JS 動態設定 SRC
3. 串流頁面 (VisioFile.aspx)：讀取資料庫二進位資料，輸出 application/vnd.ms-visio.viewer 串流

關鍵優勢

• 零部署（Viewer 自動下載安裝）
• 資料庫集中管理，無檔案同步問題
• 權限控管在 Web 層，安全性佳
• 跨平台瀏覽（需 IE/Edge IE 模式支援 ActiveX）