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