优礼品卡提货系统

产品简介

优礼品卡提货系统,是基于 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

前端 https://lp.yszyun.com/#/pages/index/index?id=1

目录结构

├── 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必须配置一项存在的页面,不然会报错

参考项目和包含插件

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

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

文档更新时间: 2021-04-07 17:11   作者:linjunlong