注册登录组件的使用-云谷网建站设

 

注册和登录控件是电商网站的一个核心功能,用户在购物过程中需要注册账号、登录账号、下单付款等,这个过程在原生开发中涉及到很多复杂的逻辑,因此很多的功能和页面是系统固定,避免站长们弄错。我们已经做了完整的模板,只需要简单的使用模板组件就能搭建好支付体系。

注册和登录是一起使用的,所以就一起来讲。

1,为了界面美观,首先新建两个空白页面,一个为注册页面,一个为登录页面。也可以选择已经做好的页面模板,稍等的改一下参数。

 

 

现在新建好了两个页面,页面的内容都是选择的模板,而且是同一个模板,这样在修改之后两个页面之间看起来就不会有太大的差异。

 

 

第一步先设置一个“注册”空间的属性,在属性编辑器里,把“数据”这一栏点开。然后把“设置所在页面为注册页”的开关选择打开。

可以看到这句话后面有一个提示符号,鼠标指着提示符号就会弹出功能的说明,意思是开关选择打开之后,这个页面就是固定为注册页面了。并且进入注册页面的链接为:你的域名加上“/register”这个参数,比如云谷建站官网的注册地址:https://www.yungul.com/register,这个参数会在很多地方用到。

 

接下来看“添加注册项”,注册项页就是用户在注册的时候需要填的内容,比如需要填邮箱、手机号、公司名称等。默认的注册项就是用户名和密码,如果想要用户使用手机号码来注册又怎么做呢?

我们改一下注册项,点击"添加注册项”按钮进行管理设置,这时就回到了后台的“会员中心配置”。

 

 

在这里就可以对会员的注册项进行设置,可以添加新的注册项也可以对默认的两个注册项进行编辑。默认的“密码”注册项不用修改,就修改一下“用户名”这一项,把他改为手机号码注册。

 

 

可以看到在不修改的情况下,格式是邮箱,也就是说“用户名”这一项只能填邮箱格式的内容。如果不修改的话,我们把注册项名称改为“邮箱”两个字,然后保存页面去预览一下:

 

 

这个时候就是采用邮箱注册,注册的验证码是发送到用户的邮箱里面,这样注册起来会有点麻烦,还要登录邮箱去找验证码。所以采用手机号码注册比较好一点,而且有了用户的手机号之后,在销售方面就方便很多了,加微信啊打电话啊等。

回到“会员中心配置”,把注册项名称改为"请输入手机号”,然后勾选手机选项。

 

 

第一次是无法勾选上的,因为如果采用手机号码注册,会涉及到发送验证码,这个是收费的,系统免费赠送得有500条短信,所以还要先去启用一下短信功能,点击“去配置”,进入短信功能,然后启用第一行的验证码短信即可。

 

 

这时勾选上手机选项,点击确定。

 

 

回到页面设计,刷新一下可以看到数据已经修改好了,然后保存设计即可,别的地方就什么都不动。

 

2,设计登录页

登录页面因为开始的时候选用的模板是和注册页面一样的,现在需要把“注册”控件删除,换上“登录”控件,同时把页面上的一些字改一下。

 

 

登录控件在右侧的组件列表,找到会员电商,选择“登录”组件添加到页面内。同样的登录组件的属性编辑器打开,然后在“数据”里面把“设置所在页面为注册页”的开关选择打开,其余的什么都不用修改。

最后保存去预览效果,可以实际的注册和登录一下。而且点击“已有账号-去登录”和“注册新用户”就能实现两个页面之间的相互跳转了。

最新文章

专题推荐