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

html登录页面模板免费(html登录页面代码美观漂亮)

网站模板1年前 (2023-10-17)276

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>

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

html登录页面模板免费(html登录页面代码美观漂亮)

<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://sdjcht.com/post/35422.html

分享给朋友:

“html登录页面模板免费(html登录页面代码美观漂亮)” 的相关文章

html旅游网站模板(html制作旅游网站模板)

html旅游网站模板(html制作旅游网站模板)

今天给各位分享html旅游网站模板的知识,其中也会对html制作旅游网站模板进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、关于 旅游的 HTML 网页模板...

招聘海报制作软件app免费(做招聘海报的软件app)

招聘海报制作软件app免费(做招聘海报的软件app)

本篇文章给大家谈谈招聘海报制作软件app免费,以及做招聘海报的软件app对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、创客贴、稿定设计、图怪兽、懒设计,哪个是全免费又好用...

源代码电影解析佛教(源代码电影解读)

源代码电影解析佛教(源代码电影解读)

今天给各位分享源代码电影解析佛教的知识,其中也会对源代码电影解读进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、源代码 影评 2、《源代码》电影解析是什么...

风景素材网站有哪些(风景素材网站有哪些平台)

风景素材网站有哪些(风景素材网站有哪些平台)

今天给各位分享风景素材网站有哪些的知识,其中也会对风景素材网站有哪些平台进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、哪些网站可以找到高清的风景图片?...

ppt里面怎么加入背景(ppt里面怎么加入背景音乐)

ppt里面怎么加入背景(ppt里面怎么加入背景音乐)

今天给各位分享ppt里面怎么加入背景的知识,其中也会对ppt里面怎么加入背景音乐进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、ppt如何导入图片做背景...

学生个人网页制作源代码(大学生个人网页设计代码)

学生个人网页制作源代码(大学生个人网页设计代码)

本篇文章给大家谈谈学生个人网页制作源代码,以及大学生个人网页设计代码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、html求制作一个简单网页代码,只需要一些文字加张图片...