项目-微信小程序-汤圆打卡2020-12-11
汤圆打卡
一款提供打卡并邀请好友点赞的sass写程序
核心功能
- 基于腾讯云云开发CloudBase(数据库、云函数、云存储、静态网站托管),易部署、易维护、稳定性好。
- 基于腾讯云CMS管理后台
- 基于uin-app开发小程序端,多端合一。
- 使用Painter绘制分享海报
- 使用
copy-webpack-plugin
管理云函数路径
使用方法
小程序配置
- 修改
manifest.json
中mp-weixin
的APPID
- 修改
App.vue
中的云开发环境env:"XXXXX"
- npm安装
npm install --save-dev copy-webpack-plugin@5.0.0
- 使用HBuilder X 运行小程序
- 成功运行小程序后安装部署云函数
echo
login
- 进入云开发控制台,创建集合
- 选择
system
集合,导入数据/database/system_database_export.json
集合名称 | 权限 | 说明 |
---|---|---|
system | 所有用户可读,仅创建者可读写 | 存储小程序系统配置表 |
renwu | 所有用户可读,仅创建者可读写 | 每日打卡任务表 |
sign | 仅创建者可读写 | 用户打卡表 |
user | 仅创建者可读写 | 存储用户信息表 |
CMS配置
- 前往腾讯云后台开通
云开发 CloudBase
,选择小程序对应的环境ID,开通静态网站托管
- 安装扩展应用,选择安装
CMS内容管理系统
- 安装好后进入后台,导入模型,选择
/database/cms_export.json
文件导入 - 进入系统设置配置小程序
名称
颜色
深色文字
打卡审核阈值
主页
未布置任务
打卡成功
玩法介绍
系统设置 | 是否必填 | 说明 |
---|---|---|
名称 | TRUE | 小程序顶部显示名称 |
颜色 | TRUE | 小程序主色(顶部背景和按钮背景)例如#000000 |
深色文字 | TRUE | 小程序顶部文字 White Black 颜色 |
打卡审核阈值 | TRUE | 好友点赞达到阈值会自动审核通过并完成打卡 |
主页 | FALSE | 小程序主页富文本 |
未布置任务 | FALSE | 小程序未布置任务时富文本 |
打卡成功 | FALSE | 小程序打卡成功时富文本 |
玩法介绍 | FALSE | 小程序玩法介绍,建议为图片 |