开发 | 适用场景广,表单收集类小程序开发案例复盘(上)

作者:吕子谋

今天我将以「北江纺织牛仔新时尚」小程序为例,复盘一个服装行业订单收集小程序从设计到实现的全过程。这是上篇,主要讲产品逻辑搭建和数据库设计的过程。

这个小程序的主要功能是向用户展示服装和面料商品,并提供搜索、收藏商品,加入购物车和下单等功能,是一个比较典型的订单 / 意向收集小程序

这个实现方案也可以应用于活动意向、用户信息收集等营销类的小程序。

技术方案

从技术层面(或系统架构)上说,(功能丰富的)小程序一般由前端和后端两部分组成。前端可以认为是我们所能看到的小程序,负责页面数据展示与用户操作交互;后端主要负责提供和操作数据。

在技术选型上,前端方面固然采用小程序开发技术,后台方面则选用知晓云(cloud.minapp.com)。知晓云免去了小程序开发中服务器搭建、数据接口实现等繁琐流程,可以更专注于业务逻辑的实现。

需求分析

在确定好技术方案后,接下来就需要有一个明确的业务需求分析

以纺织行业为例,该小程序的主要目的是用于商品展示和用户下单,为用户提供一个便捷快速的购物平台。因此可以主要分为三大模块:商品模块,购物车模块,个人中心模块

每个模块根据实际业务需求可以再细分为多个功能模块,从而可以根据功能需求初步确定页面设计。

商品模块:商品模块是小程序很重要的一部分,提供商品展示,用户购买、收藏、加入购物车、下单等主要功能。

这个纺织小程序的商品主要有面料及其制作的成衣两大类,为了更直观地展示和区分面料和成衣两种不同商品,在设计上也会体现出【主页】和【面料】两部分。

  • 购物车模块:购物车模块的功能和多数的购物商城程序一样,用于暂时存放有购买意向的商品,在页面上显示的部分为【购物袋】。
  • 个人中心模块:个人中心包含注册,登录,个人信息,收藏,订单管理等功能,一般在页面上的设计为【我的】。

页面设计

经过分析完业务功能需求,初步设计首页的入口有四个,以常见的 tab bar 形式展示

  • 主页:展示不同分类的成衣商品
  • 面料:展示面料商品列表
  • 购物袋:展示用户有购买意向的商品
  • 我的:管理个人信息

在确定首页入口后,会再根据每个入口设计各自功能应该展示的页面。至于每个部分的页面详细设计和实现,会在后续文章讲述。

数据库设计

当然,良好的数据库设计无疑是以上功能实现的基础。制作数据库首先要确定实体的属性和实体间的关系。数据库要存储所有的商品信息和用户信息,这些信息都是商品的属性和用户的属性。

为了能更加全面考虑到要实现的功能,我们还可以再通过工作流程图作数据流程分析,进一步明确小程序所包含的实体信息有哪些。

根据实现目标和业务需求制定工作流程图如下。

「北江纺织」小程序的数据管理主要是从商品展示到用户下单支付流程的各种信息管理,其中包含商品数据、用户数据、订单数据、购物车数据、收藏数据等。

商品包含的信息比较复杂,可以分为商品信息、商品类别信息以及供应商信息等,用记录 ID 在数据表间建立联系。

其中,信息管理主要体现在添加、删除、修改、查询等功能。

数据表汇总如下:

关于上述数据表的字段设计,知晓云(cloud.minapp.com)已经提供了常用的电商数据表模版,在这个基础上,我们可以再根据小程序的功能需求对数据表增删字段。

Tip:此外,各个数据表内可以添加 statuspriopity 字段,用于控制数据的是否显示以及显示顺序。

所有的准备工作做好了,接下来就可以开始小程序开发了。关于具体的技术实现,将在下篇文章详细介绍。

「北江纺织牛仔新时尚」小程序使用链接

https://minapp.com/miniapp/2128/

原文发布于微信公众号 - 知晓程序(zxcx0101)

原文发表时间:2017-11-10

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏ytkah

如何进行网站统计分析?分8步走!

数据分析是做sem非常重要的一个环节,做好网站统计数据分析可以为sem优化提供基础。很多人还是只停留在查看IP、PV、关键词阶段,在这里ytkah就和大家一起来...

3358
来自专栏SAP最佳业务实践

SAP最佳业务实践:MM–组件收费的委外加工(251)-4采购

4.3 ME59N创建采购订单 采购订单按照采购请求自动创建。 在供应商,物料主数据中,自动建立采购订单的复选框设置标识,以及创建货源清单与MRP相关。 ? ?...

3764
来自专栏程序员互动联盟

【专业技术】微软最新的浏览器到底有多牛?

编者按:微软的不思进取,部分原因是钱太好赚了--躺在windows上赚大钱。可是但凡一家企业有了一个聚宝盆之后,任凭它之前多么伟大,这之后也会慢慢走向平庸,柯达...

36910
来自专栏北京马哥教育

大数据怎样帮助运维工程师实现无死角监控?

今天一大早就看到了一篇文章,叫【大数据对于运维的意义】。该文章基本上是从三个层面阐述的: 工程数据,譬如工单数量,SLA可用性,基础资源,故障率,报警统计 业务...

49811
来自专栏WeTest质量开放平台团队的专栏

告别测试机!云真机的进阶之路

WeTest云真机自9月份全新改版上线以来,受到了广大开发者和测试人员的好评。与传统测试机相比,WeTest云真机不仅有更流畅的操作体验,更方便的测试选择,同时...

2772
来自专栏developerHaoz 的安卓之旅

如何有效报告 bug

这也是「技术支持」被视为一个可怕工作的原因。然而,并不是所有的 bug 报告都是让人不愉快的。我一直在没赚钱的时候维护开源软件,有时候会收到一些非常清晰的、有帮...

1072
来自专栏互联网数据官iCDO

【经典文章】运营优化的秘密武器:重新认识热图的力量!

主编注:这篇文章获得业内很高的关注。是宋星老师的另一篇讲述如何优化网站页面尤其是着陆页的经典文章。 引言   之前发布的文章:《优化高跳出率着陆...

3314
来自专栏瓜大三哥

VS2详细设计(一)

输入端接入计算机的DVI数据源,输出端可以根据用户设定的不同分辨率和帧频输出相应的视频(本设计可以对1920x1080@60Hz,1280x720@60Hz,8...

1185
来自专栏GA小站

第3期:国内APP的跟踪监测原理与方案选择

这一节要介绍国内APP的跟踪原理与方案,主要讲解目前市面上一些工具采取的主流的跟踪方式和原理,以及其中的优缺点,让大家在选择第三方工具的时候心里有个底,而不是只...

2862
来自专栏知晓程序

微信小程序 6 大新能力全面解读!附个人开发者注册教程

微信小程序在 3 月 27 日晚 10 点突然爆出大新闻。微信为小程序开放了 6 大新能力,在知晓程序的这篇文章中,你将看到小程序 6 大新能力的最靠谱解读。

1133

扫码关注云+社区

领取腾讯云代金券