商城小程序开发
2022-10-10•
围观热度 784•小程序/H5/公众号
在正式开发前,我们需要进行需求分析。这个小程序主要向用户展示一些售卖的商品,然后引导用户通过收藏、加入购物车、下单、支付、查看物流、确认收货等操作,形成一个完整的商城交互闭环。
从技术层面来看,小程序一般由前端和后端两部分组成。前端是直接面向终端用户的、大家可以直接看见的小程序,包括页面数据的渲染和用户对页面的交互操作;后端主要负责提供小程序渲染所需要的数据以及用户操作数据的 API。
此外,对于电商小程序来说,往往还需要一个后台管理端,允许商品供应商对商城的商品(如价格、库存)、订单(如发货、退货)等关键数据进行操作。
在技术选型上,为了帮助大家深入了解小程序的语法,前端方面我们采用了小程序原生方案进行开发,在了解小程序的原生语法后,大家可以再适当了解当前主流的小程序开发框架或混合开发框架。后端方面则选用了小程序官方提供的小程序云。小程序云免去了小程序开发中服务器搭建、数据接口实现等烦琐流程,可以让大家更专注于业务逻辑的实现。
需求描述在了解了技术选型后,大家应该对我们即将开发的项目的业务需求有明确的概念。例如,该小程序的主要目的是制作一个电商平台,引导用户完成一个完整的商城交互闭环。因此该项目大体可以分为 4 个模块:广告模块、商品模块、购物车模块和个人中心模块每个模块根据实际业务需求可以再细分为多个功能模块,从而根据功能需求初步确定页面设计。不知道大家平时在使用各种电商类型的 App 或者 H5 页面时有没有注意过,一般来说,电商类的网站底部导航栏主要有 4 个部分:首页、分类、购物车和个人中心。
经过分析业务功能需求,我们也将四大模块设计为小程序的 4 个底部导航栏入口,以常见的 tabBar 形式展示,如图所示
在确定首页入口后,会再根据每个入口设计各自功能应展示的页面。