1. 程式人生 > 實用技巧 >CAS 單點登入 5.39 版本 自定義登入頁面改造 響應式頁面

CAS 單點登入 5.39 版本 自定義登入頁面改造 響應式頁面

1.CAS 預設登入頁面在templates的目錄下面找到casLoginView.html
這個就是CAS的預設頁面,下載下面連結中的資料夾,根據自己的業務修改背景圖片和LOGO即可.
響應式頁面下載連結:

https://pan.baidu.com/s/1Ls2CpAw5STaN7jesXt7yQA
提取碼:7cca

2.下載好檔案之後:
資料夾:裡面的 css fonts images js vendor 5 個資料夾直接複製到 CAS-服務端
src-main-resources下
新建的static資料夾,複製進去就可以
資料夾中的頁面複製到
:src-main-resources-templates下


indexn.html名字替換成casLoginView.html

3.這樣頁面已經替換好了,直接輸入CAS預設的使用者名稱和密碼
casuser::Mellon
就可以登入

資料夾中包含了你頁面改造的所有東西直接貼上複製就可以了
登入頁面:
在這裡插入圖片描述
響應式頁面Iphone6/7/8效果如下:
在這裡插入圖片描述
就不一一截圖了,這個頁面適應Google瀏覽器F12看到的所有響應式

測試登入:
在這裡插入圖片描述
馬賽克部分自己替換專案的LOGO就可以了
在這裡插入圖片描述
登入成功!!