更新记录

1.2(2021-05-22)

新增源码授权版

1.0(2021-05-22)

EasyShop商铺小程序1.0发布


平台兼容性

阿里云 腾讯云 支付宝云
×
Vue2 Vue3
×
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. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问