QeePHP：后台登陆页面

来源：互联网发布：梦三国2脚本怎么编程编辑：程序博客网时间：2024/04/29 04:00

上一章我们已经把Qee的community实例搭建起来的

现在我们在这个基础上做一些修改

1：修改后台登陆界面

原先的后台风格还是不错的，但是我们还想在增加点自己的东西或者做些修改，其实如果你认真研究过Quick-start ，这些应该都难不倒你吧。

Qee的 View由几个部分组成

Layout + Element + Block + View 组成

layout管布局，也就是说，是完成基本排版的部分

Element是元素，按我理解就是那些各个页面通用的板块

Block就是用在各个页面中不是相同的板块

几个部分组成一个View

我们修改 D:/AppServ/www/community/app/view/login_layout.php 这个文件，按照这个风格做修改

2：增加验证码

在登陆判断页面中我们看到

暂时 “选择风格”没有任何用处，而我们又想加入验证码功能，怎么办呢？

打开 D:/AppServ/www/community/lib/qeephp2.1/library/helper/imgcode.php

我们可以很清楚的看到验证码的使用方法：

* class Controller_Default * { * function actionImgcode() * { * // 在控制器中用下列代码返回一个图像验证码 * return Helper_ImgCode::create(6, 900, 'simple'); * } * } * * // 模板文件中使用下列代码引用一个图像验证码 * <img src="<?php echo url('default/imgcode'); ?>" border="0" /> * class Controller_Default * { * function actionLogin() * { * if (Helper_ImgCode::isValid($this->_context->imgcode)) * { * .... 比对通过 * } * * .... * } * }

根据提示加如相应的代码文件中就可以实现了

我们不得不感叹师太想得很周到啊

这里生成的验证码只能有两种：simple 和TTF ，以后再研究自定义 Helper ，把Discuz的验证码都搬过来， hohoho ，希望不要告我侵犯版权阿。。。。。

3：修改出错提示页面

我们前面如果输入错误的验证码，就会调用

return $this->_redirectMessage( '提示信息','验证码输入错误，请重新输入', url('default/index'));

显示出错提示信息

这个页面暂时官方还没有写样式，qeephp.com 上也是如此

不果没关系我们自己动手：

在/community/public/qeephp/admin 下面新建一个文件redirect.css

@charset "utf-8";* {margin:0;padding:0;}body {text-align:center;font-family:Arial, Helvetica, sans-serif,"宋体";}p {font-size: 12px;line-height:150%;margin:5px;background-color:#fff;padding:8px;}h1 {height:16px;line-height:16px;font-size:12px;text-align:center;background-color:#E4F3FC;color:#1589C8;padding-top:5px;}.box_border {margin:0 auto;margin-top:80px;border:1px solid #B9DFF9;width:450px;background-color:#E4F3FC;}a:link {color: #0000FF;text-decoration: none;}a:visited {text-decoration: none;color: #003399;}a:hover {text-decoration: underline;color: #0066FF;}a:active {text-decoration: none;color: #0066FF;}

修改 community/app/view/admin/_layouts/redirect_message.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>管理后台</title><link rel="stylesheet" type="text/css" href="<?php echo $_BASE_DIR; ?>qeephp/admin/redirect.css"/><body><div class="box_border"><h1><?php echo $message_caption; ?></h1><p> <?php echo nl2br(h($message_body)); ?><br/><a href="<?php echo $redirect_url; ?>">如果您的浏览器没有自动跳转，请点击这里</a><mce:script type="text/javascript"></mce:script><?php echo $hidden_script; ?></div></body></html>

现在登陆，我们故意输错验证码。hoho ， ok 了