《工業(yè)可視化》課件 任務(wù)5.2 集成及發(fā)布可視化項目 -任務(wù)實施

《工業(yè)可視化》/工業(yè)互聯(lián)網(wǎng)系列課程湖南三一工業(yè)職業(yè)技術(shù)學(xué)院項目五：集成及發(fā)布工業(yè)可視化大屏任務(wù)5.2集成及發(fā)布可視化項目>>※任務(wù)實施《工業(yè)可視化》/工業(yè)互聯(lián)網(wǎng)系列課程1.集成項目頁面2.設(shè)置頁面跳轉(zhuǎn)3.對外發(fā)布項目目錄1.集成項目頁面（1）

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

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

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

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

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

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

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

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

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

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

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