《VUE+Django:手把手教你打造自己的电商独立站》专栏写作大纲
《VUE+Django:手把手教你打造自己的电商独立站》 2.3 电商需求收集和分析
前面我们完成了客户需求分析之后,接下来就要进行业务设计,通常包括了概要设计和详细设计。
概要设计包括网站系统的总体结构设计、网页界面框架设计和业务处理逻辑,完成后可以输出概要设计文档说明
详细设计是对系统每个功能模块进行页面设计、数据结构设计、代码设计、数据处理算法设计等具体功能的实现过程
在概要设计阶段,系统总体结构设计需要由需求分析师和开发人员共同讨论,针对用户需求来确定如何设计系统各个功能模块的划分和呈现方式,以及各个模块的数据结构。通常需求分析师确保方案具备商业竞争力,能够尽可能的贴合用户的最终体验;开发人员对技术架构选型和实现负责,确保产品性能具有竞争力,在客户提供的预算内达到成本和性能的平衡。
我们根据前述的用户需求,网站的概要设计关键点说明如下:
1.网站首页应设有导航栏,并且所有功能页面展示在导航栏。导航栏的下面展示当前的广告商品和热销商品,当单击商品图片时即可进入商品详细页面,导航栏上方设有搜索框,便于用户搜索相关商品。
2.商品列表页将所有商品以一定规则排序展示,用户可以从销量、价格、上架时间和收藏数量设置商品的排序方式,并且在页面的左侧设置分类列表,选择某一分类可以筛选出相应的商品信息。
3.商品详细页展示某一商品的主图、名称、规格、数量、详细介绍、购买按钮和收藏按钮,并在商品详细介绍的左侧设置了热销商品列表。
4.用户登录注册页面是共用一个页面,如果用户账号已存在,则对用户账号密码验证并登录,如果用户不存在,则对当前的账号密码进行注册处理。
5.个人中心页面用于展示用户的基本账号信息、购物车、订单、收藏和询单信息,只能在用户已登录的情况下才能访问。
6.购物车等和用户信息强关联的页面,只能在用户已登录的情况下才能访问,它是将用户选购的商品以列表形式展示,列表的每行数据包含了商品名称、单价、数量、总价合计,以及查看、删除、结算等操作,用户可以增减商品的购买数量,并且能自动计算费用。
7.在页面顶端提供国际化的切换选项,用户在不同的页面都能执行这个操作
8.数据库使用MySQL 5.7以上版本,数据表除了Django内置数据表之外,还需定义商品信息表、商品类别表、购物车信息表和订单信息表。
在概要设计我们搭建了网站的整体架构,如下图所示。下一步是在整体架构的基础上完善各个功能模块的细节内容设计。
基于用户旅程的业务流如下图所示。便于设计整个页面的路由跳转,避免在后续开发中引起误解。