火铺找店小程序设计开发浅谈

火铺找店小程序设计开发浅谈

 

济宁小墨匠智能科技有限公司-软件定制行业前行者。

近期公司接到一个线上找店的平台类小程序的单子，功能是供需平台类型的项目，现项目已上线运行，借此机会总结一下这个项目的设计开发思路，大家可以共同交流共同进步。

一．项目总结：

项目人员投入：产品经理（对接需求、确认需求、原型规划、出原型图）

  设计师（设计交互、根据原型图出高清设计图）

  后端工程师（数据库设计、api接口开发、后端管理系统开发）

  前端工程师（小程序界面开发）

  测试工程师（接口测试、流程测试、出测试用例）

   预计开发周期：三周

   工具和框架： 产品经理（xiaopiu产品原型设计与团队实时协作平台）

设计师（ps上传设计图共享平台蓝湖）

后端工程师（eladmin框架、公司服务器部署eoLinker接口文档）

测试工程师 （bug管理平台 Tracup ）

版本控制（git+码云）

 

二．工具展示：

1.xiaopiu -原型图设计平台

2.蓝湖 -设计图共享平台

 

 

3.eoLinker -接口管理平台

 

4.Tracup -bug管理平台

 

 

三.开发流程

 1.需求确定

  了解到甲方现在的情况是，在本地有一家在营的中介公司，但对人员、店铺资源的管理、展示、推广都是传统的模式，极不方便。尤其是推广，资料不能统一管理，不方便展示，大大降低了效率。

产品经理基于以上对该产品的定位是，店铺资源的管理、筛选、展示、及店铺出租线下流程搬到线上来，包括店铺信息上传、预约、vip服务等。

在沟通数次之后，概括功能为：

1. 客户及员工管理：用户角色分为客户和员工，员工有上传管理店铺的权限
2. vip服务及订单管理：用户可充值成为会员，会员有截止时间，可查看vip专属信息
3. 店铺资源管理：店铺筛选信息如区域、行业、费用、配套设施等等
4. 运营管理：首页banner图、热词区域、其他功能模块一站式服务
5. 用户行为分析管理：用户的浏览记录、收藏记录、预约记录等，根据这些信息可简单 判断用户的购买欲望。

2.原型设计、UI设计

根据用户使用习惯和功能的提取，产品经理将所有功能分成三大模块，以底部tab的形式排列。

首页顶部是banner图，排放要推广的店铺或者广告，功能列表放公司其他业务作为快速入口，底部是根据地理位置和用户习惯推荐的商铺列表。

预约记录是客户预约记录，快速查看，快速联系。

我的中包括个人信息、会员信息、店铺的浏览收藏、员工操作

 

 

3.数据库设计

 

为了方便客户拓展业务，专门建了一个地区表，存放了全国省市区名称和编码，可打开关闭用来管理业务区域。店铺筛选条件包括位置、面积、行业、租金、转让费等，所有的筛选字段全部用字典的形式维护，可弹性增删，一劳永逸。

 

展示出来的筛选列表如下：

 

 

4.接口设计

接口设计基于Restful 设计规范，统一请求和返回格式。请求时，获取数据用form格式，比如banner列表、商铺列表、预约列表、个人信息等。上传数据用json格式，如上传商铺信息。返回数据格式统一为

{
    "errno":200,
    "data":{json对象 }
    "errmsg":"执行成功"
}

或

 {
    "errno":200,
    "data":[对象数组]
    "errmsg":"执行成功"
}

返回码为200时，为正确输出，其他时候为错误码。遍历整个功能，需要处理的异常大致有：

a.请求值（空值、范围、长度、类型等）错误，errno值在5000-6000之间定义。

b.权限不足（此项目有角色权限，如用户不能有员工权限，普通用户不能有vip会员权限）错误，errno值在6000-7000之间定义。

c.余额不足 

d.逻辑错误 ，errrno值在7000-8000之间定义。

e.数据状态（如商品状态的限制、订单状态、数据上下假、逻辑删除等）错误，errno值在8000-9000之间定义。

 

 

5.测试重点

由于本项目侧重于vip会员推广，在测试的时候一定要测试好充值和会员权限。

字段比较多的是商铺的录入和详情，在录入的时候测试好空值提示、极端值输入、输入框的长度、范围、类型等错误，显示的时候测试好图片的宽高比、文本的宽度和高度。筛选条件要结合几个不同的条件去看筛选的数据是否正确，搜索的时候能否根据输入关键字查询出相应的内容。

到目前为止，bug平台总结出来的bug来看，商铺的上传和详情显示是出错最多的地方，前端工程师一定要和后台接口工程师沟通好，接口一定要限制好输入值，考虑到各种情况的可能性，以防恶意输入对数据造成损害。

 

四.成果展示

1.小程序端展示

 

有对公寓、商铺、写字楼等有需求的，可以扫码根据自己的需求筛选。

 

2.后端管理系统展示

  管理系统是整个项目的数据维护、统计查看的端口，从该项目中提取出

1. 用户模块：角色管理、用户管理、客户管理
2. 字典模块：字典管理、行业管理、配套设施管理
3. vip模块：vip商品管理、订单管理
4. 商铺模块：店铺管理
5. 用户分析模块：用户足迹、用户收藏、用户预约、
6. 运营模块：热词设置、轮播图设置

角色管理：超级管理员设定后台用户角色及权限；

 

用户管理：新增后台管理用户，选定角色；

 

客户管理：小程序端用户，有员工和用户两种角色，可以自由切换身份；

 

字典管理：一些灵活可扩展的基础信息，可在字典表里进行维护；

 

行业管理：可对行业进行多级管理；

 

配套设施：常用配套设施管理，供录入商铺信息的时候进行多选；

 

vip商品管理：可以自定义增加vip的时长、价格，购买产品会员时长自动延时；

 

订单管理：查看用户购买会员订单，对接扫呗支付，比小程序更低的手续费；

 

商铺管理：条件筛选、详情查看、数据修改、商铺下架；

 

用户足迹：只要用户看过，就会留下足迹；

 

用户收藏：

 

用户预约：

 

热词设置：首页热词，快速定位商业圈；

 

轮播图：热推商铺或广告，在最显眼的地方放最重要的资源；