在搭建好後臺的網頁之後,我們需要實現網頁中的功能,如登入,註冊,記住密碼等等.以下分步進行.

本文使用yii框架.

後臺管理員的登入:

1,在mysql中建立管理員的資料表;

編寫sql檔案,具體程式碼如下:

DROP TABLE IF EXISTS `test_admin`;
CREATE TABLE IF NOT EXISTS `test_admin`(
`adminid` INT UNSIGNED NOT NULL AUTO_INCREMENT COMMENT '主鍵ID',
`adminuser` VARCHAR(32) NOT NULL DEFAULT '' COMMENT '管理員帳號',
`adminpass` CHAR(32) NOT NULL DEFAULT '' COMMENT '管理員密碼',
`adminemail` VARCHAR(50) NOT NULL DEFAULT '' COMMENT '管理員的郵箱',
`logintime` INT UNSIGNED NOT NULL DEFAULT '0' COMMENT  '管理員登入時間',
`loginip` BIGINT NOT NULL DEFAULT '0' COMMENT '登入IP',
`createtime` INT UNSIGNED NOT NULL DEFAULT  '0' COMMENT '管理員建立時間',
PRIMARY KEY(`adminid`),
UNIQUE test_admin_adminuser_adminpass(`adminuser`,`adminpass`),
UNIQUE test_admin_adminuser_adminemail(`adminuser`,`adminemail`),
)ENGINE-InnoDB DEFAULT CHARSET=utf8;
INSERT INTO `test_admin` (adminuser,adminpass,adminemail,createtime) VALUES('admin,'md5('123'),'
 
[email protected]',UNIX_TIMESTAMP());

可根據實際需要新增欄位,在這裡涉及不多,以上配置足夠使用. 在mysql中使用如下命令:

use 你的資料庫;
scoure /你的sql檔案存放的地址/*.sql

檢視sql表單:

show tables;
select * from test_admin;

檢視輸出的結果是否建立好我們需要的表單;

2,管理員的登入和退出等操作;

首先我們需要一個登入的頁面,這裡我們隨便引用一個頁面的例子:

<div class="content-wrap">
                <h6>測試管理員登入</h6>
                <input class="span12" type="text" placeholder="管理員賬號" />
                <input class="span12" type="password" placeholder="管理員密碼" />
                <a href="#" class="forgot">忘記密碼?</a>
                <div class="remember">
                    <input id="remember-me" type="checkbox" />
                    <label for="remember-me">記住我</label>
                </div>
                <a class="btn-glow primary login" href="index.html">登入</a>
            </div>
 

我們需要實現以上的帳號密碼驗證,記住我,登入功能以及忘記密碼等功能. 首先,我們需要通過model建立form表單,那麼我們需要先修改對應的資料庫配置檔案的資訊.我們在config資料夾中的找到web.php,檢視引用的資料庫配置檔案是哪一個,然後找到對應的db.php.在db.php中修改資料庫對應的資訊. 可以新增表字首,配置'tablePrefix' => '你要的表字首'.至此,引用資料庫的檔案配置好了. 後臺管理員只能在後臺登入,為了不混亂前後臺,我們在modules中再建立一個models,這樣後臺與前臺的登入不會混亂,我們編寫一個新的管理員model檔案. 首先我們寫一個admin類檔案.

vim modules/models/Admin.php
 

然後在檔案中編寫如下資訊:

<?php

namespace app\modules\models;
use yii\db\ActiveRecord;

class Admin extends ActiveRecord
{
    public static function tableName()
    {
        return "{{%admin}}";
    }
}

admin類編寫完成. 然後在modules中的登入控制器檔案中,宣告一個:

$model = new Admin;

但是我是在vim編譯器中編寫的,所以需要在控制器檔案中手動引入一個:

use app\modules\models\Admin;

接著繼續我們的編寫,我們在宣告完了$model=new Admin之後,例項化物件後交給模版,繼續開始編寫:

return $this -> render("login",['model' => $modle]);

現在,我們需要回到一開始我們使用的登入頁面模板資訊,就是我們一開始找來使用的登入頁面程式碼:

<div class="content-wrap">
                <h6>測試管理員登入</h6>
                <input class="span12" type="text" placeholder="管理員賬號" />
                <input class="span12" type="password" placeholder="管理員密碼" />
                <a href="#" class="forgot">忘記密碼?</a>
                <div class="remember">
                    <input id="remember-me" type="checkbox" />
                    <label for="remember-me">記住我</label>
                </div>
                <a class="btn-glow primary login" href="index.html">登入</a>
            </div>

在這模板一開始的時候,載入一段php程式碼:

<?php
   use yii\bootstrap\ActiveForm;
?>

載入這個類,這個類可以幫助我們建立form元件. 然後回到下面,通過元件建立:

<div class="row-fluid login-wrapper">
        <a class="brand" href="index.html"></a>
	<?php $form = ActiveForm::begin(); ?> //開始
        <div class="span4 box">
            <div class="content-wrap">
                <h6>測試管理員登入</h6>
                <input class="span12" type="text" placeholder="管理員賬號" />
                <input class="span12" type="password" placeholder="管理員密碼" />
                <a href="#" class="forgot">忘記密碼?</a>
                <div class="remember">
                    <input id="remember-me" type="checkbox" />
                    <label for="remember-me">記住我</label>
                </div>
                <a class="btn-glow primary login" href="index.html">登入</a>
            </div>
	</div>
	<?php ActiveForm::end();?>  //結束

接下來我們需要處理管理員帳號密碼的input,注意,我們的輸入管理員帳號欄上有一個標籤,顯示是"adminuser",這個我們暫時不管繼續下一步驟,我們等最後統一處理.編寫程式碼:

<div class="row-fluid login-wrapper">
        <a class="brand" href="index.html"></a>
	<?php $form = ActiveForm::begin(); ?>
        <div class="span4 box">
            <div class="content-wrap">
                <h6>測試管理員登入</h6>
                <?php echo $form->field($model,'adminuser') -> textInput(["class" => "span12","placeholder" => "管理員帳號"]); ?>
                <?php echo $form->field($model,'adminpass') -> passwordInput(["class" => "span12","placeholder" => "管理員密碼"]); ?>
                //<input class="span12" type="text" placeholder="管理員賬號" />
                //<input class="span12" type="password" placeholder="管理員密碼" />
                <a href="#" class="forgot">忘記密碼?</a>
                <div class="remember">
                    <input id="remember-me" type="checkbox" />
                    <label for="remember-me">記住我</label>
                </div>
                <a class="btn-glow primary login" href="index.html">登入</a>
            </div>
	</div>
	<?php ActiveForm::end();?>

以及修改checkbox記住我,對於$model來說,她會將資料表中的欄位作為$model的屬性,而我們需要使用的是checkbox,顯然不適合,所以在這裡我們需要正對$model建立一個屬性,例如rememberMe. 我們需要回到一開始編寫的Admin類中宣告一個rememberMe:

public $rememberMe = ture;

這樣我們就能使用$model建立一個rememberMe的checkbox:

<div class="row-fluid login-wrapper">
        <a class="brand" href="index.html"></a>
	<?php $form = ActiveForm::begin(); ?>
        <div class="span4 box">
            <div class="content-wrap">
                <h6>測試管理員登入</h6>
                <?php echo $form->field($model,'adminuser') -> textInput(["class" => "span12","placeholder" => "管理員帳號"]); ?>
                <?php echo $form->field($model,'adminpass') -> passwordInput(["class" => "span12","placeholder" => "管理員密碼"]); ?>
                //<input class="span12" type="text" placeholder="管理員賬號" />
                //<input class="span12" type="password" placeholder="管理員密碼" />
                <a href="#" class="forgot">忘記密碼?</a>
                <?php echo $form -> field($modle,'rememberMe') -> checkbox([
                     'id' => 'remeber-me',
                     'template' => '<div class="remember">{input}<label for="remember-me">記住我</label></div>',
                ]); ?>
                //<div class="remember">
                    //<input id="remember-me" type="checkbox" />
                    //<label for="remember-me">記住我</label>
                //</div>
                <a class="btn-glow primary login" href="index.html">登入</a>
            </div>
	</div>
	<?php ActiveForm::end();?>

接下來我們需要做一個submitButton的登入按鈕,但是submitButton在Html類當中,所以我們需要載入一個:

use yii\helpers\Html;

接下來我們就能生成一個submitButton:

<div class="row-fluid login-wrapper">
        <a class="brand" href="index.html"></a>
	<?php $form = ActiveForm::begin(); ?>
        <div class="span4 box">
            <div class="content-wrap">
                <h6>測試管理員登入</h6>
                <?php echo $form->field($model,'adminuser') -> textInput(["class" => "span12","placeholder" => "管理員帳號"]); ?>
                <?php echo $form->field($model,'adminpass') -> passwordInput(["class" => "span12","placeholder" => "管理員密碼"]); ?>
                //<input class="span12" type="text" placeholder="管理員賬號" />
                //<input class="span12" type="password" placeholder="管理員密碼" />
                <a href="#" class="forgot">忘記密碼?</a>
                <?php echo $form -> field($modle,'rememberMe') -> checkbox([
                     'id' => 'remeber-me',
                     'template' => '<div class="remember">{input}<label for="remember-me">記住我</label></div>',
                ]); ?>
                //<div class="remember">
                    //<input id="remember-me" type="checkbox" />
                    //<label for="remember-me">記住我</label>
                //</div>
                <?php echo Html::submitButton('登入',["class" = "btn-glow primary login"]);?>
                //<a class="btn-glow primary login" href="index.html">登入</a>
            </div>
	</div>
	<?php ActiveForm::end();?>

現在就剩一個問題,就是我們上面說到的輸入帳號欄上面有一個標籤,輸入密碼欄上面也有一個標籤的問題,我們可以在form的begin中去掉標籤,在begin()中寫入:

<?php $form = ActiveForm::begin([
        'fieldConfig' =>[
               'template' => '{input}{error}',
         ]
]); ?>

注意,我在{input}後面加了一個{error},是防止帳號密碼輸入錯誤不報錯.

3,使用者登入操作

在後臺登陸控制器的actionLogin中,我們需要新增一個判斷,是否接收到login.php中傳遞過來的賬號密碼,首先我們先引入yii,在控制器中加入:

use Yii;

然後我們在控制器的actionLogin中加入如下判斷:

if(Yii::$app->request->isPost){
    $post = Yii::$app->request->post();
     $model ->login($post);
}

如果存在post,就宣告一個login方法,把$post資料傳遞給login. 我們還需要到Admin類中宣告一個login方法:

public function rules()
{
    return [
          ['adminuser','required','message' => '管理員賬號不能為空'],
          ['adminpass','required','message' => '管理員密碼不能為空'],
          ['rememberMe','boolean'],
          ['adminpass','validatePass'],
    ];
}

public function validatePass()
{
    if(!$this->hasErrors()){
          $data = self::find() -> where('adminuser = :user and adminpass = :pass',[":user" => $this -> adminuser,":pass" => md5($this->adminpass)])->one();
          if(is_null($data)){
                 $this->addError("adminpass","使用者名稱或者密碼錯誤");
          }
    }
}
public function login($data)
{
     if($this ->load($data) && $this->validate()){
                 $lifetime = $this->rememberMe ? 24*36000 : 0;
                 $session = Yii::$app->session;
                  session_set_cookie_params($lifetime);
                  $session['admin'] = [
                        'adminuser' => $this->adminuser,
                         'isLogin' =>1,         
                   ];
                   return (bool)$session['admin']['isLogin'];
      }
       return false;
}

但是我們沒有一個判斷.當呼叫login的時候賬號密碼是否正確,所以我們要在控制器中加一個判斷:

if(Yii::$app->request->isPost){
    $post = Yii::$app->request->post();
    if($model ->login($post)){
          $this ->redirect(['需要跳轉的檔案的地址']);
           Yii::$app->end();
    }
}
 return $this->render("login",['model' => $model]);

此時已經完成登陸了,但是沒有更新登陸的ip和時間,我們只需要在admin類中的login方法中加入一個:

$this ->updateAll(['logintime' => time(),'loginip' => ip2long(Yii::$app->request->userIP)],'adminuser = :user',[':user' =>$this->adminuser]);

4,管理員找回密碼(通過郵箱);

未完待續.