更新记录

1.0.4(2022-01-17)

  • 修复活动兑换礼品卡密查询不到数据

1.0.3(2022-01-12)

1.增加物流单号获取 2.兑换卡管理列表,增加所属活动 3.删除打印的日志 4.优化图标名称 5.修复,修改用户密码自动退出登录

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
3.1.0 × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 小红书小程序
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × 10

云函数类插件通用教程

使用云函数类插件的前提是:使用HBuilderX 2.9+


优礼品卡提货系统

产品简介

优礼品卡提货系统,是基于 uniCloud + iview + uni-simple-router开发的礼品卡提货系统。

应用场景

1.公司节日福利发放礼品卡,员工自行到提货系统选择礼品提货下单;

2.礼品公司制作提货卡,将卡片交付采购企业,收卡人扫码提货;

3.大闸蟹未上市时销售提货卡,大闸蟹上市时凭卡到系统中提货;

4.中秋节礼品卡提货,国庆节礼品卡提货,节日礼品卡发放场景;

5.其他适用的提货卡的应用场景。

产品优势

产品后台采用uniCloud开发一云多端的整套业务。并充分利用腾讯云的技术优势,降低开发成本。

产品前端采用uni-App开发,实现App(iOS,Android)、H5、微信小程序多平台部署运营。

系统扩展性能强,可基于优礼品卡提货系统方便的扩展功能。

产品功能

兑换卡密:添加卡、批量生成、删除卡、状态设置、条件搜索卡号

商品设置:添加商品、删除商品、根据条件搜索商品

兑换订单:查看用户兑换的订单、对订单进行发货操作,根据条件搜索订单

礼包活动管理:添加礼包、删除礼包、根据条件搜索礼包、可选礼物、添加提货卡密

用户管理:添加用户、删除用户、设置用户权限

角色管理:添加角色、删除角色、设置角色权限

系统设置:更换系统标题,系统logo

产品后续规划

  • 管理后台-首页统计报表
  • 根据手机号码查询物流

管理后台效果图

  • 兑换卡管理

  • 兑换订单管理

  • 兑换商品

  • 礼包活动管理

  • 批量添加兑换卡

  • 添加商品

  • 选择图片

  • 系统设置

  • 用户管理

  • 角色管理

产品演示

管理后台 https://lp.yszyun.com/cloud-pickup-admin/#/login

账号:admin1 密码:123456

如需体验用户端,请访问

插件地址 优礼品卡提货系统-用户端

目录结构

├── api                     ajax请求
├── assets                  项目静态资源
|   ├── icons               自定义图标资源
|   └── images              图片资源
├── cloudfunctions-aliyun   配置云开发目录
|   └── api                 服务端api云函数
|       ├── config          配置项
|       ├── common          公共插件
|       ├── controller      业务逻辑函数
|       ├── libs            函数集
|       └── index.js        中控
├── components              组件资源
├── config                  项目配置
├── layout                  布局资源
├── libs                    封装的函数方法
├── build                   Node.js运行脚本
├── router                  路由配置
├── store                   Vuex配置
├── view                    页面视图文件
├── App.vue                 全局生命周期和全局样式配置
├── manifest.json           应用配置
├── main.js                 vue初始化入口
├── pages.json              配置页面路由(使用uni-smail-router后可只配置一个存在的页面。后期无需频繁配置)
└── README.md               说明文档 

安装步骤

推荐使用yarn来替换npm,具体使用安装方法自行百度

  • 复制源码到新建的项目

  • 选择项目,右键->使用命令行窗口打开所在目录,或使用系统自带的CMD进入项目运行 yarn(npm) run build 进行下载依赖包

  • 创建或选择云服务空间,进入manifest.json可视化重新获取appid

  • 修改礼包二维码生成路径前缀、提货链接地址前缀,uniCloud-aliyun/cloudfunctions/activityAdd/index.js 将域名修改为自己的就可以

  • 右键上传cloudfunctions-aliyun文件夹下所有云函数(云函数上传完后请进云开发控制台将函数执行内存改至最大)

  • 选择/cloudfunctions-aliyun/db_init.json右键初始化云数据库

  • 使用HBuilderx运行到浏览器

以上方法都是基于HBuilderX工具开发的方法 如是想通过vue-cli构建请自行参考官方文档进行调试。 发布请修改运行基础路径

注意

本项目使用了vue-router,所以可以不用一直在pages.json编写路由,应在“/router/router”配置。但pages.json必须配置一项存在的页面,不然会报错

1.如果 yarn run build 报错,error package.json: Name contains illegal characters 解决方案:打开package.json文件 删除 "name":"优礼品卡提货系统[后台管理系统]", 然后保存package.json,重新执行yarn run build

2.工程目录不能有中文,否则打开浏览器访问后台时会报错

3.配置前端网页托管 https://uniapp.dcloud.io/uniCloud/hosting

4.前端网页托管绑定自定义域名

https://uniapp.dcloud.net.cn/uniCloud/hosting?id=domain

5.H5中使用uniCloud的跨域处理 https://uniapp.dcloud.net.cn/uniCloud/quickstart?id=useinh5

参考项目和包含插件

uni-simple-router iView-admin2.0 uni-id

扫码添加技术微信支持,备注说明对应的插件名称

详情咨询电话: 400-008-1668 邮箱:marketing@yszyun.com

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

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