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=" ...
随机推荐
- Android安全问题 抢先拦截短信
同上篇文章一样,这里只陈述结果,代码分析稍后给出 导读:本文叙述如何先于某些伪杀毒软件.病毒.常规软件获取到短信 众所周知,android系统在收到短信息的时候会发送广播,但是此广播是有序广播,也就是 ...
- Tableau
http://tableau.analyticservice.net/desktop.html
- Invoke BeginInvoke
http://www.codeproject.com/Articles/10311/What-s-up-with-BeginInvoke http://www.codeproject.com/Arti ...
- 1682. Crazy Professor(并查集）
1628 加了些数论知识 先看下剩余类的概念 一个整数被正整数n除后,余数有n种情形:0,1,2,3,…,n-1,它们彼此对模n不同余.这表明,每个整数恰与这n个整数中某一个对模n同余.这样一来,按 ...
- 使用simhash以及海明距离判断内容相似程度
算法简介 SimHash也即相似hash,是一类特殊的信息指纹,常用来比较文章的相似度,与传统hash相比,传统hash只负责将原始内容尽量随机的映射为一个特征值,并保证相同的内容一定具有相同的特征值 ...
- ARCGIS10如何修改图例的大小
设置好图例的样式,然后转换成图形,接着ungroup,全部打散,就可以对每一个图形包括文字进行大小和格式的编辑
- linux下判断网络是否连接
本文改写自网上的一个程序,原始程序中为阻塞式调用,而且有现成创建的过程,非常不利于集成到自己程序中,因此对原始程序进行改造,使其可以完成发送一个imcp包的方式来判断网络连通,只需要调用改进后的 bo ...
- [Bhatia.Matrix Analysis.Solutions to Exercises and Problems]ExI.3.7
For every matrix $A$, the matrix $$\bex \sex{\ba{cc} I&A\\ 0&I \ea} \eex$$ is invertible and ...
- 《深入Java虚拟机学习笔记》- 第3章 安全
3.1为什么需要安全性 Java的安全模型是其多个重要结构特点之一,它使Java成为适于网络环境的技术.因为网络提供了一条攻击连人的计算机的潜在途径,因此安全性是非常重要的.Java安全模型侧重于保护 ...
- as3 工具类分享 CookieMgr
今天分享一个工具类 CookieMgr,功能就是读取和写入 SharedObject 对象.很简单,都是静态方法,就不多说了 package org.polarbear.core { import f ...