全部產品
Search
文件中心

Quick BI:建立PC端資料門戶

更新時間:Nov 15, 2025

資料門戶是通過菜單形式組織的資料作品(儀表板、試算表、資料大屏、即席分析、資料填報、自助取數)和外部連結的集合。通過資料門戶您可以製作複雜的帶導覽功能表,用於專題類分析。本文將為您介紹如何建立PC端資料門戶。

門戶配置

將頁面頂端的終端滑塊切換至image表徵圖,即可進行PC端的門戶配置。

操作入口

  • 在頂部單擊門戶設定表徵圖。image

  • 當您在配置菜單時,可通過單擊門戶配置進入配置門戶介面。

    image

基礎配置

配置項

配置項說明

全域 LOGO

  • 支援隱藏全域 LOGO。

    全域 LOGO預設顯示,去掉勾選後,即可隱藏全域 LOGO。

    image

  • 支援使用素材或上傳自訂圖片。上傳的本地圖片尺寸建議 60*60~180*60, 100k以內。

    image.png

  • 支援調整LOGO大小。

    image

顯示主標題

支援勾選是否顯示主標題並配置主標題的名稱及文本樣式。

顯示副標題

支援勾選是否顯示副標題並配置副標題的名稱及文本樣式。

查看方式

  • 導航架構模式雙瀏覽版面配置、頂部瀏覽版面配置時,查看方式支援下拉選擇當前頁面開啟、新視窗開啟兩種方式。

    image

  • 導航架構模式左瀏覽版面配置時,查看方式支援下拉選擇當前頁面開啟、新視窗開啟當前頁增加Tab頁簽的方式開啟三種方式。

    image

  • 您也可以選擇自訂各菜單頁的查看方式,單擊去配置,進入菜單頁的配置介面。

    image

    菜單頁的配置請參見菜單配置

導航架構

您可以在導航架構裡設定主題模式導航架構模式及樣式。

  • 主題模式

    支援設定淺色模式深色模式

    • 淺色模式

      image

    • 深色模式

      image

  • 導航架構模式

    您可以選擇頂部瀏覽版面配置左瀏覽版面配置雙瀏覽版面配置

    image

    • 頂部瀏覽版面配置

      配置項

      配置項說明

      頭部導航

      導航架構模式選擇頂部瀏覽版面配置雙瀏覽版面配置時,支援配置頭部導航:

      • 導覽列高度

        Untitled

      • 導覽列背景

        Untitled

      • 疊加背景圖片

        勾選後支援上傳自訂圖片。上傳本地圖片只支援jpg,jpeg,png,gif,svg格式,最大1M。

        image

      • Tab樣式

        支援底線選中字選中塊

      • Tab文字

        支援設定常規文本樣式、選中填充顏色和選中文本樣式。其中選中填充顏色僅在選中塊生效

        image

      下拉式功能表

      導航架構模式選擇頂部瀏覽版面配置,支援配置下拉式功能表

      • 導覽功能表區背景

        Untitled

      • 疊加背景圖片

        勾選後支援上傳自訂圖片。上傳本地圖片只支援jpg,jpeg,png,gif,svg格式,最大1M。

      • 文本展示

        支援設定常規選中的填充顏色及文本樣式。

        image

      • 自訂菜單行尺寸

        設定菜單行的高度

    • 左瀏覽版面配置

      配置項

      配置項說明

      Logo展示區顏色

      支援設定Logo展示區顏色為純色或漸層。

      image

      疊加背景圖片

      勾選後支援上傳自訂圖片。上傳本地圖片只支援jpg,jpeg,png,gif,svg格式,最大1M。

      面板配置

      • 導覽列背景

        image

      • 疊加背景圖片

        勾選後支援上傳自訂圖片。上傳本地圖片只支援jpg,jpeg,png,gif,svg格式,最大1M。

      菜單展示配置

      • 菜單選中樣式

        支援填充選中塊

      • 菜單層級文本展示

        支援設定全部菜單層級或指定菜單層級的文本展示樣式。image.png

      • 菜單名稱縮排

        • 勾選後下級菜單名稱縮排。image.png

        • 不勾選時,全部菜單名稱在一列上。image.png

      • 自訂菜單行尺寸

        設定菜單行的高度

    • 雙瀏覽版面配置

      配置項

      配置項說明

      頭部導航

      導航架構模式選擇頂部瀏覽版面配置雙瀏覽版面配置時,支援配置頭部導航:

      • 導覽列高度

        Untitled

      • 導覽列背景

        image

      • 疊加背景圖片

        勾選後支援上傳自訂圖片。上傳本地圖片只支援jpg,jpeg,png,gif,svg格式,最大1M。

        image

      • Tab樣式

        支援底線選中字選中塊

      • Tab文字

        支援設定常規文本樣式、選中填充顏色和選中文本樣式。其中選中填充顏色僅在選中塊生效

        image

      左側面板菜單區

      導航架構模式選擇雙瀏覽版面配置,支援配置左側面板菜單區

      • 菜單區背景

        image

      • 疊加背景圖片

        勾選後支援上傳自訂圖片。上傳本地圖片只支援jpg,jpeg,png,gif,svg格式,最大1M。

      • 菜單選中樣式

        支援填充選中塊

      • 菜單層級文本展示

        支援設定全部菜單層級或指定菜單層級的文本展示樣式。

        image.png

      • 菜單名稱縮排

        • 勾選後下級菜單名稱縮排。

          image.png

        • 不勾選時,全部菜單名稱在一列上。

          image.png

      • 自訂菜單行尺寸

        設定菜單行的高度

添加常規控制項

說明

PC端的添加常規控制項配置,與移動端共用同一套配置。

配置項

配置項說明

顯示頁尾

選中該選項,您可以自訂頁尾內容並顯示在內容頁底部。

菜單層級麵包屑展示

選中該選項,菜單層級將在內容頁頂部展示。

image

菜單緩衝

選中該選項,當同時開啟多個菜單時,菜單切換時將不需要重新載入。

點擊目錄節點選中子功能表

勾選後,點擊目錄節點會自動展示下一級子功能表。

不勾選時,頂部導航和左瀏覽版面配置下,點擊目錄節點僅會“摺疊/展開”菜單列表;雙瀏覽版面配置下,該配置項僅對左側菜單生效。

完整展示門戶標題

雙導航/頂部導航情況下,當標題過長時,預設展示完整。Untitled

門戶別名

您可以自訂填寫參數,此時會拼接在連結中。例如,您填寫參數1,則門戶別名為:https://daily.yunbi.biz.aliyun.test/product/1.htm

image

說明

請您填寫符合法律法規的內容,不得填寫任何違法亂紀、色情、反動、不道德等資訊。

菜單配置

說明

PC端菜單配置僅菜單展示樣式需要單獨設定,其餘內容與移動端共用同一套配置。

  1. 在資料門戶編輯頁面,單擊目標菜單,進入配置菜單頁面。

    image

  2. 配置菜單頁面,配置門戶菜單、系統功能菜單設定

    image

    • 門戶菜單配置

      image

      ①添加主菜單。即添加一級菜單。

      ②添加二級及以下的菜單。

      ③設定某個菜單為首頁。設定後開啟資料門戶預設顯示這個首頁。

      ④刪除菜單。

    • 系統功能設定

      您可以按照圖示方式選擇菜單搜尋頁面全屏功能。

      image

      • 菜單搜尋

        • 勾選菜單搜尋顯示時,支援搜尋菜單名稱。

          image

        • 支援配置菜單搜尋的背景填充色表徵圖顏色線框顏色、搜尋方塊內文字空態狀輸入態的文本樣式。

          image

      • 頁面全屏

        • 勾選頁面全屏顯示時,頁面將展示全屏按鈕並可以進行全屏操作。

          image

        • 支援配置功能表徵圖為使用素材自訂圖片

          image

          上傳本地圖片只支援jpg,jpeg,png,gif,svg格式,最大1M。

          image.png

    • 菜單設定

      配置項

      配置項說明

      菜單名稱

      用於自訂菜單名稱。

      允許摺疊

      用於設定菜單是否可以摺疊。

      預設摺疊

      用於設定菜單的預設狀態。

      說明

      若且唯若選中菜單允許摺疊時,才可以設定該選項。

      節點類型

      設定節點類型為內容節點或空節點。

      • 當該節點需要成為父節點時,可以設定該節點為空白節點。

      • 當該節點下面添加子節點時,該節點會自動變成空節點。如果該節點原先為內容節點,添加子節點將清空節點內容。

        image

      內容類型

      支援設定空間資源外部連結。其中移動端資料門戶支援的空間資源類型如下:

      • 儀表板

      • 資料大屏

      • 試算表

      • 即席分析

      • 資料填報

      • 自助取數

      空間資源儀表板、試算表、即席分析、自助取數時,支援是否展示報表標題

      image

      查看方式

      支援當前頁面開啟新視窗開啟和當前頁面及新視窗三種方式。

      說明
      • 若且唯若該菜單未選中設定空節點時,才可以設定該選項。

      • 若您已在配置網站中統一選擇頁面開啟檔案,此時不支援自訂單個菜單頁。如需自訂單個菜單頁的開啟檔案,請修改為自訂各菜單頁的查看方式

        image

      菜單展示樣式

      支援開啟或隱藏菜單展示、勾選顯示表徵圖並配置表徵圖的大小、常規狀態和選中狀態的菜單icon以及表徵圖與文本間間距image

      • 您可以自訂菜單在PC端移動端的顯示狀態。若選擇在PC端隱藏菜單,則相應的菜單及其子功能表將不再展示,而移動端的菜單展示不受影響。如需配置移動端的菜單展示,請在建立移動端資料門戶時進行相應設定。

        image

      • 菜單icon支援使用素材自訂圖片

        • 使用素材image.png

        • 自訂圖片

          支援上傳本地圖片(①)或通過圖片連結上傳(②)。image.png

  3. 單擊儲存

    配置完成後,您可以通過拖動左側導覽列調整寬度。Untitled

主題配置

  1. 在資料門戶編輯頁,單擊右上方的image.png表徵圖並找到最下方切換模式的表徵圖進行資料門戶深淺主題模式切換。

    image

    說明

    深淺主題模式切換是按照帳號層級生效的,而不是模組層級生效。比如,試算表切換為淺色模式後,支援深淺主題模式切換的模組(儀表板、資料填報等)將同時變成淺色模式。

    淺色模式

    image

    深色模式

    image

    跟隨系統

    跟隨自訂配置裡的系統風格。

    image

    請參見系統主題定製

    說明

    僅組織管理裡可以在自訂配置裡設定系統風格,模組層級別的模式優先於組織層級生效。