当前位置:首页 > 网站模板 > 正文内容

前端登录html模板(前端实现登录功能)

网站模板1年前 (2023-10-03)285

user 登录注册入口标签

[基础用法]

标签:user

描述:动态显示购物车、登录、注册、退出、会员中心的入口;

用法:

{eyou:user type='userinfo'}

<div id="{$field.htmlid}">

<a href="{$field.loginurl}">登录</a>

<a href="{$field.regurl}">注册</a>

</div>

{$field.hidden}

{/eyou:user}

属性:

type='' 标签类型

----type='userinfo' [官方推荐] 这个是新登录注册标签,需要配置独立模板文件,用于登录成功后显示的html效果,具体看示例1

----type='open' 会员中心的开启与关闭判断

----type='login' 登录入口,用户登录之后自动转变为会员名称,点击可进入会员中心

----type='reg' 注册入口

----type='logout' 退出入口

----type='cart' 购物车数量与入口

id='' 可以任意指定循环里的变量名替代field,假设id='field1',模板调用如:{$field.url} 变成 {$field1.url}

涉及表字段:

<!-- 登录后的效果:文件模板存放在 system/users_info.htm ,具体更多写法请熟悉 ey_users 表字段 -->

展开全文

{eyou:user type='open'}

{eyou:user type='userinfo'}

<li class=" text-xs-center vertical-align-middle animation-slide-top" id="{$field.htmlid}">

<a href="{eyou:Diyurl link='user/Users/login' /}" class="login-btn btns">登录</a>

<a href="{eyou:Diyurl link='user/Users/reg' /}" class="btns">注册</a>

前端登录html模板(前端实现登录功能)

</li>

{$field.hidden}

{/eyou:user}

{/eyou:user}

【更多示例】

-------------------------------示例1--------------------------------

描述:完整的会员中心标签调法【官方推荐】

在模板里加入注册登录标签,这是登录前的html显示

{eyou:user type='userinfo'}

<div id="{$field.htmlid}">

<a href="{eyou:Diyurl link='user/Shop/shop_cart_list' /}">购物车</a>

<a href="{eyou:Diyurl link='user/Users/login' /}">登录</a>

<a href="{eyou:Diyurl link='user/Users/reg' /}">注册</a>

</div>

{$field.hidden}

{/eyou:user}

登录后的效果,在模板目录pc或者mobile的system目录里存放文件 users_info.htm,文件代码参考如下:

<a href="{eyou:Diyurl link='user/Shop/shop_cart_list' /}">购物车({$users.cart_num})</a>

<a href="{eyou:Diyurl link='user/Users/index' /}">{$users.username}</a>

<a href="{eyou:Diyurl link='user/Users/logout' /}">退出</a>

更多标签代码说明:

会员名称:{$users.username}

会员头像:{$users.head_pic}

会员昵称:{$users.nickname}

会员手机:{$users.mobile}

会员email:{$users.email}

账户余额:{$users.users_money}

会员积分:{$users.scores}

会员最后登录IP:{$users.last_ip}

会员等级:{$users.level_name}

会员等级值:{$users.level_value}

具体更多写法请熟悉 ey_users 表字段

-------------------------------示例2--------------------------------

描述:完整的会员中心标签调法

{eyou:user type='open'}

{eyou:user type='cart'}

<a href="{$field.url}" id="{$field.id}" >购物车(<font color="red" id="{$field.cartid}">0</font>)</a>

{$field.hidden}

{/eyou:user}

{eyou:user type='login'}

<a href="{$field.url}" id="{$field.id}" >登录</a>

{$field.hidden}

{/eyou:user}

{eyou:user type='reg'}

<a href="{$field.url}" id="{$field.id}" >注册</a>

{$field.hidden}

{/eyou:user}

{eyou:user type='logout'}

<a href="{$field.url}" id="{$field.id}" >退出</a>

{$field.hidden}

{/eyou:user}

{/eyou:user}

-------------------------------示例3--------------------------------

描述:登录之后,获取用户信息,应用于页面展示(如果没有登录这段信息会自动隐藏)

{eyou:user type='info'}

<div id="{$field.id}">

头像:<a id="{$field.url}" href=""><img id="{$field.head_pic}" width="50" height="50" /></a><br/>

用户名:<font id="{$field.username}"></font><br/>

登录日期:<font id="{$field.reg_time}"></font><br/>

登录IP:<font id="{$field.last_ip}"></font><br/>

{$field.hidden}

</div>

{/eyou:user}

(提醒:标签里的字段名称,请查阅易优cms官方提供的数据字典,找到表名 ey_users 和 ey_users_level)

转载:https://www.eyoucms.com/doc/label/all/7171.html

扫描二维码推送至手机访问。

版权声明:本文由我的模板布,如需转载请注明出处。


本文链接:http://60200875.com/post/33461.html

分享给朋友:

“前端登录html模板(前端实现登录功能)” 的相关文章

首涂模板影视二十二(首涂第二十六套模板)

首涂模板影视二十二(首涂第二十六套模板)

本篇文章给大家谈谈首涂模板影视二十二,以及首涂第二十六套模板对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、克洛伊战争(木马屠城)内容简介 2、唐朝房陵公主简介,李渊第...

幼儿园招生简章免费模板(幼儿园招生简章免费模板图片)

幼儿园招生简章免费模板(幼儿园招生简章免费模板图片)

本篇文章给大家谈谈幼儿园招生简章免费模板,以及幼儿园招生简章免费模板图片对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、幼儿园通知 2、2022幼儿园秋季招生策划方案...

怎么把多张ppt做成一页(怎么把多页ppt变成一页)

怎么把多张ppt做成一页(怎么把多页ppt变成一页)

今天给各位分享怎么把多张ppt做成一页的知识,其中也会对怎么把多页ppt变成一页进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、如何将多张ppt放在一页内...

大学社团招新宣传单(大学社团招新宣传单设计)

大学社团招新宣传单(大学社团招新宣传单设计)

本篇文章给大家谈谈大学社团招新宣传单,以及大学社团招新宣传单设计对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、急——关于大学乒乓球协会招新宣传单?详细点更好!! 2、...

ppt怎么自己设置背景图片(ppt背景图片颜色)

ppt怎么自己设置背景图片(ppt背景图片颜色)

本篇文章给大家谈谈ppt怎么自己设置背景图片,以及ppt背景图片颜色对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、ppt背景怎么设置 2、ppt怎么设置背景图片...

web前端开发网页设计案例(web前端开发网页设计案例代码)

web前端开发网页设计案例(web前端开发网页设计案例代码)

今天给各位分享web前端开发网页设计案例的知识,其中也会对web前端开发网页设计案例代码进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、云南java培训学校告...