CAS配置第四步：CAS登陆界面的美化

请移步到http://www.uniorder.com/2013/11/04/%e5%9f%ba%e4%ba%8e-bootstrap-%e7%9a%84-cas-%e7%99%bb%e9%99%86%e7%95%8c%e9%9d%a2%e7%be%8e%e5%8c%96/ 查看更新的内容。

============================================================================

首先复制一份X:\tomcat-cas-server\webapps\cas\WEB-INF\view\jsp下的default文件夹，将其改名后再放进来，我这里改名为my

在复制并改名X:\tomcat-cas-server\webapps\cas\WEB-INF\classes下的default_views.properties
改名后再放进来，我这里改名为my_views.properties

打开my_views.properties修改里面的路径，将所有的包含default的路径全部修改成my，也就是我们刚才操作的那个文件夹名称。

然后打开X:\tomcat-cas-server\webapps\cas\WEB-INF下的cas.properties，修改cas.viewResolver.basename后面的值为my_views

此时你就可以随意修改my文件夹下的所有页面了，不过需要注意的是，你必须保证它原有的逻辑处理全都保留，在此基础之上你可以随意修改。如果改乱了也没关系，将default文件夹下的文件复制一份覆盖一下就行了。

顺便说一下的是，CAS的登陆界面里有使用jQuery，而且这个库还是存放在Google上的，所以在离线的时候界面会出cas.js报错，你可以修改include文件夹下的top.jsp，将里面对应的javascript引入修改成本地的即可。

评论

1 楼 ae6623 2013-04-27  

亲，cas的jquery的script标签放在了C:\tomcat7\webapps\casServer\WEB-INF\view\jsp\default\ui\includes\bottom.jsp这个下面。修改的时候，改掉就行。。

cas的jquery版本有点老了，现在都1.9了。。。

<!--script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script-->