ECSHOP在线手册布局参考图--登录/注册页 user_passport.dwt
A.会员登录框
1,设置方法
- 自带模块
2,代码相关
user_passport.dwt 中
<div class="usBox_1 f_l">
<div class="logtitle"></div>
<form name="formLogin" action="user.php" method="post" onSubmit="return userLogin()">
<table width="100%" border="0" align="left" cellpadding="3" cellspacing="5">
<tr>
<td width="15%" align="right">{$lang.label_username}</td>
<td width="85%"><input name="username" type="text" size="25" class="inputBg" /></td>
</tr>
<tr>
<td align="right">{$lang.label_password}</td>
<td>
<input name="password" type="password" size="15" class="inputBg"/>
</td>
</tr>
<!-- 判断是否启用验证码{if $enabled_captcha} -->
<tr>
<td align="right">{$lang.comment_captcha}</td>
<td><input type="text" size="8" name="captcha" class="inputBg" />
<img src="captcha.php?is_login=1&{$rand}" alt="captcha" style="vertical-align: middle;cursor: pointer;" onClick="this.src='captcha.php?is_login=1&'+Math.random()" /> </td>
</tr>
<!--{/if}-->
<tr>
<td colspan="2"><input type="checkbox" value="1" name="remember" id="remember" /><label for="remember">{$lang.remember}</label></td>
</tr>
<tr>
<td> </td>
<td align="left">
<input type="hidden" name="act" value="act_login" />
<input type="hidden" name="back_act" value="{$back_act}" />
<input type="submit" name="submit" value="" class="us_Submit" />
</td>
</tr>
<tr><td></td><td><a href="user.php?act=qpassword_name" class="f3">{$lang.get_password_by_question}</a> <a href="user.php?act=get_password" class="f3">{$lang.get_password_by_mail}</a></td></tr>
</table>
</form>
</div>
3,相关css
style.css 中 .usBox{background:#f2f2f2; border:1px solid #e2e2e2; padding:15px; width:928px;}
.usBox_1{background:#fff; text-align:left; width:297px; height:208px; padding:43px 153px 60px 123px;}
.usBox_1 .logtitle{height:30px; background:url(images/ur_bg.gif) no-repeat 0px 0px;}
.us_Submit{border:none; width:115px; height:40px; background:url(images/bnt_ur_log.gif);}
.us_Submit_reg{border:none; width:113px; height:40px; background:url(images/bnt_ur_reg.gif);}
B.登录说明部分
1,设置方法
- 这里是用语言包来定义，可以通过后台
语言项编辑
- 来修改
2,代码相关
user_passport.dwt 中
<div class="usTxt">
<strong>{$lang.user_reg_info[0]}</strong> <br />
<strong class="f4">{$lang.user_reg_info[1]}：</strong><br />
<!-- {if $car_off eq 1} -->
{$lang.user_reg_info[2]}<br />
<!--{/if}-->
<!-- {if $car_off eq 0} -->
{$lang.user_reg_info[8]}<br />
<!--{/if}-->
{$lang.user_reg_info[3]}：<br />
1. {$lang.user_reg_info[4]}<br />
2. {$lang.user_reg_info[5]}<br />
3. {$lang.user_reg_info[6]}<br />
4. {$lang.user_reg_info[7]} <br />
<a href="user.php?act=register"><img src="data:images/bnt_ur_reg.gif" /></a>
</div>
3,相关css
style.css 中
.usTxt{width:265px; height:267px; padding:43px 0 0 90px; background:#f2f2f2; float:right;
text-align:left; background:url(images/ur_bg1.gif) no-repeat 0 50%; line-height:23px;
}
.usTxt img{margin-top:15px;}
C.注册页
1,设置方法
后台系统设置 - 会员注册项设置 可以修改注册项目，也可以新建自定义项目，并设置必填还是选填
2,代码相关
user_passport.dwt 中 <!--*会员注册界面 start-->
<!--{if $action eq 'register'}-->
<!-- {if $shop_reg_closed eq 1} -->
<div class="usBox">
<div class="usBox_2 clearfix">
<div class="f1 f5" align="center">{$lang.shop_register_closed}</div>
</div>
</div>
<!-- {else} -->
{insert_scripts files='utils.js'}
<div class="usBox">
<div class="usBox_2 clearfix">
<div class="regtitle"></div>
<form action="user.php" method="post" name="formUser" onsubmit="return register();">
<table width="100%" border="0" align="left" cellpadding="5" cellspacing="3">
<tr>
<td width="13%" align="right">{$lang.label_username}</td>
<td width="87%">
<input name="username" type="text" size="25" id="username" onblur="is_registered(this.value);" class="inputBg"/>
<span id="username_notice" style="color:#FF0000"> *</span>
</td>
</tr>
<tr>
<td align="right">{$lang.label_email}</td>
<td>
<input name="email" type="text" size="25" id="email" onblur="checkEmail(this.value);" class="inputBg"/>
<span id="email_notice" style="color:#FF0000"> *</span>
</td>
</tr>
<tr>
<td align="right">{$lang.label_password}</td>
<td>
<input name="password" type="password" id="password1" onblur="check_password(this.value);" onkeyup="checkIntensity(this.value)" class="inputBg" style="width:179px;" />
<span style="color:#FF0000" id="password_notice"> *</span>
</td>
</tr>
<tr>
<td align="right">{$lang.label_password_intensity}</td>
<td>
<table width="145" border="0" cellspacing="0" cellpadding="1">
<tr align="center">
<td width="33%" id="pwd_lower">{$lang.pwd_lower}</td>
<td width="33%" id="pwd_middle">{$lang.pwd_middle}</td>
<td width="33%" id="pwd_high">{$lang.pwd_high}</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="right">{$lang.label_confirm_password}</td>
<td>
<input name="confirm_password" type="password" id="conform_password" onblur="check_conform_password(this.value);" class="inputBg" style="width:179px;"/>
<span style="color:#FF0000" id="conform_password_notice"> *</span>
</td>
</tr>
<!-- {foreach from=$extend_info_list item=field} -->
<!-- {if $field.id eq 6} -->
<tr>
<td align="right">{$lang.passwd_question}</td>
<td>
<select name='sel_question'>
<option value='0'>{$lang.sel_question}</option>
{html_options options=$passwd_questions}
</select>
</td>
</tr>
<tr>
<td align="right" <!-- {if $field.is_need} -->id="passwd_quesetion"<!--{/if}-->>{$lang.passwd_answer}</td>
<td>
<input name="passwd_answer" type="text" size="25" class="inputBg" maxlengt='20'/><!-- {if $field.is_need} --><span style="color:#FF0000"> *</span><!-- {/if} -->
</td>
</tr>
<!-- {else} -->
<tr>
<td align="right" <!-- {if $field.is_need} -->id="extend_field{$field.id}i"<!--{/if}-->>{$field.reg_field_name}
<td>
<input name="extend_field{$field.id}" type="text" size="25" class="inputBg" /><!-- {if $field.is_need} --><span style="color:#FF0000"> *</span><!-- {/if} -->
</td>
</tr>
<!-- {/if} -->
<!-- {/foreach} -->
<!-- 判断是否启用验证码{if $enabled_captcha} -->
<tr>
<td align="right">{$lang.comment_captcha}</td>
<td><input type="text" size="8" name="captcha" class="inputBg" />
<img src="captcha.php?{$rand}" alt="captcha" style="vertical-align: middle;cursor: pointer;" onClick="this.src='captcha.php?'+Math.random()" /> </td>
</tr>
<!--{/if}-->
<tr>
<td> </td>
<td><label>
<input name="agreement" type="checkbox" value="1" checked="checked" />
{$lang.agreement}</label></td>
</tr>
<tr>
<td> </td>
<td align="left">
<input name="act" type="hidden" value="act_register" >
<input type="hidden" name="back_act" value="{$back_act}" />
<input name="Submit" type="submit" value="" class="us_Submit_reg">
</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr>
<td> </td>
<td class="actionSub">
<a href="user.php?act=login">{$lang.want_login}</a><br />
<a href="user.php?act=get_password">{$lang.forgot_password}</a>
</td>
</tr>
</table>
</form>
</div>
</div>
<!--{/if}-->
<!--{/if}-->
<!--#会员注册界面 end-->
3,相关css
style.css 中 /*注册*/
.usBox_2{background:#fff; text-align:left; padding:43px 153px 60px 123px;}
.usBox_2 .regtitle{height:30px; background:url(images/ur_bg.gif) no-repeat 0px -34px;}
.actionSub a{color:#006acc; text-decoration:underline;
background:url(images/ur_bg.gif) no-repeat 0px -68px; padding-left:14px;
}
D.找回密码
1,设置方法
- 系统自带功能，找回密码有整个流程，dwt相关if语句很清楚，样式都差不多，只要修改一个就行
2,代码相关
user_passport.dwt 中 <!--*找回密码界面 -->
<!--{if $action eq 'get_password'} -->
{insert_scripts files='utils.js'}
<script type="text/javascript">
{foreach from=$lang.password_js item=item key=key}
var {$key} = "{$item}";
{/foreach}
</script>
<div class="usBox">
<div class="usBox_2 clearfix">
<form action="user.php" method="post" name="getPassword" onsubmit="return submitPwdInfo();">
<br />
<table width="70%" border="0" align="center">
<tr>
<td colspan="2" align="center"><strong>{$lang.username_and_email}</strong></td>
</tr>
<tr>
<td width="29%" align="right">{$lang.username}</td>
<td width="61%"><input name="user_name" type="text" size="30" class="inputBg" /></td>
</tr>
<tr>
<td align="right">{$lang.email}</td>
<td><input name="email" type="text" size="30" class="inputBg" /></td>
</tr>
<tr>
<td></td>
<td><input type="hidden" name="act" value="send_pwd_email" />
<input type="submit" name="submit" value="{$lang.submit}" class="bnt_blue" style="border:none;" />
<input name="button" type="button" onclick="history.back()" value="{$lang.back_page_up}" style="border:none;" class="bnt_blue_1" />
</td>
</tr>
</table>
<br />
</form>
</div>
</div>
<!--{/if}-->
<!--*通过问题找回密码的确认找回账号界面 -->
<!--{if $action eq 'qpassword_name'} -->
<div class="usBox">
<div class="usBox_2 clearfix">
<form action="user.php" method="post">
<br />
<table width="70%" border="0" align="center">
<tr>
<td colspan="2" align="center"><strong>{$lang.get_question_username}</strong></td>
</tr>
<tr>
<td width="29%" align="right">{$lang.username}</td>
<td width="61%"><input name="user_name" type="text" size="30" class="inputBg" /></td>
</tr>
<tr>
<td></td>
<td><input type="hidden" name="act" value="get_passwd_question" />
<input type="submit" name="submit" value="{$lang.submit}" class="bnt_blue" style="border:none;" />
<input name="button" type="button" onclick="history.back()" value="{$lang.back_page_up}" style="border:none;" class="bnt_blue_1" />
</td>
</tr>
</table>
<br />
</form>
</div>
</div>
<!--{/if}-->
<!--*根据输入账号显示密码问题界面 -->
<!--{if $action eq 'get_passwd_question'} -->
<div class="usBox">
<div class="usBox_2 clearfix">
<form action="user.php" method="post">
<br />
<table width="70%" border="0" align="center">
<tr>
<td colspan="2" align="center"><strong>{$lang.input_answer}</strong></td>
</tr>
<tr>
<td width="29%" align="right">{$lang.passwd_question}：</td>
<td width="61%">{$passwd_question}</td>
</tr>
<tr>
<td align="right">{$lang.passwd_answer}：</td>
<td><input name="passwd_answer" type="text" size="20" class="inputBg" /></td>
</tr>
<!-- 判断是否启用验证码{if $enabled_captcha} -->
<tr>
<td align="right">{$lang.comment_captcha}</td>
<td><input type="text" size="8" name="captcha" class="inputBg" />
<img src="captcha.php?is_login=1&{$rand}" alt="captcha" style="vertical-align: middle;cursor: pointer;" onClick="this.src='captcha.php?is_login=1&'+Math.random()" /> </td>
</tr>
<!--{/if}-->
<tr>
<td></td>
<td><input type="hidden" name="act" value="check_answer" />
<input type="submit" name="submit" value="{$lang.submit}" class="bnt_blue" style="border:none;" />
<input name="button" type="button" onclick="history.back()" value="{$lang.back_page_up}" style="border:none;" class="bnt_blue_1" />
</td>
</tr>
</table>
<br />
</form>
</div>
</div>
<!--{/if}-->
<!-- {if $action eq 'reset_password'} -->
<script type="text/javascript">
{foreach from=$lang.password_js item=item key=key}
var {$key} = "{$item}";
{/foreach}
</script>
<div class="usBox">
<div class="usBox_2 clearfix">
<form action="user.php" method="post" name="getPassword2" onSubmit="return submitPwd()">
<br />
<table width="80%" border="0" align="center">
<tr>
<td>{$lang.new_password}</td>
<td><input name="new_password" type="password" size="25" class="inputBg" /></td>
</tr>
<tr>
<td>{$lang.confirm_password}:</td>
<td><input name="confirm_password" type="password" size="25" class="inputBg"/></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="hidden" name="act" value="act_edit_password" />
<input type="hidden" name="uid" value="{$uid}" />
<input type="hidden" name="code" value="{$code}" />
<input type="submit" name="submit" value="{$lang.confirm_submit}" />
</td>
</tr>
</table>
<br />
</form>
</div>
</div>
<!--{/if}-->
<!--#找回密码界面 end-->
3,相关css
style.css 中 .usBox_2{background:#fff; text-align:left; padding:43px 153px 60px 123px;}
.usBox_2 .regtitle{height:30px; background:url(images/ur_bg.gif) no-repeat 0px -34px;}
.actionSub a{color:#006acc; text-decoration:underline;
background:url(images/ur_bg.gif) no-repeat 0px -68px; padding-left:14px;
}
ECSHOP在线手册布局参考图--登录/注册页 user_passport.dwt的更多相关文章
- ECSHOP在线手册布局参考图--文章详情页 article.dwt
A.购物车 1,设置方法 程序自动读取购物车的商品数量 2,代码相关 cart.lbi 中 {insert_scripts files='transport.js'} <div clas ...
- ECSHOP在线手册布局参考图--商品详情页 goods.dwt
A.购物车 1,设置方法 程序自动读取购物车的商品数量 2,代码相关 cart.lbi 中 {insert_scripts files='transport.js'} <div clas ...
- ECSHOP在线手册布局参考图--文章列表页 article_cat.dwt
A.购物车 1,设置方法 程序自动读取购物车的商品数量 2,代码相关 cart.lbi 中 {insert_scripts files='transport.js'} <div clas ...
- ECSHOP在线手册布局参考图--通用活动页 group_list.dwt等
A.购物车 1,设置方法 程序自动读取购物车的商品数量 2,代码相关 cart.lbi 中 {insert_scripts files='transport.js'} <div clas ...
- ECSHOP在线手册布局参考图--积分商城 exchange_list.dwt
A.购物车 1,设置方法 程序自动读取购物车的商品数量 2,代码相关 cart.lbi 中 {insert_scripts files='transport.js'} <div clas ...
- ECSHOP在线手册布局参考图--商品分类页 category.dwt
A.购物车 1,设置方法 程序自动读取购物车的商品数量 2,代码相关 cart.lbi 中 {insert_scripts files='transport.js'} <div clas ...
- ecshop在线手册前言及程序结构
该在线手册是有模版堂转载而来:仅供参考 一.前言 为什么我们ecshop模板堂要重制ecshop在线手册呢?因为目前网上的一些教程有些是比较老的,有些是不全面的,官方的手册也已经很久没有更 新,很多刚 ...
- ECSHOP在线手册之模板结构说明 (适用版本v2.7.3)
名称 类型 备注(作用或意义) 文件(目录)名可否更改 images 目录 存放模板图片目录 不可更改 library 目录 存放模板库文件目录 不可更改 screenshot.png 图片 用于“后 ...
- ECSHOP在线手册之布局参考图-首页 index.dwt
A.logo替换 1,设置方法 后台商店设置里,上传logo就行,注意logo的名称必须是logo.gif 2,代码相关 page_header.lbi 中 <a href=" ...
随机推荐
- WPF博客地址分享
http://www.cnblogs.com/chenxizhang/archive/2010/03/25/1694604.html http://www.cnblogs.com/lzhp/archi ...
- Git教程(7)用合并还是变基？
合并或变基前的样子:分支experiment与master两个分支都产生了提交. 图1. 未合并或变基前的样子 合并 原理: 找到两个分支的最末提交和最近的共同祖先,在执行git merge时所处的分 ...
- Python中的抽象超类
# -*- coding:utf-8 -*- class Super(object): def test(self): self.action() class Sub(Super): def acti ...
- Is there a way for me to run Adb shell as root without typing in 'su'?
Orginal artical :http://android.stackexchange.com/questions/5884/is-there-a-way-for-me-to-run-adb-sh ...
- LinkedBlockingQueue
LinkedBlockingQueue是一个基于已链接节点的.范围任意的blocking queue的实现. 此队列按 FIFO(先进先出)排序元素.队列的头部 是在队列中时间最长的元素.队列的 ...
- mysql 幻读
幻读(Phantom Read) 是指当用户读取某一范围的数据行时,B事务在该范围内插入了新行,当用户再读取该范围的数据行时,会发现有新的“幻影”行.InnoDB和Falcon存储引擎通 过多版本并发 ...
- HDU Senior's Gun （水题）
题意: 给n把枪,m个怪兽,每把枪可消灭1怪兽,并获得能量=枪的攻击力-怪兽的防御力.求如何射杀能获得最多能量?(不必杀光) 思路: 用最大攻击力的枪杀防御力最小的怪兽明显可获得最大能量.如果每把枪都 ...
- Hibernate4.x之映射关系--单向一对多
在领域模型中,类与类之间最普遍的关系就是关联关系在UML中,关联是有方向的 以Customer和Order为例:一个用户能发出多个订单,而一个订单只能属于一个客户.从Order到Customer的关联 ...
- MySQL InnoDB存储引擎中的锁机制
1.隔离级别 Read Uncommited(RU):这种隔离级别下,事务间完全不隔离,会产生脏读,可以读取未提交的记录,实际情况下不会使用. Read Committed (RC):仅能读取到已提交 ...
- 有关SQL
1.SQL str函数是什么意思? 将数值型转换成指定长度的字符串.str()函数语法:str(数字类型的表达式[,表达式总长度][,小数点后面的位数]),表达式总长度和小数点后面的位数为可选择参数. ...