简介从eyoucms这个产品的发布到今天的正式版已经更新到版本1.4.0，不过后台页面只能自己看到，如果公布给别人了对于自己的...

从eyoucms这个产品的发布到今天的正式版已经更新到版本1.4.0，不过后台页面只能自己看到，如果公布给别人了对于自己的网站也不安全。而这个后台登陆的UI说真的本人真的看腻了，今天就教大家如何更改后台登陆页面。重中之重更改任何cms框架，注意备份！

如何更改后台登陆页面呢？，前提是你会基本的CSS样式。

准备工作：到layui官网下载最新的样式文件。

那现在就说下这个更改的步骤：

  1. 找到后台登陆页面的模板文件夹，根目录下的application/admin/template/admin/login.htm，找到这个login.htm文件先备份一下。

  2. 用编辑器打开这个login.htm ，头部和尾部不用修改，引用layui样式文件，如图：1-19110H34555D7.png

  3. 会布局的朋友，一定会没有问题。我这里用到了弹性盒子布局，废话不多说，上图：

1-19110H35233T5.png

  4.然后在到第一个盒子里加上左边的图片样式及代码：

1-19110H35643392.png

第二个盒子里加上（我是在layui官网复制过来的登陆表单，修改里面的name值，照着原来的login.htm 里的表单修改即可。

添加如下部分后台更换logo代码：

                            {notempty name="$is_eyou_authortoken"}

                             <img src="__SKIN__/images/logo_ey.png?v={php}echo time();{/php}">

                             {else /}

                             <img src="__SKIN__/images/logo.png?v={php}echo time();{/php}">

                             {/notempty}

  5.验证码部分注意。如图：

1-19110P00033K0.png

  改到这里后基本修改完了。对于在本地测试没有任何样式问题可以放到线上的文件替换掉，注意备份旧的文件。

  这里就是看到的，修改好的后台页面是不是给人一种不一样的感觉！

1-19110P00925357.png