小程序开发之青年大学习激励小程序

这|次|我|们|工|作|室|接|到|了|一|个|小程序开发的项目🤳。整|个|开|发|流|程|到|目|前|为|止|也|差|不|多走|完|了|，功|能|上|大|抵|也|实现|了|，然|后|在|这|里|记|录|一|下|开|发|的|过程|🧐。

一、需求👏

首|先|甲|方|是|一|个|单|位，甲|方|的|单|位|每|个|星|期|都|要|求|单|位|内|的|同|志|完|成|青|年|大|学|习|，|但|是|甲|方|单|位|的|同|志|完|成|率|比|较|低|，|所|以|找|到|了|我|们|想|开|发|一|个|相|当|于|激励||单位内同志主动完成青年大学习的小程序🐱‍🏍。大|致|功|能|是|这|样|的|，|青|年|大|学|习|是|每|个|星|期|有|一|次|，|在|一|个|星|期|内|根|据|完|成|青|年|大|学|习|的|早|晚|来|给|完|成|的|人|员|派|发|一|定|的|积|分|，|这|个|积|分|有|什|么|用|呢|？|甲|方是|一|个|比|较|大|的|单|位|，|里|面有|许|多|的|店|铺|，例|如|：|食|堂|、|奶|茶|店|铺|、|小型|购|物|商|场|等等|，|这|个|积|分|可|以|兑换|店|铺|的|一些|优|惠|和折|扣。这样不仅激励了单位|内|同|志|去|完|成|青|年|大|学|习|，同|时|又|为单|位|内|的||店||铺||引||流，可以说是一箭双雕🦅。

二、开发✌

根|据|需|求|我|们|可|以|知|道，这个|小程序的|面向对象有三类人,分别|是单|位|内|同志、单|位|内店铺、单|位|管理员。

• 单|位内同志：单|位|认|证|后|的|同|志，通|过|完|成|青|年|大|学|习|在|小|程|序|上|打|卡|获|取|积|分|，之|后|再|通|过|积|分|兑|换|单|位|内|店|铺|的|优|惠券|、打|折|券|等。
• 单|位|内店铺：单|位|认|证|后|的|店铺，可以发放和回收相应的优惠券、打折券等等。
• 单|位|管理员：负责审核同志的信息和店铺的信息，是否给予对应的权利。

最后我们是这样打算的，一共开发三端，分别是客户端、商户端以及管理员端。客户端和商户端分别开发一个小程序，管理员端开发一个网页来管理。

1、客户端👨

(1)我的

首先进入小程序会看到下面这个界面，由于我当前的账户未认证所以有一些信息就看不到了，但是大致上的介绍应该没问题。当前的这个界面会显示自己所拥有的积分，可以查看自己的消费券、学习记录以及完成单位认证等等。

(2)卡券

卡券这个界面用于展示商户端所发布的优惠券，用户可以在这个界面用自己的积分兑换优惠券。

(3)学习

学习这个界面用于上传青年大学习完成截图以及学习记录的截图，由于甲方拿不到相关机构的数据，无法进行识别虚假上传 ，我们利用计算机视觉中的ocr技术 上传之后用ocr技术对图片内容进行提取，然后生成验证密钥，从而达到鉴别是否完成青年大学习的功能。

ocr识别算法概述

本模型主要包括三个主要部分，Convolutional Backbone提取图像视觉特征，ConvTransformer Blocks用于对视觉特征进行上下文建模，最后连接CTC loss进行识别解码以及网络梯度优化。识别模型结构如下图：

(4)排行榜

排行榜这个界面用于展示统计排名好的单位内青年大学习的完成情况以及个人积分排名情况

(5)完整功能视频演示

青年大学习用户端

2、商户端🦸‍♂️

(1)登录界面

这里是登录界面，用管理员发布的账号和密码才能够登录

(2)首页

这是其中的一个商户端账号登录后的界面，在该界面可以实现发放优惠券、核销优惠券、查看已发放优惠券、查看已使用优惠券、消息反馈等功能😎。

(3)完整功能视频演示

青年大学习商户端

3、管理员端🕵️‍♀️

管理端管理商户信息以及用户信息的审核与认证，以及给商户发放商户端账号。

(1)完整功能视频演示

青年大学习管理员端

三、👯‍♂️合作

想要了解更多，+V:1|8|7|9|0|3|7|8|7|2|1|