EasyShop商铺小程序,包含用户下单、商品热卖、积分兑换、导航配置、优惠券、轮播图、购物车、签到得积分等功能
下载人数: 41
下载次数: 72
收藏人数:
26
插件ID:LiuHaiLiang-EasyShop
云函数列表:
云函数:user-center,user-order(加密)
公共模块:uni-id
本站所有收费插件均支持免费试用,切勿私下交易或购买不可正常试用的插件,而造成不必要的纠纷。
更新记录
1.2(2021-05-22)
新增源码授权版
1.0(2021-05-22)
EasyShop商铺小程序1.0发布
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.13 |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
云函数类插件通用教程
使用云函数类插件的前提是:使用HBuilderX 2.9+
EasyShop商户开店小程序
介绍
uniapp+uniCloud开发的商户开店微信小程序,微信小程序端和后台管理共用一个服务空间,本项目使用的是阿里云服务空间.
如果要使用腾讯云,只需把小程序端user-order云函数里有关事务(transaction)的写法调整为腾讯云标准即可.
项目说明
1、若使用过程中发现bug和需要相关指导,请联系开发者,本项目会定期升级.开发者微信号:hailiang-smile
欢迎反馈bug和技术交流,开发不易,恳请好评哦,谢谢.
2、本项目小程序代码均注释清晰,业务逻辑代码都在models文件夹里,可自行添加新功能.
3、后台使用的是uniCloud-Admin框架,基本未做改动.自定义业务逻辑代码在models文件夹
4、项目展示使用到的图片素材来自网络,如有疑问请联系作者删除.
5、后台管理系统插件地址为 [https://ext.dcloud.net.cn/plugin?id=5105]
6、需要注意的是项目保存金额时,单位采取的是分.
准备工作
1、到微信公众平台申请注册你自己的小程序,申请成功后,登录小程序管理后台,在开发管理》开发设置中设置服务器域名,
request合法域名设置为阿里云的 https://api.bspapp.com
2、开发设置里记录下自己的AppID(小程序ID)和AppSecret备用.
3、到uniCloud注册账号并登录.登录成功后创建自己的服务空间,本项目采用的是阿里云,所以创建阿里云服务空间即可.
地址为 [https://unicloud.dcloud.net.cn/login]
4、本项目小程序端代码和管理后台代码使用最新版的Hbuilder X打开(3.1及以上)
5、展开小程序端代码,uniCloud文件夹右键,关联云服务空间,选择你创建的阿里云服务空间.
6、展开管理后台代码,uniCloud文件夹右键,关联云服务空间,选择你创建的阿里云服务空间.
7、小程序端代码uniCloud >> database >>里的文件db_init.json.选中右键 选择 初始化云数据库,成功后服务空间里就有项目所需要的所有数据表了.
database文件夹选中右键 选择下载所有DB Schema及拓展校 验函数,供本地调试使用.
8、管理后台代码uniCloud >> database database文件夹选中右键 选择下载所有DB Schema及拓展校验函数,这样就保持和小程序端的数据表一致,供本地调试使用.
9、小程序端代码uniCloud >> cloudfunctions >> common >> uni-id >> config.json 文件里配置以下字段的值
passwordSecret 这是密码的密钥 自定义设置 不要对外泄露
tokenSecret 登录令牌的密钥 自定义设置 不要对外泄露
tokenExpiresIn token过期时间
mp-weixin 把注册的微信小程序appid和appsecret对应设置即可
关于试用
试用本项目时,需要在微信开发者工具中 详情>>基本信息里修改APPID,否则用户不能正常登陆.
然后注意要cloudfunctions右键上传所有云函数、公共模块及actions到服务空间
本地调试
1、小程序代码选中App.vue 点击HBuilder X运行菜单>>运行到小程序模拟器>>微信开发者工具,Hbuilder X控制台默认勾选连接本地云函数.
打开微信开发者工具后,在详情>>基本信息里修改APPID,否则用户不能正常登陆.
2、小程序管理后台代码选中App.vue 点击HBuilder X运行菜单>>运行到浏览器,控制台默认勾选本地云函数,建议在本地调试完后,项目发布时再上传所有云函数.
项目发布【正式使用时注意要cloudfunctions右键上传所有云函数、公共模块及actions到服务空间】
1、小程序代码选中App.vue 点击HBuilder X发行菜单 选择小程序-微信 填写小程序名称和AppID即可,
发行成功后会自动打开微信小程序开发工具,没有安装该工具请自行下载.
2、小程序运行后即可体验,微信小程序开发工具中点击上传按钮,在微信公众平台的小程序管理后台把上传的版本设为体验版,
即可在手机上体验,确认无误可申请微信官方审核发布正式版.
3、小程序管理后台代码选中App.vue 点击HBuilder X发行菜单 选择网站-PC Web或手机H5
方式一:填写标题和自己已有的域名,发布成功后把编译后的代码部署到自己的服务器即可.
方式二:勾选--将编译后的资源部署到[uniCloud-前端网页托管] 按照提示操作即可.
功能说明【项目暂未对接微信支付,下单流程使用余额支付,在后台给用户手动充值,有条件的可自行申请微信商户对接 使用unipay方便快捷】
1、微信小程序端是一个标准的商铺小程序,功能如下:
首页模块:
轮播图展示:可在后台新增、修改轮播图,如需不展示某一轮播图,关闭生效状态即可.点击轮播图可跳转到具体某一商品,地址在后台配置.
优惠券市场:后台发布优惠券,在小程序端展示所有在有效期内的优惠券,用户领取后,下单结算时会自动加载符合条件的优惠券.
分享:可将小程序分享给微信好友.
小程序导航菜单:后台配置(已默认,无需改动)
热卖商品:后台管理的商品凡是打开了是否热卖开关的 都会在热卖商品列表里显示.点击进入详情 可进行收藏、加入购物车、立即下单操作
积分兑换:后台管理的积分兑换物品凡是打开了是否兑换开关的 都会在该列表里显示.点击进入详情 可进行立即兑换操作
全部商品模块:
按菜单分类展示商品,下滑可查看更多,浮动按钮可拖动,点击进入购物车列表.
购物车模块:
展示已经添加到购物车的商品,可进行选择、删除、去结算等操作
结算时会自动加载收货地址;自动加载可用的满足条件的优惠券;可选择是否使用积分抵扣.
我的模块:
签到送积分:每天可签到一次,签到送积分,送多少取决于后台配置的数字.
余额:点击余额可查看余额明细.
积分:点击积分可查看积分明细.
可用优惠券:点击可查看已经领取的可用优惠券.
我的订单:可查看待支付、待发货、待收货、已完成的订单,进入查看订单详情,进行支付、收货等操作
我的优惠券:可查看用户已经领取的可使用、已使用、已过期的优惠券.
地址管理:查看、编辑用户地址信息.
立即充值:用户可充值.
我的收藏:用户可查看自己已经收藏的商品
2、后台管理功能如下【后台管理账号为admin 初始密码admin123456登录成功后请及时修改密码】
首页:查看数据总览
系统管理:
菜单管理:准备工作阶段已经初始化所需菜单
权限管理:可设置权限 系统默认登录用户是admin超级管理员角色 如果要新增角色和权限 请自行设计数据表的操作权限 按角色配置
角色管理:可设置角色 系统默认登录用户是admin超级管理员角色 如果要新增角色和权限 请自行设计数据表的操作权限 按角色配置
用户管理:
用户列表:查看用户数据、给非系统用户充值.
地址列表:查看地址数据.
用户订单:查看所有用户的订单,查看详情和发货操作
应用设置:
基本设置:准备工作阶段已初始化基本配置 其中抵扣比例为下单时积分可抵扣多少金额的比例 默认1000积分对应1元.
下单积分为成功支付后下单的金额可转化为多少积分的比例 默认为1元对应1积分,签到积分为点击签到按钮时送多少积分 默认为100积分.
一般情况无需改动,如需改动请仔细,以免比例有误造成损失.
轮播图设置:管理、修改、不显示轮播图
导航设置:设置小程序端的导航菜单,已默认无需改动.
商品管理:
商品分类:可对分类进行新增、修改、设置生效状态操作.
商品列表:管理所有商品 添加完商品需要继续添加该商品的规格(支持多规格) 小程序端方可正常显示其价格.
积分兑换物品:管理积分兑换的物品
隐私、权限声明
1. 本插件需要申请的系统权限列表:
无
2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:
插件不采集任何数据
3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:
无
使用中有什么不明白的地方,就向插件作者提问吧~
我要提问