海棠微光操作手册

海棠微光小程序操作手册

很荣幸参与海棠微光小程序开发,写此手册为方便用户使用小程序,避免因操作人员更换后出现不会使用问题,此程序使用uni-app进行前端编写,后端使用“api工厂”进行对接,功能包含“微信一键登录、活动任务发布、活动绑定任务、活动剪影、扫码核销获取积分、积分商城、积分排行榜、积分规则、心愿海棠、任务大厅、任务搜索、进行中的任务”,以下是详细的操作文档。


功能介绍

功能过于多,用分开的形式写给您,不包含操作功能,只是展示,如您是老手,则不需要进行二次查阅,如您是程序员,请仔细审阅,避免在二开时出现bug。

封面

简洁大气的封面,采用上下两张图片拼接的模式组成,用户可在后台自行更换图片,但是要保证图片的质量与尺寸一致,底部采用滑动模块,尽显高大上。

任务发布

任务发布是此小程序的重要功能,发布任务后用户进行任务的报名,报名成功后,用户信息会在后台生成头像及手机号等相关信息,任务报名的设置很详细,开始完成任务的当天进行二维码核销,二维码需要再后台进行打印下载,用户第二次扫码获取相应的积分,一个码对应相应任务的不同积分。

任务设置

登录后台:https://admin.it120.cc/ 用户名密码请咨询相关工作人员,此手册不提供任何账号密码,点击预约报名-项目设置-添加

image-20231129162851913

带*号的都是需要设置的地方,门店不需要选择,标题展示为活动的名称,内容部分详细说明此次活动需要做的任务。

image-20231129165128949

项目预约针对用户

建议针对用户这里填写注册用户。先让用户登录在进行报名,由于微信官方政策文件,我无法进行强制登录。

image-20231129165346011

团队设置请设置为不支持,目前我留的接口是为了后续有大型任务需要抱团参与的情况预防,报名时间起止、活动时间由管理员自行确认,比如报名时间为一天、一周都可以,活动开始的时间为准,活动地点文字性去写,再小程序页面展示会更加的人性化,下面带*号的是关于人数的设置,支付费用默认0 ,管理员可设置为付费参与活动。

预约积分为参与活动可获得的积分,请根据实际情况填写。

完成间隔时间

间隔时间必须设置,防止出现用户连续两次扫码,此功能可以实现,用户进行两次扫码,任务设置成功后后台会出现对应的任务二维码,管理员自行打印二维码提供给参与活动人员扫码,未报名的用户无法进行签到,第一次扫码开始活动,相当于当日活动的签到,活动时间为一小时的话,建议间隔时间设置为55分钟,再55分钟后用户再次扫码,自动获取相应积分。

image-20231129165628490

内容展示

image-20231129170450270 image-20231129171017534 image-20231129171049454

image-20231129171134940

image-20231129171203741

活动剪影

此项功能为客户或单位提供活动的发布、获奖情况、重要通知等做的页面,封面尺寸大气不失美感,点击封面内容进去就会显示观礼管理员在后端自行填写的内容

修改地址

登录后台:https://admin.it120.cc/ 用户名密码请咨询相关工作人员,此手册不提供任何账号密码

点击相关位置:首页**/CMS模块/*文章管理 ,进入后点击编辑或者添加,红色号为必填选项,分类选择个人中心banner。

image-20231129110035729

内容演示:

image-20231129110418204

image-20231129110321994

内容填写完毕后,手机进入小程序既可以查看,点击首页活动剪影部分

image-20231129110532342

积分规则

积分规则属于单页面应用,需要用户自行在后端填写积分的相应规则,用户参照此规则进行任务的完成,其实就是一个告知栏,操作人员可自行修改想要的内容,根据实际情况填写

修改地址

登录后台:https://admin.it120.cc/ 用户名密码请咨询相关工作人员,此手册不提供任何账号密码

点击相关位置:首页**/CMS模块/*单页管理 ,进入后点击编辑或者添加,红色号为必填选项,单页面的编号请操作人员严禁修改,否则会导致前端界面显示异常。

image-20231129110707702

内容演示:

image-20231129111448207

image-20231129111533930

内容填写完毕后,进入小程序-积分规则。显示如下,管理员可自行操作添加图片等,程序方面已完善所有文件上传。

image-20231129111552049

积分商城

积分商城是一套非常完善的商城系统,在此系统中只保留了积分支付的一种支付方式,商城内包含:积分购买、门店管理、商品分类、商品核销等功能,下面将针对后端操作进行深度的教程。

  • 商城里面所有的消费必须使用积分兑换,不进行任何的支付调用

门店管理

这里的门店指的是同一个商家的多门店,比如KFC城东店、KFC城南店、KFC城西店、KFC城北店等等;(注:不是多商户),程序按照需求已更改为先展示商品再进行自提点选定。

修改地址:

登录后台:https://admin.it120.cc/ 用户名密码请咨询相关工作人员,此手册不提供任何账号密码

点击相关位置:首页**/*商城管理 ,进入后点击编辑或者添加,红色号为必填选项,请管理员自行选择是否需要添加门店分类,门店需要管理员自行录入,下面是录入的界面。

不要开始外卖模式,只需要开启一个自取模式即可,省市区为必填项,因为用户需要查看自取的门店地址,服务距离由管理员自行设置,小程序前端界面会自行定位用户所在位置。

image-20231129112903586

添加商品

修改地址:

登录后台:

https://admin.it120.cc/ 用户名密码请咨询相关工作人员,此手册不提供任何账号密码

点击相关位置:首页**/**商城管理/*商品管理 ,进入后点击编辑或者添加,红色号为必填选项,。

image-20231129113656839

  1. 点击单个发布:进入页面后填写相关信息,请务必选择门店,每个门店内对应的商品不一样,也可以添加同一款商品多个门店,举个例子,一款洗衣粉,只有a\b\c门店拥有,其他门店没有,那么我们再添加商品的时候就需要勾选拥有此产品的门店,用户兑换商品的时候也只会显示出我们所勾选的门店。image-20231129114059973

  2. 售后处理:不可退换货的商品请管理员再后台自行选择是否支持退换货,修改界面再添加商品界面往下。image-20231129114921905

  3. 商品图片:商品封面图片及详情页是务必上传的,否则前端会显示异常,后端程序已开通图片上传(注:建议图片控制再90k以内,避免因图片过大导致程序加载慢)image-20231129115132962

  4. 商品定价及规格尺寸:如果商品为一口价则只需要再后台输入商品兑换积分即可,如下图,商品库存为必填项,再保证商家供货充足的情况下,建议设置为2000。image-20231129115319120

    SKU设置:此项为多规格商品设置,操作稍复杂些,举个例子,钵钵鸡的产品,现在有红油、藤椒两种口味、如果添加两个商品会很麻烦也会导致前端用户不好操作,所以就要用到sku的设置,小程序前端展示方式与淘宝、京东类似、更方便用户选择。下面演示操作步骤。

    点击添加商品规格:

    https://img.yxskj.cn/xcxhtwg/202311291537234.png?imageSlim

    这里输入的是名称,比如你要输入的是口味那就输入口味,输入是数量那就写数量;image-20231129154001888

    具体口味点击此处增加,比如我要增加红油和藤椒两种口味,如下填写;

    image-20231129154050599

    添加成功后是这样的image-20231129154133819

选择自己需要的商品口味进行设置,此处的商品信息需要单独配置,与上一部一口价的库存价格都是不相关的;

image-20231129154226827

添加完成后,再小程序的商城页面会显示产品,如下图:

image-20231129160013741 image-20231129160041411 image-20231129160136336

积分排名

积分排名根据积分获取的情况进行排名,用户消费积分后不会影响自身的排名,积分排名分为月、季、年榜,段位展示会根据积分数量进行展示,星星月亮太阳,以此类推。

心愿海棠

此功能为留言板,用户提交需求后,会通过微信公众号或者钉钉提醒管理员进行查看,管理员随后可以根据情况设置相应的任务,或者联系提交的用户进行问题的解决。

任务大厅(任务搜索)

任务大厅展示已经添加的项目,右侧的项目搜索的功能是,展示当日开展的活动, 有几个任务就会展示几个任务。

进行中的任务

进行中的任务展示用户已经报名的任务。