《VUE+Django：电商独立站打造详解》2.4 电商独立站概要设计

前面我们完成了客户需求分析之后，接下来就要进行业务设计，通常包括了概要设计和详细设计。

概要设计包括网站系统的总体结构设计、网页界面框架设计和业务处理逻辑，完成后可以输出概要设计文档说明

详细设计是对系统每个功能模块进行页面设计、数据结构设计、代码设计、数据处理算法设计等具体功能的实现过程

​

在概要设计阶段，系统总体结构设计需要由需求分析师和开发人员共同讨论，针对用户需求来确定如何设计系统各个功能模块的划分和呈现方式，以及各个模块的数据结构。通常需求分析师确保方案具备商业竞争力，能够尽可能的贴合用户的最终体验；开发人员对技术架构选型和实现负责，确保产品性能具有竞争力，在客户提供的预算内达到成本和性能的平衡。

​

我们根据前述的用户需求，网站的概要设计关键点说明如下：

1.网站首页应设有导航栏，并且所有功能页面展示在导航栏。导航栏的下面展示当前的广告商品和热销商品，当单击商品图片时即可进入商品详细页面，导航栏上方设有搜索框，便于用户搜索相关商品。

2.商品列表页将所有商品以一定规则排序展示，用户可以从销量、价格、上架时间和收藏数量设置商品的排序方式，并且在页面的左侧设置分类列表，选择某一分类可以筛选出相应的商品信息。

3.商品详细页展示某一商品的主图、名称、规格、数量、详细介绍、购买按钮和收藏按钮，并在商品详细介绍的左侧设置了热销商品列表。