会员功能|学习笔记

简介: 快速学习会员功能

开发者学堂课程·速成美会员功能笔记与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/566/detail/7733


会员功能


内容介绍:

一、后台设计页面

二、会员管理


一、后台设计页面

1、设置登陆按钮:点击“组件”,点击“电商会员”,点击“登陆状态控件“ 。如下图所示:

首先进入设计页面,可以看到在设计页面,有一个登录状态的按钮,一定要注意,这个登录状态是在组建当中有一个专门的电商会员,下面有一个登录状态的按钮,这个一定不是用按钮去做的,是专门的登录的状态保存,点击一下预览,预览成功之后,可以看到有一个登录和注册;

当点击登录的时候,它会自动跳转到一个系统的一个登录页面来,这是一个系统自带的一个登录页面;

同样的当点击注册的时候,也会有一个系统自带的注册页。这个位置一定要记得是一个专门的登录状态按钮,是用普通的按钮或者文字空间没有办法这样操作的。

image.png

2、设置登陆状态的按钮,点击“设置”之后,依然看到是 样式、数据、动效、排列,由商户自行设置。如下图所示:

image.png

3、设置登陆页

首先,新建一个页面,把它作为登录页。选择一下页头页尾,在这个页面上加上一个登陆框,在这个电商与会员的组件中,有登录框的样式。

选择一个登录框样式,选择这款,这是一个登录框的样式。

对它进行编辑,做好之后,回到刚才的编辑页面,找到这个登录框,把登录直接链接到刚才做好的登录页面,点击确定保存。这样一个登录框的页面就完成了。

image.png

登录页面和注册页面都是可以由商家自己去设计的。


二、会员管理

1.会员列表

首先它有一个默认的账户,这个账号角色是注册用户和管理员,有一个商家注册的,点击“详情”,可以看到它的注册用户名、注册方式和最近登录时间,同时还可以协助重置账号和密码,同时还可以对角色进行划分。账号为注册用户和管理员,可以看到用户名、注册时间、最近登录时间密码和会员角色

image.png

2.多级会员

去”会员中心配置“设置,可以新增会员,比如设置高级会员、尊贵会员等。比如说现在的角色就是注册会员,如果想设置一个多级会员呢,可以直接到会员中心配置,直接点击新增会员,比如说设置一个高级会员,再增加一个尊贵会员,回到会员列表之后,可以对角色的这样一个勾选,商家让他成为初级会员,点击保存。

3.默认页面注册

主要是会员模板,还有拒绝访问页。单独设置一个拒绝访问页,比如说某个页面只有会员可以访问,非会员是看不了的,那么可以直接在设置一个会员提醒页,点击之后它会直接去跳转,这个可以按根据需求去设置。

image.png

4、设置登陆注册项,主要是用邮箱,比如说还可以加入出生年、电话号码,比如用手机号注册、微信登录等。

5、页面设置是会员可以访问的或者非会员访问的内容。这个功能主要是为了后期去设置权限页面,比如说某个页面只有初级会员可以访问,高级会员和尊贵会员都不能访问。

image.png

相关文章
|
6月前
|
容器
会员管理系统实战开发教程07-会员消费
会员管理系统实战开发教程07-会员消费
|
6月前
|
存储 移动开发 小程序
会员管理系统实战开发教程01-创建模型应用
会员管理系统实战开发教程01-创建模型应用
|
数据库 存储 关系型数据库
|
5月前
|
前端开发
PTCMS小说聚合网站系统源码(带会员收费机制)
源码内有详细搭建方法,图文的,还是很简单的。新版UI,添加原创专区,新闻发布,书单发布,采集日志,百度推送,神马推送,推送日志功能。 前端高仿起点小说网,自适应模板,可以分设手机域名。 后端采用LAYUI全新开发。
163 60
|
4月前
|
数据库 Nacos
会员系统06,65节 包含会员登录,注册,会员认证,银行卡管理,会员钱包地址管理,邀请注册等一系列和会员相关功能
会员系统06,65节 包含会员登录,注册,会员认证,银行卡管理,会员钱包地址管理,邀请注册等一系列和会员相关功能
|
6月前
|
JavaScript 前端开发 索引
会员管理系统实战开发教程04-会员开卡
会员管理系统实战开发教程04-会员开卡
|
6月前
|
容器
会员管理系统实战开发教程06-会员充值
会员管理系统实战开发教程06-会员充值
|
6月前
|
移动开发 小程序 容器
会员管理系统实战开发教程02-H5应用创建
会员管理系统实战开发教程02-H5应用创建
|
6月前
|
移动开发 JavaScript 前端开发
会员管理系统H5-01会员开卡
会员管理系统H5-01会员开卡
|
前端开发 JavaScript 容器
会员管理系统实战开发教程05-会员开卡
会员管理系统实战开发教程05-会员开卡
下一篇
无影云桌面