导航

pam - 添加登录功能

pam全称：Pluggable Authentication Modules 即可插入的验证模块。和以往的登录认证不同,pam会把用户分成若干个体系,用不同的标识来区分不同的体系,在ECOS中我们把体系分成前台和后台，前台体系用member 后台体系用shopadmin来区分,然后通过不同的体系去进行不同的身份验证。

pam继承于desktop所以安装好desktop也就把pam安装好了！pam会把登录信息存储在表sdb_pam_account中密码以 md5 加密。在pam中能够自动的验证pam中的登录信息，提供验证码及其验证!

1.创建登录框

  • 1.1 在导航栏加上'会员中心'导航

修改notebook\app\notebook\site.xml文件,在原文件中加上如下代码：

 <module controller='site_passport' >
        <name>passport</name>
        <title>会员中心</title>
        <disable>false</disable>
        <allow_menu act='index'>会员中心</allow_menu>
        <default_menu>
            <title>会员中心</title>
            <act>index</act>
            <hidden>false</hidden>
        </default_menu>
</module>
  • 1.2 打开命令行执行更新命令 更新site
    ...notebook\app\base>cmd update
  • 1.3 创建登录显示处理控制器

在app/notebook/controller/site/ 目录下创建 passport.php 文件

<?php
class notebook_ctl_site_passport extends site_controller {
        function __construct(&$app){
         parent::__construct($app);
         $this->_response->set_header('Cache-Control', 'no-store');
         kernel::single('base_session')->start();//开启session
        }
    function index() {
        $this->gen_login_form();
            $this->page('member-login.html');
    } //用于显示登录页面

    private function gen_login_form(){
        $url = $this->gen_url(array('app'=>'notebook','ctl'=>'site_passport','act'=>'index'));
        $auth = pam_auth::instance(pam_account::get_account_type($this->app->app_id));  //实例化登录方式类
            $auth->set_appid($this->app->app_id);
            $pagedata['singup_url'] = $this->gen_url(array('app'=>'notebook','ctl'=>'site_passport','act'=>'reg'));//注册地址
        $pagedata['loginName'] = $_COOKIE['loginName'];
        #设置回调函数地址
        $auth->set_redirect_url(base64_encode($this->gen_url(array('app'=>'notebook',
        'ctl'=>'site_passport','act'=>'post_login','arg'=>base64_encode($url)))));
        //设置验证后返回地址，已经base64_encode编码
        foreach(kernel::servicelist('passport') as $k=>$passport){
            if($auth->is_module_valid($k)){  //验证登录方式是否开启
            $this->pagedata['passports'][] = array(
                'name'=>$auth->get_name($k)?$auth->get_name($k):$passport->get_name(), //登陆框名
                'html'=>$passport->get_login_form($auth, 'notebook', 'member-login.html', $pagedata), //生成登录框
                );
            }
        }
    }

    function gen_vcode(){
        $vcode = kernel::single('base_vcode'); //创建验证码实例
        $vcode->length(4);            //验证码数字长度
        $vcode->verify_key($this->app->app_id);//验证码key
        $vcode->display(); //显示验证码
    }
}
  • 1.4 创建显示登录页面

在app/notebook/ view 目录下创建 member-login.html 文件

 <form  action="<{$callback}>" method="post" id='loginBar'>
  <div class="loginbox">
      <ul>
        <li>
          <label class="leftlabel"><i>*</i><{t}>用户名：<{/t}></label>
          <div class="floatdiv">
      <{input name="uname" vtype="required" class="inputstyle" id="uname" tabindex="1" value="{$loginName}"}>
      &nbsp;&nbsp;<a href="<{$singup_url}>"><{t}>立即注册<{/t}></a></div>
        </li>
        <li>
          <label class="leftlabel"><i>*</i><{t}>密码：<{/t}></label>
          <div class="floatdiv">
      <{input name="password" type="password" class="inputstyle" vtype="required" id="password" tabindex="2"}>
        </li>
        <{if $show_varycode}>
        <li>
          <label class="leftlabel"><i>*</i><{t}>验证码：<{/t}></label>
          <div class="floatdiv">
      <span id='verifyCodebox'>
      <{input  vtype="required&&number" size="4" maxlength="4" name="verifycode" id="iptlogin"  tabindex="3"}>
      <span class='verifyCode' style="display:none">
      <img id="membervocde" src="#" border="1" />
      <a href="javascript:changeimg('membervocde')">&nbsp;
      <{t}>看不清楚?换个图片<{/t}></a> </span> </span></div>
        </li>
        <{/if}>
        <li>
          <label class="leftlabel"></label>
          <div class="floatdiv">
            <input class="actbtn btn-login" type="submit" value="<{t}>登录<{/t}>" tabindex="4" />
            <input type="hidden" name="forward" value="<{$forward}>">
          </div>
        </li>
      </ul>

  </div>
</form>
<{if $show_varycode}>
<script>

$$('#loginBar input').addEvent('focus',function(){
      if($(this.form).retrieve('showvcode',false))return;
      changeimg('membervocde');
      $('verifyCodebox').getElements('span').show();
      $(this.form).store('showvcode',true);
});

function changeimg(id){
    $(id).set('src','<{link app="notebook" ctl="site_passport" act="gen_vcode"}>#'+$time());
}
</script>
<{/if}>
  • 1.5 创建用于验证码调用文件

在notebook\app\notebook\lib 目录下面创建service文件夹之后再在此文件夹下面建立vcode.php文件

<?php
class notebook_service_vcode{
     function __construct($app){
        $this->app = $app;
     }
     function status(){
         if(app::get('notebook')->getConf('site.login_valide') == 'false'){
            if($_SESSION['error_count'][$this->app->app_id] >= 3)
            return true;
         }
        return app::get('notebook')->getConf('site.login_valide') == 'true' ? true : false;
    }
}
前台去看看效果
  • 1.6 创建notebook中配置信息文件和安装加载信息文件

在notebook\app\notebook 目录下面创建setting.php文件

<?php
$setting= array( 'site.login_valide'=>array('type'=>SET_T_BOOL,
'default'=>'true','desc'=>app::get('notebook')->_('会员登录需输入验证码'))
);
在notebook\app\notebook目录下创建task.php文件
<?php
class notebook_task{
    function post_install($options){pam_account::register_account_type('notebook',
    'member',app::get('notebook')->_('前台会员系统'));
     }
}
  • 1.7 在services中注册pam相关服务

修改notebook\app\notebook\services.xml文件，在原文件中加上如下代码：

<service id="passport">
    <class>pam_passport_basic</class>
    <class>pam_passport_oauth</class>
    <class>pam_passport_uc</class>
</service>
<service id="api.pam_callback">
    <class>pam_callback</class>
</service>
  • 1.8 卸载notebook
    D:\wamp\www\notebook\app\base>cmd uninstall -r notebook
?Application notebook removed
  • 1.9 重新安装notebook
    D:\wamp\www\notebook\app\base>cmd install notebook
Creating table sdb_notebook_item
Installing service notebook_addon
Installing service desktop_finder.notebook_mdl_item
Installing Cache_Expires DB:NOTEBOOK_ITEM
UPDATE CACHE EXPIRES KV DATA
?Installing menu notebook_ctl_admin_notebook
Installing workground notebook_admin_notebook
Installing permission notebook_manage
Application notebook installed... ok.
    前台查看效果

2.创建会员表

在notebook\app\notebook\dbschema 目录下建立member.php文件

<?php
$db['member']=
    array (
       'columns' =>
       array (
          'member_id' =>
          array (
             'type' => 'number',
             'required' => true,
             'extra' => 'auto_increment',
             'pkey' => true,
             ),
          'member_user' =>
          array (
             'type' => 'varchar(100)',
             'in_list'=>true,
             'is_title'=>true,
             'default_in_list'=>true,
             'label'=>'用户名',
             'filtertype'=>true,
             'searchtype'=>true,
             'searchtype' => 'has',
             ),
          'member_password' =>
          array (
             'lable' => '密码',
             'type' => 'varchar(32)',
             ),
          'member_time' =>
          array (
             'in_list'=>true,
             'default_in_list' => true,
             'label' => '注册时间',
             'type' => 'time',
             ),
          'member_email' =>
          array (
             'in_list'=>true,
             'default_in_list' => true,
             'label' => 'email',
             'type' => 'email',
             ),
          ),
    );
  • 2.2 执行更新命令 创建数据表
    D:\wamp\www\notebook\app\base>cmd update
Scanning local Applications... ok.
?Updating base_application_dbtable@notebook.
CREATE TABLE `sdb_notebook_member` (
        `member_id` mediumint(8) unsigned not null,
        `member_user` varchar(100),
        `member_password` varchar(32),
        `member_time` int(10) unsigned,
        `member_email` varchar(255),
        primary key (member_id)
)ENGINE = MyISAM DEFAULT CHARACTER SET utf8;
Updating base_application_cache_expires@notebook.
Installing Cache_Expires DB:NOTEBOOK_ITEM
UPDATE CACHE EXPIRES KV DATA

3.添加注册功能

注册流程主要是把用户输入信息录入到sdb_pam_account表和sdb_notebook_member中。
  • 3.1 修改app\notebook\controller\site\passport.php文件,添加如下代码：
    ...
    function reg(){
        $this->page('reg.html');
    }
    function regindb(){
        $data = array(
                'member_user'=>$_POST['user'],
                'member_password'=>md5($_POST['password']),
                'member_time'=>time(),
                'member_email'=>$_POST['email'],
            );
        $this->app->model('member')->insert($data);//插入到notebook_member表中
        unset($data['member_user']);
        unset($data['member_password']);
        unset($data['member_time']);
        unset($data['member_email']);

        $data = array(
                'account_type'=>'member',
                'login_name'=>$_POST['user'],
                'login_password'=>md5($_POST['password']),
                'createtime'=>time(),
            );
        $a = app::get('pam')->model('account')->insert($data);//插入到pam_account表中
        unset($data);

        $this->splash('success',$this->gen_url(array('app'=>'notebook',
                'ctl'=>'site_passport','act'=>'index')),app::get('notebook')->_('注册成功！'));
    }
...
  • 3.2 在app\notebook\view\目录下，建立文件reg.html,代码如下：
    <form action="<{link app='notebook' ctl='site_passport' act='regindb' }>" method="post">
    <span>用户名:</span><input type="text" name="user" placeholder="请输入用户名"/><br /><br />
    <span>密码:</span>&nbsp;&nbsp;&nbsp;<input type="text" name="password" placeholder="请输入密码" /><br /><br />
    <span>邮箱:</span>&nbsp;&nbsp;&nbsp;<input type="text" name="email" placeholder="请输入邮箱" /><br />
    <input type="submit" value="提交" />
</form>
  • 3.3 点击立即注册后，效果图如下：


4.处理登陆

现在会员中心的基本功能已经实现，但是我们接下来还需要进行一些逻辑判断，以便使我们的会员中心更加符合业务逻辑。
  • 4.1 根据pam验证返回的值判断是否登录成功
    在pam中notebook\app\pam\lib下的callback.php用于用户验证

    修改notebook\app\notebook\controller\site目录下passport.php文件,添加post_login方法

     function post_login($url=null) {
        $url = base64_decode($url);
        $member_id = $_SESSION['account'][pam_account::get_account_type($this->app->app_id)];
        if($member_id && $_SESSION['last_error'] == ''){
        //此通过Pam验证 如有必要可以再验证是否在member中存在
           $username = $this->app->model('member')->getUsername($member_id);//调用
       $_SESSION['username'] = $username;
       $this->splash('success',$this->gen_url(array('app'=>'notebook','ctl'=>'site_passport','act'=>'member')),app::get('notebook')->_('登录成功'));
        }else{
             $msg = $_SESSION['error']?$_SESSION['error']:app::get('notebook')->_('页面已过期,操作失败!');
             unset($_SESSION['error']);
             $this->splash('failed',$this->gen_url(array('app'=>'notebook','ctl'=>'site_passport','act'=>'index')),app::get('notebook')->_($msg));
        }
    }

    function member() {
        $url = $this->gen_url(array('app'=>'notebook','ctl'=>'site_passport','act'=>'index'));
        if(!isset($_SESSION['username']))
            $this->splash('failed',$url,app::get('notebook')->_('你还没登录，请登录！'));
        $this->page('member.html');
       }
  • 4.2 创建会员中心页面

在app/notebook/view 目录下创建member.html文件

<p>欢迎进入会员中心 登录成功</p>
  • 4.3 返回登录用户名

在notebook\app\notebook\model 目录下创建member.php文件

<?php
class notebook_mdl_member extends base_db_model{
    public function getUsername($id){
         $sql = "select login_name from sdb_pam_account where account_id='".$id."'";
         $return = $this->db->selectrow($sql);
         $usrename = $return['login_name'];
         return $usrename;
    }
}

  • 4.4 登录后不再次显示登录框判断

修改notebook\app\notebook\controller\site\passport.php文件index方法

function index() {
        $url = $this->gen_url(array('app'=>'notebook','ctl'=>'site_passport','act'=>'member'));
        if(isset($_SESSION['username']))
            $this->splash('success',$url,app::get('notebook')->_('您已经是登陆状态，不需要重新登陆'));
        $this->gen_login_form();
        $this->page('member-login.html');
    }

进入前台登录 查看效果

5.创建登录状态挂件

  • 5.1 在app\notebook\widgets目录下新建挂件member，方法如下：
    1. 首先，在app\notebook\widgets目录下新建文件夹member。
    2. 然后，在创建必要的文件
      。

      widgets.php 文件

      <?php
      $setting      ['author']='wuw';
      $setting['version']='v1.0';
      $setting['name']='member';
      $setting['stime']='2011-1-12';
      $setting['catalog']='notebook模板的挂件';
      $setting['description']    ='会员中心';
      $setting['usual']    = '1';  //是否出现在挂件中心首页.(1\0)
      $setting['template'] = array(
                                        'default.html'=>'会员登登信息'
                                    ); //挂件包含的模板文件和名称
      ?>
      widget_member.php 文件
      <?php
      function widget_member($setting,&$smarty){
               $sess = kernel::single('base_session');
               $sess->start();
         if (      $_SESSION['username']!=array()){
                   $data['username'] = $_SESSION['username'];
                   $data['iflogin'] = true;
         }else{
                   $data['iflogin'] = false;
         }
         return       $data;
      }
      ?>
      default.html 文件
      <div>
  <{if $data.iflogin==true}>
  欢迎你，<{$data.username}>！
  <a href="<{link app='notebook' ctl='site_passport' act='logout' }>">退出</a>
  <{else}>
  你好！
  <a href="<{link app='notebook' ctl='site_passport' act='index' }>">登录</a>
  <{/if}>
</div>
    3. 最后在此执行更新命令。

D:\wamp\www\notebook\app\base>cmd update
    • 5.2 进入后台添加挂件


添加好挂件 进入前台登录查看效果

  • 5.3 添加退出功能

在notebook\app\notebook\controller\site\passport.php文件中加入logout方法

function logout() {
      unset($_SESSION['account'][$this->type]);
      unset($_SESSION['last_error']);
      unset($_SESSION['username']);
      unset($_SESSION['login_time']);
      $this->splash('success',$this->gen_url(array('app'=>'notebook',
                'ctl'=>'site_passport','act'=>'index')),app::get('notebook')->_('你已退出系统'));
}

內容目录

上一个主题

Site - 让前端更优雅

下一个主题

image -图片管理

快速搜索

输入相关的模块，术语，类或者函数名称进行搜索

导航

© blog.wanxiaohong.cn