自訂登入介面插件

1.1 版本

1.2 應用場景

使用該插件可以自訂決策平台登入介面，使其更能彰顯個性。效果如下圖所示：

1.3 功能介紹

• 支援5種常用的元件：登入視窗，圖片元件，文字元件，幻燈圖元件，iframe 元件。

• 每個元件都可以設定對應的屬性，其中幻燈圖需要根據範本提供的 JSON 進行編寫。

• 右鍵選中元件之後可以刪除元件。

• 左鍵選中元件之後右邊會顯示對應的配置屬性。

• 點選空白區域右邊的屬性欄可以設定整個登入介面的背景圖或背景色。

2.1 插件安裝

點選下載插件：自訂登入介面插件

設計器插件安裝方法參照：設計器插件管理

伺服器安裝插件方法參照：伺服器插件管理

2.2 操作方法

管理者登入數據決策系統，「管理系統」下新增功能入口「登入介面設計」，該功能下有兩個按鈕：「點我設計」和「點我預覽」，分別用於設計登入頁和效果預覽。

2.3 登入頁面設計

點選點我設計按鈕後，進入設計介面，上方出現5個可拖曳的元件，底下空白區域為設計主體。如下圖所示：

2.3.1 登入視窗

可設定是否顯示側邊圖片，帳號和密碼預設正文，背景圖的設定，密碼框的高度和圖層層級等效果，如下圖所示。

2.3.2 圖片元件

可設定圖片元件，寬和高，圖片路徑和連結路徑及圖片圖層位置等效果。

使用本地圖片需要先將圖片上傳到webroot下，然後就可以獲取到一個相對於webroot的圖片地址例如：

http://192.168.11.10:8075/webroot/logo.png 將這個地址放到圖片地址使用即可

2.3.3 文字元件

可設定文字元件字體大小，顏色，粗細，文字內容和連結路徑等效果。

2.3.4 幻燈圖元件

可設定幻燈圖元件寬，高，是否顯示導航按鈕，圖片路徑，及開啟方式（新視窗，原視窗）和圖層層級等效果。

2.3.5 iframe元件

可設定：iframe元件：寬度，高度，是否有捲軸，是否可點選內容，url，圖層層級等效果。

3.1 登入頁面設計

安裝好插件後，在報表平台，在目錄處會新增一個目錄：登入頁面設計，點選可進入登入頁面設計頁，拖入登入視窗和圖片元件。

登入視窗設定高度為320，其他預設。

圖片元件設定款為450，高度為320，圖片地址為你圖片所在的地址，連結地址為你的跳轉地址，我這邊設定為我這邊設定為https://wufan.fanruan.com/fanshu/，圖層層級設為1，如下圖所示：

3.2 效果預覽

點選儲存，輸入登入頁地址，可查看效果如應用場景所示。

3.3 注意事項

本插件和企業微信掃碼插件衝突。

插件在FR11的11.0.12版本後由於程式碼衝突，隨將FR11版本的插件獨立發佈。原來使用本插件的使用者升級後需要將老插件卸載掉，並重啟tomcat服務。

點選下載圖片：帆悟图片.png