【原创定制开发】电商直播APP源码|电商直播app搭建|APP直播系统APP直播源码APP直播短视频

是一个基于直播的新型社交电商平台,通过前端的社交分享+会员制、后端直采+直供的S2S共享创业模式,为广大无背景无资本的普通人提供一个低风险的创业服务项目。

任何人都可在直播手机端APP成为主播开店,执象直播为主播提供食品饮料、美妆个护、母婴玩具、服饰箱包、居家日用、家用电器等全品类货源。

微信截图_20211222140132.png

开发语言

前端开发语言:flutter

服务器框架:swoole,开发语言PHP

数据库:mysql、redis、mongo、elasticsearch

后台:框架vue,语言Javascri-pt

演示地址:https://zxzbnewzbadmin.oss-cn-beijing.aliyuncs.com/%E6%89%A7%E8%B1%A1%E7%9B%B4%E6%92%AD.apk

请下载后进行演示测试

后台地址:请联系客服

开发周期 签订合同 等事项请咨询客服

用户端功能:更多完整应用功能 请联系客服获取完整资料介绍。

一级功能 二级功能 功能 说明
启动页
登录 手机号登录 输入手机号,发送短信验证码,输入短信验证码登录
微信 获取微信授权,登陆程序
程序页-直播
搜索框 图标 显示搜索框并提示文字(请输入搜索内容) 进入搜索子页面
搜索
(子页面) 搜索框 输入要搜索商品名称的关键字 未输入关键字时显示提示文字(请输入搜索商品)
搜索按钮 点击对搜索框中的信息进行搜索 若搜索的关键字与后台设置商品的关键字完全匹配时,可返回对应商品的商品列表
若无匹配商品时,提示暂无数据
取消按钮 点击返回首页
热搜信息 显示后台设置的关键词,点击直接搜索 规则同搜索规则
搜索历史 显示用户历史输入的关键词,点击直接搜索 规则同搜索规则
清空历史 清空用户历史输入的关键词
购物车 图标 显示购物车图标及文字 点击进入购物车子页面
购物车
(子页面) 商品列表 显示已添加至购物车的商品列表,包括:
店铺勾选框状态(已勾选/未勾选),店铺名称
添加的商品勾选框状态(已勾选/未勾选),商品缩略图,商品名称,规格,原价,当前价格,购买数量(通过"+","-"增加减少) 1.数量默认显示用户购买时选择的数量
2.点击商品的缩略图,跳转到该商品的商品详情页。
勾选 用户可以勾选购物车里的店铺/商品。 勾选后可以删除,和结算。
编辑 将购物车内的店铺/商品变为编辑状态
全选:
选中全部店铺/商品,再次点击则全部清空。
删除:
若已勾选了至少一种商品,弹窗确认,删除商品
否则提示未选商品
完成:
取消编辑状态
全选 全部选中购物车里已有商品,再次点击取消选中
合计 显示当前已选商品的总价格
结算 显示选中的商品数量
若有已选择商品,点击“结算”则进入到结算界面
否则提示未选商品 点击跳转到提交订单页
轮播图 展示 展示后台上传的轮播图 点击进入商品详情子页面(需后台设置商品为轮播商品),直接上传轮播图片则无下级页面
直播热销 商品 显示商品图片,商品价格 点击进入商品详情子页面
直播分类 显示 显示不同分类下的直播列表
直播列表 直播信息 直播封面,直播名称,直播状态(直播中/预告),观看人数,主播名称,主播头像
推荐商品信息 商品缩略图,商品名称,商品价格
直播间
(直播中子页面) 主播信息 主播头像,主播性质(个人/商家),关注按钮,主播名称,观看人数,关注人数,主播ID号
直播场景 显示主播的直播场景
直播间信息 显示直播间信息,包括:
进入直播间:用户**进入直播间
分享直播间:用户**分享了直播间
打赏信息:用户打赏礼物
关注直播间:用户**关注了直播间
信息:用户头像,昵称,内容
购物袋
(弹窗) 显示主播添加的购物袋商品数量,点击弹窗购物袋弹窗
聊天 点击弹出输入框及键盘,发送至公屏信息窗 点击进入直播间子页面
其他 举报,点击跳转至举报子页面
分享 点击选择好友、朋友圈分享
点赞 对直播间点赞,可多次点赞 点击主播头像进入主播信息页
礼物 显示礼物图标 点击弹出礼物弹窗
礼物
(弹窗) 点击显示当前金币数量
显示充值按钮 点击弹出充值弹窗
购物袋
(弹窗) 显示商品列表,包括:缩略图,商品名称,价格,库存,添加 跳转到商品详情
举报
(子页面) 选择举报类型,可输入文字(类型为其他时可输入),上传图片,提交后台
充值
(弹窗) 点击显示当前金币数量
显示平台设置的充值列表,包括:
充值图标,到账金币数量,花费价格
优惠券(弹窗) 显示领取优惠券图标 点击领取优惠券图标,显示弹窗
优惠券弹窗界面 显示优惠券金额,领取按钮 点击领取可领取优惠券
主播信息页
(子页面) 主播信息 显示主播背景,头像,主播名称,粉丝人数,关注按钮
进入店铺 点击进入店铺主页 点击进入主播店铺主页
正在直播 显示正在直播的信息,包括:
标签(正在直播),观看人数,直播标题 点击进入直播间
历史回放 显示历史直播的信息,包括:
直播日期,直播时间,标题,缩略图,标签(可回放),观看人数 点击进入播放直播间的视频
直播间
(直播回放页面) 主播信息 显示主播背景,头像,主播名称,粉丝人数,关注按钮
直播场景 显示主播的直播场景
礼物列表 显示直播间别人刷的礼物名称, 数量, 金额 和时间
时间轴 显示当前视频时间,视频总时长,拖动进度按钮调整当前时间
直播间
(预告中子页面) 主播信息 主播间封面图.名称.开始时间.距开始时间倒计时
预约 直播间:
提示预约成功
去逛其他直播 去逛其他直播间:
返回至直播页面,直播区域
店铺主页
(子页面) 背景图 显示店铺的背景图
头像 显示店铺的头像
名称 显示店铺的名称
热度 显示店铺的热度
商品列表 显示商品的信息,包括:
缩略图,名称,价格,销量,立即抢购 点击跳转商品详情页
程序页-短视频
搜索框 图标 显示搜索框并提示文字(请输入搜索商品) 进入搜索子页面
搜索
(子页面) 搜索框 输入要搜索商品名称的关键字 未输入关键字时显示提示文字(请输入搜索商品)
搜索按钮 点击对搜索框中的信息进行搜索 若搜索的关键字与后台设置商品的关键字完全匹配时,可返回对应商品的商品列表
若无匹配商品时,提示暂无数据
取消按钮 点击返回首页
热搜信息 显示后台设置的关键词,点击直接搜索 规则同搜索规则
搜索历史 显示用户历史输入的关键词,点击直接搜索 规则同搜索规则
清空历史 清空用户历史输入的关键词
购物车 图标 显示购物车图标及文字 点击进入购物车子页面
购物车
(子页面) 商品列表 显示已添加至购物车的商品列表,包括:
店铺勾选框状态(已勾选/未勾选),店铺名称
添加的商品勾选框状态(已勾选/未勾选),商品缩略图,商品名称,规格,原价,当前价格,购买数量(通过"+","-"增加减少) 1.数量默认显示用户购买时选择的数量
2.点击商品的缩略图,跳转到该商品的商品详情页。
勾选 用户可以勾选购物车里的店铺/商品。 勾选后可以删除,和结算。
编辑 将购物车内的店铺/商品变为编辑状态
全选:
选中全部店铺/商品,再次点击则全部清空。
删除:
若已勾选了至少一种商品,弹窗确认,删除商品
否则提示未选商品
完成:
取消编辑状态
全选 全部选中购物车里已有商品,再次点击取消选中
合计 显示当前已选商品的总价格
结算 显示选中的商品数量
若有已选择商品,点击“结算”则进入到结算界面
否则提示未选商品 点击跳转到提交订单页
分类 显示 显示当前短视频的分类 点击显示该分类的短视频列表
短视频列表 列表 显示当前分类的短视频列表,包括:
背景图,短视频名称,作者头像,作者昵称,点赞数量,留言数量 点击进入短视频播放子页面
短视频播放页
(子页面) 视频 循环播放短视频 上下滑动切换短视频显示
显示 显示短视频名称,作者头像,作者昵称,关注按钮,点赞数量,留言数量 点击关注按钮,提示关注成功
点击作者头像进入主播信息页
点击点赞增加点赞数量
点击留言数量,弹出留言列表弹窗
留言列表
(弹窗) 评论区 显示已评论信息,包括评论人头像,昵称,评论,日期,时间
输入框 点击弹出输入框及键盘,发送至公屏信息窗
程序页-商城
搜索框 图标 显示搜索框并提示文字(请输入搜索商品) 进入搜索子页面
搜索
(子页面) 搜索框 输入要搜索商品名称的关键字 未输入关键字时显示提示文字(请输入搜索商品)
搜索按钮 点击对搜索框中的信息进行搜索 若搜索的关键字与后台设置商品的关键字完全匹配时,可返回对应商品的商品列表
若无匹配商品时,提示暂无数据
取消按钮 点击返回首页
热搜信息 显示后台设置的关键词,点击直接搜索 规则同搜索规则
搜索历史 显示用户历史输入的关键词,点击直接搜索 规则同搜索规则
清空历史 清空用户历史输入的关键词
返回结果
(子页面) 搜索框 显示搜索框及搜索的关键词
商品列表 显示匹配搜索结果的商品列表信息,包括:
商品缩略图,商品名称,商品原价,商品分享赚价格,商品销量,立即抢购 点击立即抢购进入商品详情
购物车 图标 显示购物车图标及文字 点击进入购物车子页面
购物车
(子页面) 商品列表 显示已添加至购物车的商品列表,包括:
店铺勾选框状态(已勾选/未勾选),店铺名称
添加的商品勾选框状态(已勾选/未勾选),商品缩略图,商品名称,规格,原价,当前价格,购买数量(通过"+","-"增加减少) 1.数量默认显示用户购买时选择的数量
2.点击商品的缩略图,跳转到该商品的商品详情页。
勾选 用户可以勾选购物车里的店铺/商品。 勾选后可以删除,和结算。
编辑 将购物车内的店铺/商品变为编辑状态
全选:
选中全部店铺/商品,再次点击则全部清空。
删除:
若已勾选了至少一种商品,弹窗确认,删除商品
否则提示未选商品
完成:
取消编辑状态
全选 全部选中购物车里已有商品,再次点击取消选中
合计 显示当前已选商品的总价格
结算 显示选中的商品数量
若有已选择商品,点击“结算”则进入到结算界面
否则提示未选商品 点击跳转到提交订单页
分类 图标 显示分类图标及文字 点击进入分类子页面
分类
(子页面) 搜索框 输入要搜索商品名称的关键字,点击搜索返回商品列表 未输入关键字时显示提示文字(请输入搜索商品)
一级分类 显示一级商品分类名称 点击显示已选分类的二级分类列表
二级分类 显示二级商品分类图标及名称 点击显示该分类的商品列表
商品列表 显示缩略图,名称,商品价格,商品佣金,销量,立即抢购 点击进入商品详情页面
轮播图 展示 展示后台上传的轮播图 点击进入商品详情子页面(需后台设置商品为轮播商品),直接上传轮播图片则无下级页面
常用分类 图标 显示设定的五个二级分类图标及文字 点击进入商品分类子页面
广告图 显示 显示广告图片 点击进入邀请粉丝页面
限时特卖 场次 显示后台设置的特卖的场次,包括:
昨日特卖,今日场次(场次时间,场次状态(抢购中/预热中)
倒计时 显示当前场次倒计时开始时间(距抢购开始时间)/结束时间(到今日结束时间)
产品列表 单列列表显示商品信息,包括:
缩略图,标签(特卖),名称,热销数量,价格,可赚佣金,分享购买 点击进入商品详情子页面
商品详情
(子页面) 轮播图 显示后台上传的产品的轮播图 商品详情信息均由后台上传
热销件数 显示商品的销售数量
商品价格 显示商品当前价格,商品原价
佣金数量 显示可赚佣金数量
剩余数量 显示商品剩余数量
商品名称 显示商品标签,名称,备注消息
进入店铺 显示店铺信息,包括
店铺头像,店铺名称, 进店看看 点击进店看看进入店铺子页面
店铺子页面 显示所属店铺所有商品信息列表,包括:
商品缩略图,商品名称,商品原价,商品分享赚价格,商品销量,立即抢购 点击立即抢购可提交订单
规格 显示已选规格,点击弹出商品的规格弹窗
规格
(弹窗) 显示已选规格的预览图,价格,库存,已选规格
选择规格 规格后台设置
显示购买数量,默认1,通过"+","-"增加减少
加入购物车,将已选商品添加至购物车
立即购买,跳转到提交订单页
评价列表 单列列表显示2条评价信息,包括:
评论数量,查看全部(可点击),评价会员头像,评价会员昵称,评价内容 查看全部点击后显示全部评价信息列表
商品详情 显示图文详情
客服 跳转在线客服
购物车 显示当前购物车中的商品数量 跳转到购物车页面
省钱购 显示省钱数量,点击弹出商品的规格弹窗
分享购 显示省钱数量,
点击文字提醒,选择好友,朋友圈分享,生成商品二维码 点击弹出分享弹窗
提交订单
(子页面) 收货地址 显示设置的默认地址信息:收货人姓名,电话,地址
若当前未添加默认收货地址时,显示新增收货地址 点击跳转至收货地址页
商家类别 显示商家类别(网站自营/三方店铺)
商品信息 显示商品的纤细,包括:
缩略图,名称,规格,数量,原价,当前价格,超出配送范围(未选择收货地址时显示)
运费 显示商品的运费价格
优惠券 选择该商品可用的优惠券
备注 输入留言给商家的信息
小计 显示订单总价
可用余额 显示当前可用余额数量
选择是否使用余额支付(默认不选)
总额 显示当前订单需要支付的价格
提交订单 弹出选择支付弹窗
选择支付
(弹窗) 实付金额 显示当前需要支付的价格
支付方式 默认微信
去付款 吊起微信支付,添加订单状态为待支付订单
程序页-店铺精选
商品列表 列表 显示商品的信息,包括:
缩略图,名称,商品当前价格,商品原价 点击跳转商品详情页
程序页-我的
会员信息 头像 显示当前系统头像
昵称 显示当前系统昵称
手机号 显示当前绑定的手机号(中间4位隐藏)
邀请码 显示个人邀请码
消息 图标 显示消息图标及文字 点击进入消息子页面
消息
(子页面) 订单 显示下级购买的订单的通知,包括:
通知日期,时间,下级昵称,标题
公告 显示当前系统发布的公告信息,包括:
标题,日期,时间,内容(只显示2行内容) 点击显示公告详情子页面
公告详情
(子页面) 显示公告详情内容,包括:
标题,日期,时间,内容
设置 图标 显示设置图标及文字
设置
(子页面) 个人资料 昵称:显示当前昵称
点击修改
个人头像:显示当前头像
点击从手机相册中选择上传
微信名片:显示当前微信二维码
点击从手机相册中选择上传
账户与安全 更换手机:显示当前手机号
点击显示手机号,发送验证码,输入验证码解除原手机号,输入新手机号,发送验证码,绑定新手机号
注销账号:
点击显示手机号,文字提醒,,用户协议,下一步操作
显示文字信息,符合情况,确认符合按钮
输入手机验证码,注销成功 参考制度:账号注销
清除缓存 显示当前缓存数量,点击清除
关于我们 显示关于我们的图文信息
用户协议 显示用户协议的文字内容
隐私协议 显示隐私协议的文字内容
当前版本 显示当前版本号
退出登录 点击退出当前账号
我的订单 查看全部 查看全部状态的订单信息 进入查看全部子页面
待付款 显示全部状态为待付款的订单信息,包括:
显示店铺名称,订单状态(待付款),商品缩略图,商品名称,原价,商品价格,赚取佣金,购买数量,总计金额,查看详情,取消订单,去付款
待发货 显示全部状态为待发货的订单信息,包括:
显示店铺名称,订单状态(待发货),商品缩略图,商品名称,原价,商品价格,赚取佣金,购买数量,总计金额,查看详情
待收货 显示全部状态为待收货的订单信息,包括:
显示店铺名称,订单状态(待收货),商品缩略图,商品名称,原价,商品价格,赚取佣金,购买数量,总计金额,查看详情,确认收货
待评价 显示为已完成的订单信息,包括:
显示店铺名称,订单状态(已完成),商品缩略图,商品名称,原价,商品价格,赚取佣金,购买数量,总计金额,查看详情,去评价 查看详情点击进入商品详情页
去评价进入评价子页面
待评价(子页面) 商品缩略图,商品名称,评价内容(点击拉起输入法评论),添加照片(点击可拍照或获取本地相册),发布按钮 点击发布按钮,弹出发布成功回到我的界面
退款/售后 全部:
显示店铺名称,订单状态(审核中),商品缩略图,商品名称,商品数量,退款价格
待寄回退货:
显示店铺名称,订单状态(待寄回),商品缩略图,商品名称,商品数量,退款价格
已退款:
显示店铺名称,订单状态(已退款),商品缩略图,商品名称,商品数量,退款价格
售后关闭:
显示店铺名称,订单状态(售后关闭),商品缩略图,商品名称,商品数量,退款价格
我的订单-(查看全部子页面) 全部 查看全部状态的订单信息,包括:
显示店铺名称,订单状态(*),商品缩略图,商品名称,原价,付费价格,赚取佣金,购买数量,合计金额,查看详情
待付款 显示全部状态为待付款的订单信息,包括:
显示店铺名称,订单状态(待付款),商品缩略图,商品名称,原价,商品价格,赚取佣金,购买数量,总计金额,查看详情,取消订单,去付款
待发货 显示全部状态为待发货的订单信息,包括:
显示店铺名称,订单状态(待发货),商品缩略图,商品名称,原价,商品价格,赚取佣金,购买数量,总计金额,查看详情
待收货 显示全部状态为待收货的订单信息,包括:
显示店铺名称,订单状态(待收货),商品缩略图,商品名称,原价,商品价格,赚取佣金,购买数量,总计金额,查看详情,确认收货
待评价 显示为已完成的订单信息,包括:
显示店铺名称,订单状态(已完成),商品缩略图,商品名称,原价,商品价格,赚取佣金,购买数量,总计金额,查看详情,去评价 查看详情点击进入商品详情页
去评价进入评价子页面
待评价(子页面) 商品缩略图,商品名称,评价内容(点击拉起输入法评论),添加照片(点击可拍照或获取本地相册),发布按钮 点击发布按钮,弹出发布成功回到我的界面
短视频 上传短视频 上传视频,上传视频封面,输入视频名称,输入视频描述,选择视频分类,确认上传
历史短视频 显示历史直播列表信息,包括:
短视频封面,短视频名称,删除按钮,详情按钮
删除按钮:弹窗确认删除视频
详情按钮:点击进入进入该短视频播放页
优惠券 未使用 显示未使用的优惠券列表信息,包括:
可使用价格,优惠价格,名称,有效日期,有效时间,失效日期,失效时间,面值,过期时间(天数),立即使用 若页面无优惠券,显示文字提示
已失效 显示已失效的优惠券列表信息,包括:
可使用价格,优惠价格,名称,有效日期,有效时间,失效日期,失效时间,面值,过期时间(天数),使用状态(已失效) 同上
规则 显示规则的文字信息
兑换优惠券 点击显示优惠券兑换码输入框,兑换按钮
若兑换码有效则显示兑换成功
若兑换码无效则显示兑换失败
收货地址 新增地址 输入收货人,联系电话,所在地区,详细地址。
点击保存。
收货列表 显示收货人姓名,手机号,地址。
编辑按钮,默认地址标签,设为默认地址按钮(不为默认地址时显示)。
编辑:修改收货人,联系电话,所在地区,详细地址。点击保存,删除按钮。 显示收货人姓名,手机号,地址。
编辑按钮,删除按钮,默认地址标签,设为默认地址按钮(不为默认地址时显示)。
我的团队 我的团队 我的团队人数(一级)
点击进入团队列表(直推好友和间推好友)包括:
我的团队成员人数,成员信息(昵称,ID、时间、头像)
实名认证 认证信息 显示当前已认证的状态及信息,包括:
姓名,身份证号(中间10位隐藏),认证状态
新增认证 个人信息:
输入姓名,身份证号,设为默认实名人开关(默认关闭)
身份证正反面照片:
按照提示点击从手机相册图片选择身份证正反面照片上传
保存:
点击保存提交后台审核
官方客服 在线客服 点击进入在线客服聊天
我的余额 余额 显示用户当前余额
去消费 点击跳转到主页
去提现 提现记录:
显示提现的记录信息,包括:
日期,时间,数量,提现方式,提现状态
提现到支付宝:
输入真实姓名,支付宝账号,确认支付宝账号,点击下一步
输入提现数量,提交后台审核
提现到银行卡:
输入真实姓名,银行卡账号,银行名称,开户行名称,点击下一步
输入提现数量,提交后台审核
消费记录 显示消费信息,包括:
日期,时间,数量
开通直播权限 邀请人 点击输入邀请人ID 输入后跳转到微信支付页面