《工業可視化》課件 任務5.2 集成及發布可視化項目 -任務實施

《工業可視化》/工業互聯網系列課程湖南三一工業職業技術學院項目五：集成及發布工業可視化大屏任務5.2集成及發布可視化項目>>※任務實施《工業可視化》/工業互聯網系列課程1.集成項目頁面2.設置頁面跳轉3.對外發布項目目錄1.集成項目頁面（1）

任務分析為了實現在同一項目內不同頁面的跳轉，需先將在其它項目中設計好的頁面復制到本項目中。（1）打開項目三創建的“售后服務信息”頁面；①單擊頁面名稱的下拉按鈕；②鼠標放置在選中想復制的頁面“售后服務信息”，單擊出現的“復制到其它項目”按鈕，如圖所示。復制頁面1.集成項目頁面（1）

任務分析（2)選擇復制至的項目。完成前一個步驟后，會彈出復制到其它項目選框；在下拉框中選擇“要復制到的項目”名稱，本示例選擇“任務5.1”創建的“數字化平臺”項目；單擊“確定”按鈕，即可實現復制頁面“售后服務信息”頁面到“數字化平臺”項目中，如圖所示。最后打開任務5.1創建的“數字化平臺”項目，即可看到所有復制過去的頁面。復制頁面1.集成項目頁面（1）

任務分析(3)重復前兩個步驟，將項目1至項目4創建的“集團信息”“焊接機器人運行工況”“生產車間總覽”等，共8個頁面復制到本項目“數字化平臺”中，并在“數字化平臺”項目中單擊頁面下拉按鈕對每個頁面重命名。單擊箭頭所示的圖標，設置數字化平臺首頁為主頁，如圖所示。復制頁面2.設置頁面跳轉（1）

任務分析接下來需要在數字化平臺首頁設備設置文本組件，通過單擊“詳情”文本組件可以跳轉到各詳情頁面，在其它詳情頁面設置“返回首頁”文本組件跳轉回到數字化平臺首頁。以“集團信息展示”為例示范操作過程。1）將“文本”組件拖拽至“集團信息”欄內，設置“文本”組件的屬性，頁面列表選擇跳轉到“集團信息展示”，如圖所示。設置跳轉頁面2.設置頁面跳轉（1）

任務分析2）切換到“集團信息展示”頁面，重復上述操作，設置“<<返回首頁”文本組件，跳轉頁面列表選擇“數字化平臺首頁”，如圖所示。設置跳轉頁面2.設置頁面跳轉（1）

任務分析3）重復前兩個步驟，分別為每個模塊設置“詳情>>”文本組件和對應頁面中“<<返回首頁”文本組件，完成后的效果如圖所示。設置跳轉頁面3.對外發布項目（1）

任務分析1）設計完成后，單擊“預覽按鈕”，會跳轉到預覽頁面。在預覽頁面，單擊“分享”按鈕。彈框中的發布地址訪問設置有兩個選項，其中“SaaS賬號登錄”表示需要使用云視界的賬號密碼才可以登錄，而選擇“賬號授權登錄”則無需使用云視界賬號密碼也可以登錄查看。本示例勾選“賬號授權登錄”，如圖。分享頁面3.對外發布項目（1）

任務分析2）勾選第一個彈框中的“賬號授權登錄”后，會有第二個彈框，此時輸入云視界的賬號密碼，并單擊“驗證”按鈕，如圖所示。身份驗證3.對外發布項目（1）

任務分析3）完成第二個彈框的設置后，出現第三個彈框。為了確保數據安全，發布者可為訪問者設置頁面訪問用戶名及密碼，只有正確輸入訪問用戶名及密碼后，才可以訪問查看頁面，最后單擊“分享”按鈕，如圖所示。設置密碼3.對外發布項目（1）

任務分析4）分享后會出現訪問鏈接如圖所示，復制該鏈接給到所需的用戶。。分享連接3.對外發布項目（1）

任務分析5）用戶可通過在瀏覽器輸入該地址訪問，輸入在分享時設置的賬號密碼后單擊“登錄按鈕”，如圖1所示；最終效果如圖2所示。訪問效果圖1圖214THANK