第3章  系统总体设计

3.1  系统功能概述

在线手机销售系统是以电子商务为运营模式，其模型是典型的网上购物实践中最为普遍的电子商务企业对客户 (B2C) 模式，主要包括会员注册、帐户管理、购物车、搜索、结帐等基本功能。此外，本系统也将实现在线手机销售系统的后端管理，包括手机的添加、帐单的处理等功能。本系统完全基于ASP技术，在系统的设计与开发过程中严格遵守软件工程的规范，运用软件设计模式，从而减少系统模块间的偶合，力求做到系统的稳定性、可重用性和可扩充性。

3.2  系统功能分析

在线手机销售系统主要的功能如下：

（1）客户界面部分：

①选购手机（可按厂商查找手机，或通过关键字进行查询）

②可以查看热门手机和最优惠手机

③购物车功能

④查看手机详细情况

⑤用户注册

⑥用户登陆

⑦查看用户的订单信息

⑧修改用户个人信息

⑨找回密码功能

⑩购物帮助功能

（2）管理界面部分：

①厂商维护：增加，修改和删除厂商

②现有手机管理：修改，删除，查看

③用户管理：查看，修改，删除

④订单管理：查看订单清单，更新订单付款，出货状态，删除订单

⑤添加新手机：可以分别上传手机的小图片和大图片

⑥维护购物帮助：增加，修改和删除购物帮助

3.3  系统功能模块划分

根据系统功能分析，可以画出系统的功能模块图，这里从客户界面、管理界面分别对功能模块图加以描述。客户界面的系统功能模块图3-1如图所示。

通过上述系统功能分析，针对一般在线手机销售系统，总结出如下的需求信息：用户分一般用户，注册用户和管理员用户；一般用户和注册用户无需登陆就可以查看手机信息并购买；注册用户登陆后可以维护自己的个人信息，并且在向网站发出订单时会自动填写自己的联系信息；手机按手机厂商来分类，每一个手机都对应一个厂商；订单分单张详细订单和总订单；一个用户可以购买多个或多种型号的手机；一个用户对应一张订单列表；一个订单列表对应多张订单详细信息；提供购物帮助功能。

关于订单列表与订单详细信息可以这样理解：因为用户一次可以购买多种产品，则对每一种产品（即每一款型号的手机）生成一条订单详细信息记录，然后多个这样的订单详细信息组成一个订单列表。每一个订单列表才与一个用户对应，在发货时以订单列表为单位，也既用户在操作时所看到的“订单” 。

经过上述系统功能分析和需求总结，考虑到将来功能上的扩展，设计出如下的数据项和数据结构：

（1）管理员信息，包括数据项：帐号，姓名，密码。

（2）注册用户（会员），包括数据项，用户ID，用户名，密码等。

（3）手机，包括数据项：手机编号，手机名称，分类编号等。

（4）手机分类，包括数据项：分类编号，分类名称，上级分类编号

（5）订单详细信息，包括数据项：订单编号，订单列表编号，手机编号，购买数量。

（6）订单列表，包括数据项：订单列表编号，用户编号，下单时间，联系方式等。

（7）购物帮助，包括数据项：问题ID，问题标题，答案和点击次数。

色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。

所以，我以蓝白色搭配为主色调其它颜色相辅，给人以宁静深远的回味，导航栏用七色箭头点缀，彩色图片和动态元素的使用使页面朴素、大方、庄重。

5.2  网站设计构思

首先在制作一个网页之前，应该先进行构思。新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的“景象”画上去，建议用一张白纸和一支铅笔将初步的设想画在纸上，当然用作图软件photoshop等也可以，免得在做了一半时发现页面不和谐而重做。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽可能多画几张，最后选定一个满意的作为继续创作的脚本。

第一步先明确页面主题，考虑是否有合适的图片来衬托主题，如果有现成的图片就可以了，没有的话，就根据情况来决定是否自己做一幅，这里我用PHOTOSHOP软件设计了一张简单的网站标题“新世纪手机商城”字体颜色选用浅蓝，以便协调网站的基色。但不管怎样，标题的主色调应先定下来，这对后面几步的版面影响很大。