适用场景广，表单收集类小程序开发案例复盘

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

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

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

技术方案

从技术层面（或系统架构）上说，（功能丰富的）小程序通常由前端和后端两部分组成。前端能够认为是咱们所能看到的小程序，负责页面数据展现与用户操做交互；后端主要负责提供和操做数据。

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

需求分析

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

以纺织行业为例，该小程序的主要目的是用于商品展现和用户下单，为用户提供一个便捷快速的购物平台。所以能够主要分为三大模块：商品模块，购物车模块，我的中心模块。

每一个模块根据实际业务需求能够再细分为多个功能模块，从而能够根据功能需求初步肯定页面设计。

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

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

• 购物车模块：购物车模块的功能和多数的购物商城程序同样，用于暂时存放有购买意向的商品，在页面上显示的部分为【购物袋】。

  我的中心模块：我的中心包含注册，登陆，我的信息，收藏，订单管理等功能，通常在页面上的设计为【个人】。

页面设计

通过分析完业务功能需求，初步设计首页的入口有四个，以常见的 tabbar 形式展现

• 主页：展现不一样分类的成衣商品

  面料：展现面料商品列表

  购物袋：展现用户有购买意向的商品

  个人：管理我的信息

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

数据库设计

固然，良好的数据库设计无疑是以上功能实现的基础。制做数据库首先要肯定实体的属性和实体间的关系。数据库要存储全部的商品信息和用户信息，这些信息都是商品的属性和用户的属性。

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

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

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

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

其中，信息管理主要体如今添加、删除、修改、查询等功能。

数据表汇总以下：

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

Tip：此外，各个数据表内能够添加 status、priopity 字段，用于控制数据的是否显示以及显示顺序。

全部的准备工做作好了，接下来就能够开始小程序开发了。关于具体的技术实现，将在下篇文章详细介绍。