前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >电商小程序实战教程-总体介绍

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

原创
作者头像
韩锴
发布2022-03-04 11:00:13
1.7K0
发布2022-03-04 11:00:13
举报
文章被收录于专栏:低代码从入门到精通

项目背景

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

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

需求分析

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

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

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

首页

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

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

分类

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

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

详情

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

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

订单

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

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

购物车

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

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

我的

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

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

订单列表

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

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

数据源设计

店铺信息

字段名称

字段类型

店铺名称

字符串

营业时间

字符串

店铺地址

字符串

经度

字符串

纬度

字符串

联系电话

电话号码

广告图片

数组

分类

字段名称

字段类型

分类图标

图片

分类名称

字符串

商品

字段名称

字段类型

商品简介

字符串

价格

数字

规格

数组

图文详情

富文本

商品分类

字符串

销售数量

数字

状态

字符串

订单

字段名称

字段类型

订单编号

字符串

订单日期

日期

订单明细

主子关系

订单金额

数字

状态

字符串

订单明细

字段名称

字段类型

商品名称

字符串

价格

数字

数量

数字

总结

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 项目背景
  • 需求分析
    • 首页
      • 分类
        • 详情
          • 订单
            • 购物车
              • 我的
                • 订单列表
                • 数据源设计
                  • 店铺信息
                    • 分类
                      • 商品
                        • 订单
                          • 订单明细
                          • 总结
                          相关产品与服务
                          云开发 CloudBase
                          云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
                          领券
                          问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档