在当前的背景下,越来越多的社区都有需求想要帮助社区内需要帮扶的对象,但是这样就面临两个问题:
1. 是否及时?
2. 覆盖是否全面?
3. 志愿者之间的协调沟通
基于以上的痛点考虑,线上小程序不失为一种“最优解”。
线上小程序的优势在于:
1. 简单方便的操作
2. 实时掌握需要帮助的用户
3. 不需要地毯式调查,只针对申请进行走访
4. 志愿者在线帮助,自动帮助符合自身条件的用户
## 开发前准备
### 交互设计
> 一个产品首先要对使用用户进行定位
对于社区来说,需要以下几个重点需求:
1. 用户可以发布受助信息
2. 志愿者们可以参与受助
3. 对优秀志愿者有一些奖励措施
而这几个重点的需求就需要反映到设计图中:
### 原型图
设计完基本的样式骨架,接下来就是对骨架进行美化
图片和逻辑都确定了之后,就可以进行开发了
## 开发过程
微信小程序以原生代码为主,使用微信开发者工具进行开发,达到快速开发的目的:
发布心愿的部分代码如下:
积分商城的部分代码如下:
![image-20210319141716745](https://upload-images.jianshu.io/upload_images/26046849-da0b061cd8826cec.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
将骨架搭建好了之后,就可以进行逻辑类js的编写了
### 后台
后台主要是PHP的代码搭建,以逻辑与接口,辅助实现相应的功能
发布心愿的部分逻辑代码如下:
![image-20210319142246137](https://upload-images.jianshu.io/upload_images/26046849-5d862394d974aba8.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
积分商城的部分逻辑代码如下:
![image-20210319142443541](https://upload-images.jianshu.io/upload_images/26046849-e33200e78eb9c174.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
## 其他
对页面进行美化,添加个人中心等功能,就可以发布等审核了
审核通过后,就可以使用该小程序了
![image-20210319142944268](https://upload-images.jianshu.io/upload_images/26046849-299d9576829adbaa.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)