手机端html登陆模板(html登录界面设计)

user 登录注册入口标签

[基础用法]

手机端html登陆模板(html登录界面设计)

标签: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>

</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

1、本网站名称:源码村资源网
2、本站永久网址:https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
源码村资源网 » 手机端html登陆模板(html登录界面设计)

1 评论

您需要 登录账户 后才能发表评论

发表评论

欢迎 访客 发表评论