易优会员登录只显示头像的方法教程

2020-11-20 20:29:47 网站教程

很久没写教程了，因为最近考试的原因暂时没有写更多的教程，今天就来写一个有关易优会员登录后头像的问题，大家在做站的时候，会碰到，想登录后只显示头像而不显示账号昵称或者用户名。对于目前的逻辑，系统暂时还不能实现，只能应用于{eyou:user type='info'}里面的头像加昵称才可以。这样会碰到瓶颈，有的模板需求只要单独显示头像就好不要显示昵称

可是你怎么调用是无法实现的。

所以这种的确有点头疼。小秋今天就利用user登录会员标签来模拟复制一个逻辑出来，来填充这个所谓的不足吧，

效果如下：

如果你想登录显示用户名/昵称你就正常的官方标签即可。

如果你想登录后只显示头像，那么就用以下标签：

{eyou:users type='open'}

{eyou:users type='cart'}

{$field.hidden}

{/eyou:users}

{eyou:users type='login'}

{$field.hidden}

{/eyou:users}

{eyou:users type='reg'}

{$field.hidden}

{/eyou:users}

{eyou:users type='logout'}

{$field.hidden}

{/eyou:users}

以下是修改的文件部分：

打开\application\api\controller

Ajax.php 文件打开大概在（179行）

找到以下

/**

* 检验会员登录

public function check_user()

{

if (IS_AJAX) {

$type = input('param.type/s', 'default');

$img = input('param.img/s');

$users_id = session('users_id');

if ('login' == $type) {

if (!empty($users_id)) {

$currentstyle = input('param.currentstyle/s');

$users = M('users')->field('username,nickname,head_pic')

->where([

'users_id' => $users_id,

'lang' => $this->home_lang,

])->find();

if (!empty($users)) {

$nickname = $users['nickname'];

if (empty($nickname)) {

$nickname = $users['username'];

}

$head_pic = get_head_pic($users['head_pic']);

if ('on' == $img) {

$users['html'] = "<img class='{$currentstyle}' alt='{$nickname}' src='{$head_pic}' />";

} else {

$users['html'] = $nickname;

}

$users['ey_is_login'] = 1;

$this->success('请求成功', null, $users);

}

$this->success('请先登录', null, ['ey_is_login'=>0]);

}

else if ('reg' == $type)

{

if (!empty($users_id)) {

$users['ey_is_login'] = 1;

} else {

$users['ey_is_login'] = 0;

}

$this->success('请求成功', null, $users);

}

else if ('logout' == $type)

{

if (!empty($users_id)) {

$users['ey_is_login'] = 1;

} else {

$users['ey_is_login'] = 0;

}

$this->success('请求成功', null, $users);

}

else if ('cart' == $type)

{

if (!empty($users_id)) {

$users['ey_is_login'] = 1;

$users['ey_cart_num_20191212'] = Db::name('shop_cart')->where(['users_id'=>$users_id])->sum('product_num');

} else {

$users['ey_is_login'] = 0;

$users['ey_cart_num_20191212'] = 0;

}

$this->success('请求成功', null, $users);

}

$this->error('访问错误');

}

下面新增以下代码：

public function check_users()

{

if (IS_AJAX) {

$type = input('param.type/s', 'default');

$img = input('param.img/s');

$users_id = session('users_id');

if ('login' == $type) {

if (!empty($users_id)) {

$currentstyle = input('param.currentstyle/s');

$users = M('users')->field('username,nickname,head_pic')

->where([

'users_id' => $users_id,

'lang' => $this->home_lang,

])->find();

$head_pic = get_head_pic($users['head_pic']);

if (!empty($users)) {

$nickname = "<img class='{$currentstyle}' alt='{$nickname}' src='{$head_pic}' />";

if (empty($nickname)) {

$nickname = $users['username'];

}

$head_pic = get_head_pic($users['head_pic']);

if ('on' == $img) {

$users['html'] = "<img class='{$currentstyle}' alt='{$nickname}' src='{$head_pic}' />";

} else {

$users['html'] = $nickname;

}

$users['ey_is_login'] = 1;

$this->success('请求成功', null, $users);

}

$this->success('请先登录', null, ['ey_is_login'=>0]);

}

else if ('reg' == $type)

{

if (!empty($users_id)) {

$users['ey_is_login'] = 1;

} else {

$users['ey_is_login'] = 0;

}

$this->success('请求成功', null, $users);

}

else if ('logout' == $type)

{

if (!empty($users_id)) {

$users['ey_is_login'] = 1;

} else {

$users['ey_is_login'] = 0;

}

$this->success('请求成功', null, $users);

}

else if ('cart' == $type)

{

if (!empty($users_id)) {

$users['ey_is_login'] = 1;

$users['ey_cart_num_20191212'] = Db::name('shop_cart')->where(['users_id'=>$users_id])->sum('product_num');

} else {

$users['ey_is_login'] = 0;

$users['ey_cart_num_20191212'] = 0;

}

$this->success('请求成功', null, $users);

}

$this->error('访问错误');

}

保存

打开：\core\library\think\template\taglib目录

Eyou.php文件打开

找到：（89行）

'user' => ['attr' => 'type,id,key,mod,empty,currentstyle,img,txt,txtid'],

下面新增以下代码：

'users' => ['attr' => 'type,id,key,mod,empty,currentstyle,img,txt,txtid'],

再找到以下代码（大概2626行）

public function tagUser($tag, $content)

{

$type = !empty($tag['type']) ? $tag['type'] : 'default';

$id = isset($tag['id']) ? $tag['id'] : 'field';

$key = isset($tag['key']) ? $tag['key'] : 'i';

$txt = !empty($tag['txt']) ? $tag['txt'] : '';

$txt = $this->varOrvalue($txt);

$txtid = !empty($tag['txtid']) ? $tag['txtid'] : '';

$img = !empty($tag['img']) ? $tag['img'] : 'off';

$currentstyle = !empty($tag['currentstyle']) ? $tag['currentstyle'] : '';

$parseStr = '<?php ';

$parseStr .= ' $tagUser = new \think\template\taglib\eyou\TagUser;';

$parseStr .= ' $__LIST__ = $tagUser->getUser("'.$type.'", "'.$img.'", "'.$currentstyle.'", '.$txt.', "'.$txtid.'");';

$parseStr .= '?>';

$parseStr .= '<?php if(!empty($__LIST__) || (($__LIST__ instanceof \think\Collection || $__LIST__ instanceof \think\Paginator ) && $__LIST__->isEmpty())): ?>';

$parseStr .= '<?php $'.$id.' = $__LIST__; ?>';

$parseStr .= $content;

$parseStr .= '<?php endif; ?>';

$parseStr .= '<?php $'.$id.' = []; ?>'; // 清除变量值，只限于在标签内部使用

if (!empty($parseStr)) {

return $parseStr;

}

return;

}

在下面新增以下代码：

public function tagUsers($tag, $content)

{

$type = !empty($tag['type']) ? $tag['type'] : 'default';

$id = isset($tag['id']) ? $tag['id'] : 'field';

$key = isset($tag['key']) ? $tag['key'] : 'i';

$txt = !empty($tag['txt']) ? $tag['txt'] : '';

$txt = $this->varOrvalue($txt);

$txtid = !empty($tag['txtid']) ? $tag['txtid'] : '';

$img = !empty($tag['img']) ? $tag['img'] : 'off';

$currentstyle = !empty($tag['currentstyle']) ? $tag['currentstyle'] : '';

$parseStr = '<?php ';

$parseStr .= ' $tagUser = new \think\template\taglib\eyou\TagUsers;';

$parseStr .= ' $__LIST__ = $tagUser->getUser("'.$type.'", "'.$img.'", "'.$currentstyle.'", '.$txt.', "'.$txtid.'");';

$parseStr .= '?>';

$parseStr .= '<?php if(!empty($__LIST__) || (($__LIST__ instanceof \think\Collection || $__LIST__ instanceof \think\Paginator ) && $__LIST__->isEmpty())): ?>';

$parseStr .= '<?php $'.$id.' = $__LIST__; ?>';

$parseStr .= $content;

$parseStr .= '<?php endif; ?>';

$parseStr .= '<?php $'.$id.' = []; ?>'; // 清除变量值，只限于在标签内部使用

if (!empty($parseStr)) {

return $parseStr;

}

return;

}

再打开

\core\library\think\template\taglib\eyou 新建一个php文件

文件名为：

TagUsers.php

里面内容为：以下全部复制进去：

<?php

/**

* 易优CMS

* ============================================================================

* 网站地址: http://www.eyoucms.com

* ----------------------------------------------------------------------------

* 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.

* ============================================================================

* Author: 小虎哥 <1105415366@qq.com>

* Date: 2018-4-3

namespace think\template\taglib\eyou;

use think\Db;

/**

* 会员中心

class TagUsers extends Base

{

/**

* 会员ID

public $users_id = 0;

//初始化

protected function _initialize()

{

parent::_initialize();

// 会员信息

$this->users_id = session('users_id');

$this->users_id = !empty($this->users_id) ? $this->users_id : 0;

}

/**

* 会员中心

* @author wengxianhu by 2018-4-20

public function getUser($type = 'default', $img = '', $currentstyle = '', $txt = '', $txtid = '')

{

$result = false;

if ($this->home_lang != $this->main_lang) {

return false;

}

$web_users_switch = tpCache('web.web_users_switch');

$users_open_register = getUsersConfigData('users.users_open_register');

if ('open' == $type) {

if (empty($web_users_switch) || 1 == $users_open_register) {

return false;

}

if (1 == intval($web_users_switch)) {

if (empty($users_open_register)) {

$url = '';

$t_uniqid = '';

switch ($type) {

case 'login':

case 'centre':

case 'reg':

case 'logout':

case 'cart':

if ('cart' == $type) {

$shop_open = getUsersConfigData('shop.shop_open');

if (empty($shop_open)) return false; // 关闭商城中心，同时隐藏购物车入口

$url = url('user/Shop/shop_cart_list');

} else if ('reg' == $type) {

$users_open_reg = getUsersConfigData('users.users_open_reg');

if (isset($users_open_reg) && 1 == $users_open_reg) return false;

$url = url('user/Users/'.$type);

} else {

$url = url('user/Users/'.$type);

}

$t_uniqid = md5(getTime().uniqid(mt_rand(), TRUE));

// A标签ID

$result['id'] = md5("ey_{$type}_{$this->users_id}_{$t_uniqid}");

// A标签里的文案ID

$result['txtid'] = !empty($txtid) ? md5($txtid) : md5("ey_{$type}_txt_{$this->users_id}_{$t_uniqid}");

// 文字文案

$result['txt'] = $txt;

// 购物车的数量ID

$result['cartid'] = md5("ey_{$type}_cartid_{$this->users_id}_{$t_uniqid}");

// IMG标签里的ID

// $result['imgid'] = md5("ey_{$type}_img_{$this->users_id}_{$t_uniqid}");

// 图片文案

$result['img'] = $img;

// 链接

$result['url'] = $url;

// 标签类型

$result['type'] = $type;

// 图片样式类

$result['currentstyle'] = $currentstyle;

break;

case 'info':

$t_uniqid = md5(getTime().uniqid(mt_rand(), TRUE));

$result = $this->getUserInfo();

foreach ($result as $key => $val) {

$html_key = md5($key.'-'.$t_uniqid);

$result[$key] = $html_key;

}

$result['t_uniqid'] = $t_uniqid;

$result['id'] = $t_uniqid;

break;

case 'open':

break;

default:

return false;

break;

}

if ('login' == $type) {

if (isMobile() && isWeixin()) {

// 微信端和小程序则使用这个url

$result['url'] = url('user/Users/users_select_login');

}

// 子目录

$result['root_dir'] = $this->root_dir;

$result_json = json_encode($result);

$version = getCmsVersion();

$hidden = '';

switch ($type) {

case 'login':

case 'reg':

case 'logout':

case 'cart':

$hidden = <<<EOF

var tag_user_result_json = {$result_json};

tag_user(tag_user_result_json);

</script>

EOF;

break;

case 'info':

$hidden = <<<EOF

var tag_user_result_json = {$result_json};

tag_user_info(tag_user_result_json);

</script>

EOF;

break;

}

$result['hidden'] = $hidden;

}

return $result;

}

/**

* 获取用户信息

private function getUsersInfo()

{

$users = [];

$tableFields1 = Db::name('users')->getTableFields();

$tableFields2 = Db::name('users_level')->getTableFields();

$tableFields = array_merge($tableFields1, $tableFields2);

foreach ($tableFields as $key => $val) {

$users[$val] = '';

}

$users['url'] = '';

unset($users['password']);

unset($users['paypwd']);

return $users;

}

最好再打开\public\static\common\js目录

新建一个js文件新建文件名为：tag_users.js

将以下内容全部复制进去保存：

function tag_user(result)

{

var obj = document.getElementById(result.id);

var txtObj = document.getElementById(result.txtid);

var before_display = document.getElementById(result.id).style.display;

var before_html = '';

var before_txt_html = '';

if (txtObj) {

before_txt_html = txtObj.innerHTML;

if ('login' == result.type) {

txtObj.innerHTML = 'Loading…';

}

} else if (obj) {

before_html = obj.innerHTML;

if ('login' == result.type) {

obj.innerHTML = 'Loading…';

}

if (obj) {

obj.style.display="none";

} else {

obj = txtObj;

}

//步骤一:创建异步对象

var ajax = new XMLHttpRequest();

//步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数starName到服务端

var url = result.root_dir+"/index.php?m=api&c=Ajax&a=check_users&type="+result.type+"&img="+result.img;

if (result.currentstyle != '') {

url += "&currentstyle="+result.currentstyle;

}

ajax.open("post", url, true);

// 给头部添加ajax信息

ajax.setRequestHeader("X-Requested-With","XMLHttpRequest");

// 如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据：

ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");

//步骤三:发送请求+数据

ajax.send('_ajax=1');

//步骤四:注册事件 onreadystatechange 状态改变就会调用

ajax.onreadystatechange = function () {

//步骤五如果能够进到这个判断说明数据完美的回来了,并且请求的页面是存在的

if (ajax.readyState==4 && ajax.status==200) {

var json = ajax.responseText;

var res = JSON.parse(json);

if (1 == res.code) {

if (1 == res.data.ey_is_login) {

if (obj) {

if ('login' == result.type) {

if (result.txt.length > 0) {

res.data.html = result.txt;

}

if (txtObj) {

txtObj.innerHTML = res.data.html;

} else {

obj.innerHTML = res.data.html;

}

try {

obj.setAttribute("href", result.url);

if (!before_display) {

obj.style.display=before_display;

}

}catch(err){}

} else if ('logout' == result.type) {

if (txtObj) {

txtObj.innerHTML = before_txt_html;

} else {

obj.innerHTML = before_html;

}

try {

if (!before_display) {

obj.style.display=before_display;

}

}catch(err){}

} else if ('reg' == result.type) {

obj.style.display="none";

} else if ('cart' == result.type) {

try {

var cartidObj = document.getElementById(result.cartid);

if (cartidObj) {

cartidObj.innerHTML = res.data.ey_cart_num_20191212;

}

if (!before_display) {

obj.style.display=before_display;

}

}catch(err){}

}

} else {

// 恢复未登录前的html文案

if (obj) {

if (txtObj) {

txtObj.innerHTML = before_txt_html;

} else {

obj.innerHTML = before_html;

}

if ('logout' == result.type) {

obj.style.display="none";

} else if ('cart' == result.type) {

try {

var cartidObj = document.getElementById(result.cartid);

if (cartidObj) {

cartidObj.innerHTML = res.data.ey_cart_num_20191212;

}

if (!before_display) {

obj.style.display=before_display;

}

}catch(err){}

} else {

try {

if (!before_display) {

obj.style.display=before_display;

}

}catch(err){}

}

} else {

if (obj) {

obj.innerHTML = 'Error';

try {

if (!before_display) {

obj.style.display=before_display;

}

}catch(err){}

}

function tag_user_info(result)

{

var obj = document.getElementById(result.t_uniqid);

var before_display = '';

if (obj) {

before_display = obj.style.display;

obj.style.display="none";

}

//步骤一:创建异步对象

var ajax = new XMLHttpRequest();

//步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数starName到服务端

ajax.open("post", result.root_dir+"/index.php?m=api&c=Ajax&a=get_tag_user_info&t_uniqid="+result.t_uniqid, true);

// 给头部添加ajax信息

ajax.setRequestHeader("X-Requested-With","XMLHttpRequest");

// 如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头。然后在 send() 方法中规定您希望发送的数据：

ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");

//步骤三:发送请求+数据

ajax.send('_ajax=1');

//步骤四:注册事件 onreadystatechange 状态改变就会调用

ajax.onreadystatechange = function () {

//步骤五如果能够进到这个判断说明数据完美的回来了,并且请求的页面是存在的

if (ajax.readyState==4 && ajax.status==200) {

var json = ajax.responseText;

var res = JSON.parse(json);

if (1 == res.code) {

if (1 == res.data.ey_is_login) {

var dtypes = res.data.dtypes;

var users = res.data.users;

for (var key in users) {

var subobj = document.getElementById(key);

if (subobj) {

if ('img' == dtypes[key]) {

subobj.setAttribute("src", users[key]);

} else if ('href' == dtypes[key]) {

subobj.setAttribute("href", users[key]);

} else {

subobj.innerHTML = users[key];

}

if (obj) {

try {

if (!before_display) {

obj.style.display=before_display;

}

}catch(err){}

}

} else {

if (obj) {

obj.style.display="none";

}

// 读取 cookie

function getCookie(c_name)

{

if (document.cookie.length>0)

{

c_start = document.cookie.indexOf(c_name + "=")

if (c_start!=-1)

{

c_start=c_start + c_name.length+1

c_end=document.cookie.indexOf(";",c_start)

if (c_end==-1) c_end=document.cookie.length

return unescape(document.cookie.substring(c_start,c_end))

}

return "";

}

到这里教程就差不多了。

为何要做2个user登录标签因为有的模板只需要登录后显示单纯头像，一部分有的地方还是需要显示昵称所以因需所调用吧。

重复说下以上调用的标签为：

{eyou:users type='open'}

{eyou:users type='cart'}

{$field.hidden}

{/eyou:users}

{eyou:users type='login'}

{$field.hidden}

{/eyou:users}

{eyou:users type='reg'}

{$field.hidden}

{/eyou:users}

{eyou:users type='logout'}

{$field.hidden}

{/eyou:users}

不过一般登录只需

{eyou:users type='login'}

{$field.hidden}

{/eyou:users}

即可

手机端logo：/uploads/allimg/20190604/f6d6bb5265ae3bca241d886df3ff6203.png

易优技巧.小秋教程会员头像易优教程

易优会员登录只显示头像的方法教程

最新内容

推荐内容

热门内容

TAGS标签

遇到问题向小秋留言呗！

易优会员登录只显示头像的方法教程

相关推荐

栏目热门

最新内容

推荐内容

热门内容

TAGS标签

遇到问题向小秋留言呗！