电商小程序实战教程-总体介绍

2022-03-04 11:00:13 浏览数 (1)

项目背景

随着人们消费习惯的改变,越来越多的人习惯在电商APP里购物。本地商家因为有当地销售的优势,希望结合自己的私域流量,打造自己的电商购物小程序。如果采购一套成熟的电商软件,价格颇高,每年需要缴纳不菲的会员费。

2021年腾讯云推出了一款低代码开发工具,只要掌握了开发技巧,就可以搭建自己的业务软件。本文就结合这款工具,来开发一款电商的小程序。

需求分析

要想开发小程序,先需要做功能规划,我们利用思维导图来规划一下小程序应该有的功能

在这里插入图片描述在这里插入图片描述

参考了市面上通用的电商小程序,梳理了功能,一共包含首页、订单页、分类页、详情页、我的页面等几个功能。

首页

在这里插入图片描述在这里插入图片描述

首页主要展示店铺的宣传信息,商品的分类导航,热销商品及底部的功能导航

分类

在这里插入图片描述在这里插入图片描述

按照类目列出该类目下的商品,可以进行类目的切换

详情

在这里插入图片描述在这里插入图片描述

详情页展示商品的具体信息,可以选择商品的规格,可以加入购物车,点击立即订购进入到订单页面

订单

在这里插入图片描述在这里插入图片描述

列出选购的商品,确认无误后,点击支付,调起支付页,进行在线支付

购物车

在这里插入图片描述在这里插入图片描述

可以看到购物车存放的商品信息,可以修改数量,自动计算总的价格,点击结算进入到订单页面

我的

在这里插入图片描述在这里插入图片描述

显示用户的头像和昵称,列出订单的状态,点击查看全部可以跳转到订单的列表页面。联系我们可以直接拨打店铺的电话,到店导航进入腾讯地图进行导航。

订单列表

在这里插入图片描述在这里插入图片描述

以列表的形式展示历史的订单信息

数据源设计

店铺信息

字段名称

字段类型

店铺名称

字符串

营业时间

字符串

店铺地址

字符串

经度

字符串

纬度

字符串

联系电话

电话号码

广告图片

数组

分类

字段名称

字段类型

分类图标

图片

分类名称

字符串

商品

字段名称

字段类型

商品简介

字符串

价格

数字

规格

数组

图文详情

富文本

商品分类

字符串

销售数量

数字

状态

字符串

订单

字段名称

字段类型

订单编号

字符串

订单日期

日期

订单明细

主子关系

订单金额

数字

状态

字符串

订单明细

字段名称

字段类型

商品名称

字符串

价格

数字

数量

数字

总结

本篇我们主要对电商小程序进行了需求分析和数据源的设计,小程序的开发先需要进行仔细的规划和设计,就相当于设计图纸阶段,该想的问题,想到位了,也便于我们后续进行开发。

0 人点赞