好物有喜APP是一款将社交新零售和趣味电商模式结合的创 新电商平台。平台宗旨是将品牌源头好物输出给消费者,品牌收益和消费者共享,打造品牌消费者共 赢,利益共享的新消费生态。其主要功能为会员系统,电商系统,签到系统,支付系统等等。
1.会员注册
会员注册设置为手机号作为唯一注册ID。系统会根据算法为当前成员生成一个隐藏ID,这是用户数据查询的唯一ID。同事们,当会员注册成功后,系统会随机生成一个邀请码ID,用于以后的分享和推广。
2.会员登录
系统有2种登录方式。您可以选择通过密码登录,也可以通过接收短信验证码登录。从用户体验来看,目前市面上的大部分APP都是选择后者,毕竟短信验证码的登录方式是不需要记住密码的。短信验证码点击后会自动填入文本框,方便很多。这两种登陆方式也是当下主流的登陆方式,很多软件在开发的过程中通常都会选择这两种登陆方式。
3.更改密码
有两个密码更改。功能,一是修改登录密码,二是修改支付密码;登录密码用户账号用于登录,支付密码用户余额支付,提现申请填写。用户在修改密码的过程中需要注意到自己是忘记了哪一块的密码,然后进行修改。
4.修改信息
修改信息注意是修改用户自己的昵称,性别,头像等相关的个人信息。
5.收货地址
添加、修改、删除收货地址;查看收货地址列表信息,填写默认收货地址
6.专属二维码
系统给当前会员生成专属二维码信息。二维码信息包括注册地址和邀请码ID。二维码信息用户邀请新会员注册使用。微信扫码会弹出注册地址,注册时系统默认。记录当前促销的会员ID,从而绑定和锁定下属与会员促销的下属之间的关系。
好物有喜系统开发源码分享:
<div class="labelNav acea-row row-around row-middle">
<div class="item">
<span class="iconfont icon-xuanzhong"></span>100%正品保证
</div>
<div class="item">
<span class="iconfont icon-xuanzhong"></span>所有商品精挑细选
</div>
<div class="item">
<span class="iconfont icon-xuanzhong"></span>售后无忧
</div>
</div>
<div class="nav acea-row row-between-wrapper">
<div>
购物数量 <span class="num font-color-red">{{ count }}</span>
</div>
<div
v-if="cartList.valid.length > 0"
class="administrate acea-row row-center-wrapper"
@click="manage"
>
{{ footerswitch ? "取消" : "管理" }}
</div>
</div>
<div v-if="cartList.valid.length > 0 || cartList.invalid.length > 0">
<div class="list">
<div
class="item acea-row row-between-wrapper"
v-for="(item, index) in cartList.valid"
:key="index"
>
<div class="select-btn">
<div class="checkbox-wrapper">
<label class="well-check">
<input
type="checkbox"
name=""
value=""
:checked="item.checked"
@click="switchSelect(index)"
/>
<i class="icon"></i>
</label>
</div>
</div>
<div class="picTxt acea-row row-between-wrapper">
<div
class="pictrue"
@click="$router.push({ path: '/detail/' + item.product_id })"
>
<img
:src="item.productInfo.attrInfo.image"
v-if="item.productInfo.attrInfo"
/>
< img :src="item.productInfo.image" v-else />
</div>
<div class="text">
<div class="line1">{{ item.productInfo.store_name }}</div>
<div class="infor line1" v-if="item.productInfo.attrInfo">
属性:{{ item.productInfo.attrInfo.suk }}
</div>
<div class="money">¥{{ item.truePrice }}</div>
</div>
<div class="carnum acea-row row-center-wrapper">
<div
class="reduce"
:class="cartList.valid[index].cart_num <= 1 ?