🍁商城类小程序实战(一):需求分析及开发前准备

简介: 🍁商城类小程序实战(一):需求分析及开发前准备

需求分析及开发前准备


这一系列会以商城类小程序为例,详细介绍小程序是如何开发的,从而加深读者对小程序开发流程的理解。


一、需求分析


这个小程序主要向用户展示一些售卖的商品,然后引导用户进行收藏、加入购物车、下单、支付、查看物流、确认收获等操作,形成一个完整的商城交互闭环。


1.1 技术选型


小程序一般由前端和后端两部分组成。前端是大家可以看得见的小程序,包括页面数据的渲染和用户对页面的交互操作。后端主要负责提供数据以及用户操作数据的API。对于商城小程序,往往还需要一个后台管理端,允许对商品(价格、库存),订单(发货、退货)等关键数据进行操作。


TeX\TeXTEX


技术选型上,前端采用原生方案进行开发,后端则采用小程序官方提供的小程序云。小程序云免去了小程序开发中服务器搭建、数据接口实现等繁琐流程。


1.2 需求描述


由于是商城类小程序,项目大体可以分为4个模块:广告模块、商品模块、购物车模块和个人中心模块。

ec3a20a93f9e41bf8e40207ca3754fe6_tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.png


每个模块根据实际需求我们可以再细分多个模块功能,从而确定页面设计。我们将上述这四个模块设置为4个底部导航栏入口。


50d6f6d12e814a7b99bf2968912f7304_tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.png


二、开发前的准备


2.1 创建一个新的小程序


此部分不做介绍,读者可自行查阅资料如何创建小程序。


2.2 搭建项目目录


ca9d3b3b35b4475d9a81424dc5aa4a60_tplv-k3u1fbpfcp-zoom-in-crop-mark_4536_0_0_0.png


新建一个Mall(这里为清凉购)作为项目目录。里面包含以下内容:


  • components目录:主要用来存放一些自定义组件相关的内容。
  • images目录:主要用来存放商城用到的图片信息等。
  • libs目录:主要用来存放商城项目中依赖的第三方库。
  • models目录:主要用来封装与后台进行交互的model操作类。
  • pages目录:主要用来存放商城的各个具体页面。
  • utils目录:主要用来存放商城开发过程中使用到的各种工具类,避免重复代码。
  • app.js: 小程序入口文件。
  • app.json:小程序全局配置文件。
  • app.wxss:小程序公共样式表
    到此位置,准备工作就做好啦,后面我们就可以开始小程序开发啦~


最后


参考资料:小程序开发原理与实战

⚽本文介绍了开发商城类小程序的需求分析和准备工作~

⚾如果这篇文章对你有帮助的话,麻烦点赞收藏哟~

相关文章
预约按摩小程序开发,为什么很多上门按摩平台根本招聘不到优秀技师?
上门按摩平台面临招不到优秀技师的问题,主要原因是平台众多,技师选择多样。为解决此问题,平台可引入技师等级制度,根据订单数量和好评率划分高、低等级技师。高等级技师可享受70%-90%的高提成及首页推荐,这不仅能激励技师的积极性,还能帮助平台筛选出优质技师,提升服务质量和口碑,形成良性循环。
|
12天前
|
小程序 Android开发
|
1天前
|
小程序 云计算 Android开发
发者社区 云计算 文章 正文 小程序开发与公众号用户关联推送消息(九)
发者社区 云计算 文章 正文 小程序开发与公众号用户关联推送消息(九)
11 3
|
7天前
|
小程序
|
8天前
|
小程序 数据安全/隐私保护
|
7天前
|
小程序
|
13天前
|
小程序
|
13天前
|
人工智能 小程序
【一步步开发AI运动小程序】五、帧图像人体识别
随着AI技术的发展,阿里体育等公司推出的AI运动APP,如“乐动力”和“天天跳绳”,使云上运动会、线上健身等概念广受欢迎。本文将引导您从零开始开发一个AI运动小程序,使用“云智AI运动识别小程序插件”。文章分为四部分:初始化人体识别功能、调用人体识别功能、人体识别结果处理以及识别结果旋转矫正。下篇将继续介绍人体骨骼图绘制。
|
11天前
|
小程序

热门文章

最新文章