如何轻松做出一个完整的小程序
2022/07/07
背景:
制作软件:Zion | Engineerless Engineering
西贝+征途+饿了么
西贝主导营销类型应用的开发
个人中心
中奖订单信息
个人快递信息
抽奖活动:
小游戏/互动性:
一二三四等奖/天:西贝功夫菜(一等奖一天一个,二等奖一天两个,三等家一天三个,四等奖一天1000/兑换码
展示奖品
展示中奖对应的产品
转发获得红包
兑换饿了么红包:
1000/每天-兑换码-无门槛饿了么5元红包
兑换通道展示
快递配送
正文:
那是一个几乎静止中的上海,所有人都只能在家办公,为了做好解封后的准备,客户想要做一个可以互动带有抽奖性质和分享功能的小程序。
客户的需求点经过沟通,明确了需求点,加上客户已经有了一个低保真的H5页面版本的。。半成品,所以省去了很多前期沟通的成本。
那么通过需求和低保真,数据模型和UI设计我们同时进行了,当然其中一些逻辑部分还是需要与客户实时沟通,尤其是抽奖的逻辑,奖品池的分类,宝石获取的方式等细节,包括后面抽奖后每个弹出的动画和礼品都是不同的,然后每个礼品抽到后领取到奖品的过程需要如何实现,都是需要加上UI三方沟通的
接着给大家看一下最烦的这个抽奖部分闪一下眼睛,因为咱们暂时做不了动效,所以创建了N个条件式容器来判定获取到哪个部分的奖品,就跳出哪个部分的动画,所以整了一个不太聪明的办法,哈哈哈哈,会非常的麻烦,中间修改哪怕一个文字或者逻辑。。。想想要改N个条件式容器,手酸到可以得腱鞘炎 p.mp4
闪完眼球后咱们继续,该回到数据模型上了,以下是我们沟通后最终整理的功能清单和简化后数据模型的版本
先来说一下获取宝石的功能吧,一个是签到,一个是分享裂变功能
签到其实就比较简单,签到按钮行为中添加3个条件,分别是第一次签到,已签到,还有当天的签到,这个可以自己想一下怎么配的,主要当天签到的逻辑,设置了为更新时间小于当前时间,当前时间设置为当日0点,这样的话小于0点就是昨天的时间,那就确定了昨天签到,今天未签到
而分享功能就会稍微麻烦一点
首先根据帮助文档中的分享功能进行配置,是一个比较常规的操作,就不解释了哈
要注意的是这边,这里的参数为已登录用户id,然后在用户登录页面的配置链接数据(名称相同),并且设置好远程数据id=链接数据id,就可以进行用户获取的弹窗了,大概就是这么一个逻辑,后台呈现出来的效果就是下面图片红色框框里的部分就是邀请我的人的ID账户(这里会有一些细节部分就不一一展开了)
接下来邀请结束了,就是需要判定用户邀请了几个新用户,来判定宝石的解锁状态,是否已经领取过宝石
这里需要通过远程数据来判定条件是容器
因为在后台还有一个字段,我设置了已领取或者未领取用作条件式容器的判断,基本是这么一个逻辑,但是中间还会出现一些细节的内容,我也是折腾了些时间,不是特别好解释,嗯。。。有兴趣可以单聊我,哈哈
今天先写这么些哈,未完待续....
如何轻松做出一个完整的小程序相关推荐
- python写一个完整的小程序_写一个python小程序
在windows环境下进行操作 window+R 输入cmd 创建一个文件夹 mkdir pytxt 创建一个py文件 py.py 用notepad或者记事本等工具进行编辑 或 首先声明pytho ...
- 实战:从零开始制作一个跑步微信小程序
感谢作者王小树的授权,如需转载,请与作者联系. 作者:王小树,现于悦跑圈任职iOS工程师,常用ID:alanwangmodify.欢迎技术交流,除了移动端技术,也期待Python.JS.深度学习相关的 ...
- 微信小程序-从零开始制作一个跑步微信小程序
首发地址 一.准备工作 1.注册一个小程序账号,得用一个没注册过公众号的邮箱注册. 2.注册过程中需要很多认证,有很多认证,比较繁琐,如果暂时只是开发测试,不进行提审.发布的话,只要完成营业执照号填写 ...
- 微信小程序-从零开始制作一个跑步微信小程序 1
小编推荐:Fundebug专注于JavaScript.微信小程序.微信小游戏,Node.js和Java实时BUG监控.真的是一个很好用的bug监控费服务,众多大佬公司都在使用. 前言 我已经把全部代码 ...
- python做小程序-【实战案例】利用Python做出趣味版防沉迷小程序
今天带领大家利用Python做出趣味版防沉迷小程序 查询电脑的所有进程 用Python循环检测电脑软件的运行情况,当发现游戏软件时弹出警告窗口,并截图保存.学会这项技能,就再也不怕孩子偷偷打游戏了.下 ...
- 从0开始搭建一个疫情地图小程序——小程序篇
为什么选小程序 主要还是服务器的费用的问题,小程序开发结合云服务器可以省掉很多运维的问题,加上我这次开发主要是为了熟悉小程序的组件开发与echart在小程序绘制地图的性能表现. 前端页面展示 运行 首 ...
- 一个完整的安装程序实例—艾泽拉斯之海洋女神出品(五) --补遗 (已补充第三部分完整版)
转载时请务必保留转载出处和由艾泽拉斯之海洋女神出品的字样:如需刊登,请与作者联系.little_fairycat@126.com. 第三部分:其他 1. 修改显示界面的风格 Installshie ...
- 应用篇|如何精准搜索一个答题考试小程序
应用篇|如何精准搜索一个答题考试小程序 在线考试是一种非常节约成本的考试方式,考生通过微信扫码即可参加培训考试,不受时间.空间的限制,近几年越来越受企事业单位的青睐. 比如有以下场景:为落实反电信网络 ...
- “微天气” - 一个基于微信小程序的智能天气预报体验
"微天气" - 一个基于微信小程序的智能天气预报体验 一.引言 微信小程序是一种不用下载就能使用的应用,也是一项创新,经过将近两年的发展,已经构造了新的微信小程序开发环境和开发者生 ...
最新文章
- [每日短篇] 17 - 正确使用随机数 Random
- LVS-DR模式(原理图详解)
- SpringMQ的使用
- 【Calcite】SQL 形式化语言——关系代数
- 支持专业设计师的高端样机素材网
- python打印目录结构_Python学习笔记(2)——遍历目录结构并打印
- html+cs入门实例,CS50 HTML和CSS基础(介绍最简单的HTML和CSS)
- BootStrap modal() 如何根据返回的HTML宽度自动调整宽度?
- 长方形旋转html5,HTML5/SVG旋转长方形来得到六边形图案
- delphi延时 4种方法
- c#元胞自动机_元胞自动机+生命游戏
- 墨者学院 - 零基础学习手工SQL注入
- CF 950C.Zebras 模拟,set
- 【Java Set接口】
- aspnetdb.mdb数据库介绍
- useradd -g -G
- 《深入理解JVM虚拟机》垃圾回收部分 读书笔记
- Linux系统 QT+Faac实时音频采集编码(QT音频采集篇)
- 01 VVC中编码块的划分结构
- CorelDRAW 10基础教程(二)(转)