项目背景

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

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

需求分析

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

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

首页

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

分类

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

详情

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

订单

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

购物车

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

我的

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

订单列表

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

数据源设计

店铺信息

字段名称	字段类型
店铺名称	字符串
营业时间	字符串
店铺地址	字符串
经度	字符串
纬度	字符串
联系电话	电话号码
广告图片	数组

分类

字段名称	字段类型
分类图标	图片
分类名称	字符串

商品

字段名称	字段类型
商品简介	字符串
价格	数字
规格	数组
图文详情	富文本
商品分类	字符串
销售数量	数字
状态	字符串

订单

字段名称	字段类型
订单编号	字符串
订单日期	日期
订单明细	主子关系
订单金额	数字
状态	字符串

订单明细

字段名称	字段类型
商品名称	字符串
价格	数字
数量	数字

总结

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

电商小程序实战教程-总体介绍相关推荐

1. 电商小程序实战教程-分类导航

   电商小程序实战教程 第一章 总体介绍 第二章 创建数据源 第三章 创建管理后台 第四章 首页的创建 前言 从上一篇开始,我们就正式进入到了电商小程序的实战开发阶段.首先是介绍了首页的开发,首页主要是展 ...

2. 电商小程序实战教程-商品详情页

   电商小程序实战教程 第一章 总体介绍 第二章 创建数据源 第三章 创建管理后台 第四章 首页的创建 第五章 分类导航 前言 我们已经完成了首页和分类导航页面的开发,本节我们介绍一下商品详情页的开发.商 ...

3. 云开发电商小程序实战教程-篇首语

   目录 写作的目的 过往的技术学习路线 寻求突破 学习的困难 真实的场景 几个场景的思考 云开发 学习的方法 写作的目的 从08年进入计算机行业后,先后做过开发.实施.运维.售前.项目管理岗位,也先后换 ...

4. 电商小程序实战教程-需求分析

   日常我们经常在小程序上买东西,到店扫码点餐支付成了一个司空见惯的事情.好一点的店是用的商家自营的小程序,稍差一点的使用的现成的.不管是自营还是使用现成的软件都是为了提高运营的效率,一方面是方便顾客购买 ...

5. 电商小程序实战教程-商品详情页开发

   我们上一篇开发了电商小程序的首页,本篇我们介绍一下详情页的开发.如果想开发详情页,首先要搞明白一个概念,在详情页展示数据的时候需要如何进行页面传参. 参数变量 在微搭中变量一共是分三种,普通变量.模型 ...

6. 电商小程序实战教程-店铺数据源设计

   上一节我们介绍了小程序的总体功能,要想开发一个小程序,首先是做数据源的设计.微搭给我们提供了一套线上的数据库,它的特点是按照对象的格式进行存储和读取.好处是我们在开发应用的时候返回的数据格式就是Jso ...

7. 电商小程序实战教程-类别管理移动端开发

   我们上一节介绍了类别管理PC端的功能,为了方便,除了提供PC端维护功能外,我们还需要给商家提供移动端维护的功能.本节我们就介绍一下移动端增删改查维护功能的开发. 创建页面 我们先创建四个页面,列表查询 ...

8. 电商小程序推荐用配置服务器,基础配置 · 电商小程序使用教程 · 看云

   [TOC] ### 小程序AppID获取 登录到支付宝小程序管理平台,在小程序名称下面即可找到APPID ![](https://box.kancloud.cn/d07fd82f41e1a9a3979 ...

9. 微信开发者工具怎么导入电商小程序项目教程

   从网上下载的小程序源码怎么导入微信开发者工具呢? 1.打开已经安装的微信官方开发者工具,登录. 2.选择"无AppID",随意取个项目名称,然后点击"选择"找到 ...

10. 视频教程-全新大数据企业电商数据仓库项目实战教程-大数据

    全新大数据企业电商数据仓库项目实战教程 张长志技术全才.擅长领域:区块链.大数据.Java等.10余年软件研发及企业培训经验,曾为多家大型企业提供企业内训如中石化,中国联通,中国移动等知名企业.拥有丰 ...

最新文章

1. python redis_Python操作Redis大全
2. ArcGIS Engine中的8种数据访问【转】
3. Async Mode: Future使用
4. pthread多线程编程的学习小结
5. 云炬随笔20211016(4)
6. “约见”面试官系列之常见面试题之第五十篇之title和alt的区别（建议收藏）
7. VMware虚拟机的三种联网方法及原理
8. 腾讯的这款产品下架了
9. 界面设计方法 (1) — 2.活动功能的设计
10. django 配置mysql_Django配置MySQL数据库方法
11. JAVA中关于set()和get()方法的理解及使用
12. 常用的密码破解方法大汇总 zz
13. Javascript特效：获取选中内容分享至微博
14. 后端-SpringBoot MySql 连接语句
15. 笔记本Windows7系统安装教程
16. 微信自定义菜单以及自动回复
17. 你是真的“C”——详解C语言函数模块知识(上篇）
18. 金额保留小数点后两位方法
19. python爬取京东商品信息代码_爬取京东商品信息
20. 机房服务器维修,机房维护方案

热门文章

1. 【APP授权登录】创建新浪微博（sina）移动应用
2. mac mini u盘安装系统_Mac干货 如何在Mac电脑上安装Windows双系统？
3. 如何正确利用肢体语言表达自己
4. android 修改图片定位位置信息,‎App Store 上的“PhotoMapper：照片地理位置修改，GPS EXIF编”...
5. 计算机桌面文件夹不显示不出来的,如何隐藏文件夹别人都看不到
6. 有效提排名！2022 年最全App应用市场优化（ASO）策略
7. 苹果系统版本依次顺序_苹果手机机型排行顺序
8. Hyperledger Fabric Transaction Proposal过程
9. 姓周取名：周姓漂亮有涵养的女孩名字
10. Android自定义控件（状态提示图表，我先收藏为敬