注册登录

一、作用

实现会员账号登录、短信登录、会员注册、邮箱验证、手机号验证和快捷登录入口

二、账号密码登录

<form action="{member_url path=login}" method="post">
  <input type="hidden" name="_token" value="{$csrf}">
  <input type="text" name="account" value="{$old.account}" placeholder="账号 / 手机 / 邮箱">
  <input type="password" name="password" placeholder="密码">
  {if $captcha.enabled}
    <input type="text" name="captcha" placeholder="验证码：{$captcha.question}">
  {/if}
  <button type="submit">登录</button>
</form>

三、登录参数

字段	说明
account	账号、手机号或邮箱
password	登录密码
remember	记住登录
captcha	登录验证码

四、短信登录

{if $login_methods.sms_enabled}
<form action="{member_url path=login}" method="post">
  <input type="hidden" name="_token" value="{$csrf}">
  <input type="hidden" name="login_mode" value="sms">
  <input type="text" name="mobile" value="{$old.mobile}" placeholder="手机号">
  <input type="text" name="sms_code" placeholder="短信验证码">
  <button type="button" data-send-sms-code data-purpose="login">获取验证码</button>
  <button type="submit">登录</button>
</form>
{/if}

五、注册表单

<form action="{member_url path=register}" method="post">
  <input type="hidden" name="_token" value="{$csrf}">
  <input type="text" name="username" value="{$old.username}" placeholder="账号">
  <input type="text" name="nickname" value="{$old.nickname}" placeholder="昵称">
  <input type="text" name="mobile" value="{$old.mobile}" placeholder="手机">
  <input type="text" name="sms_code" placeholder="短信验证码">
  <button type="button" data-send-sms-code data-purpose="register">获取短信验证码</button>
  <input type="email" name="email" value="{$old.email}" placeholder="邮箱">
  <input type="text" name="email_code" placeholder="邮箱验证码">
  <button type="button" data-send-member-email-code data-purpose="register">获取邮箱验证码</button>
  <input type="password" name="password" placeholder="密码">
  <input type="password" name="password_confirmation" placeholder="确认密码">
  <button type="submit">注册</button>
</form>

六、注册参数

字段	说明
username	账号
nickname	昵称
mobile	手机号
sms_code	短信验证码
email	邮箱
email_code	邮箱验证码
password	密码
password_confirmation	确认密码
agreement	注册协议确认

七、验证码按钮

<button type="button" data-send-sms-code data-purpose="register">获取短信验证码</button>
<button type="button" data-send-member-email-code data-purpose="register">获取邮箱验证码</button>

属性	说明
data-purpose="login"	登录验证码
data-purpose="register"	注册验证码
data-purpose="profile"	修改邮箱验证码
data-purpose="profile_mobile"	修改手机号验证码

八、快捷登录

{if $quick_login.any}
  {if $quick_login.qq_enabled}<a href="{$quick_login.qq_url}">QQ 登录</a>{/if}
  {if $quick_login.wechat_enabled}<a href="{$quick_login.wechat_url}">微信登录</a>{/if}
{/if}