当然，用户既可以在不注册登录的状态下浏览网站，也可以在登录的状态下浏览。区别在于：当处于登录状态下，点击查看商品详情之后可以将其添加至购物车；在未注册并登录的状态下，点击查看商品详情时将会提示登录的信息。在注册成功后，可以开始浏览网站中的商品，也可以进入购物车进行订单的修改与支付。支付成功后，即可等待自己购买的商品送货上门。在进入购物车中，也可以删除购物车中的物品或者清空购物车，当然，如果有需求还可以修改物品的数量。在购物车的操作结束之后，可以选择注销离开，也可以继续回到主页进行物品的购买，购物车可以循环添加商品。
按照用户的操作习惯，本设计以人性化的设计方案，设计出真正使用户满意，操作简洁、效率至上的电子商务网站。
下图（图3.1）是Guitar Hero电子商务网站从用户角度设计的系统流程图：
 
图3.1 Guitar Hero系统流程图
（三）数据流程图
数据流程图是描述系统数据流程的工具，它将数据独立抽象出来，通过图形方式描述信息的来龙去脉和实际流程。本数据流程图主要分析了用户应怎样通过Guitar Hero网站购买吉他的流程，并将其以数据流的形式展现出来。（图3.2）
新用户在初次浏览界面的时候是未注册的状态，所以P1代表了用户注册的数据流，而P2则是已注册用户直接登录的数据流，同时P4的数据流代表调用用户信息表中的用户信息，P3代表注册时将数据存入用户信息表。
登录之后浏览网站，网站的其他信息会通过P6这条数据流将网站琳琅满目的信息返回到首页的页面，同时用户通过P11会看到详细的吉他信息，P10也可以实现检索功能。P7代表将所浏览并选择的吉他添加到购物车，P12和P14是吉他信息调用的过程。
P9代表了购物车到生成订单的数据流向，P15会将生成的订单信息存储到订单信息表之中。支付时，需要通过P13调用订单信息，同时，P16代表生成订单后可以立即支付。
 
图3.2 Guitar Hero数据流程图
（四）数据字典
数据字典是指对数据的数据项、数据结构、数据流、数据存储、处理逻辑、外部实体等进行定义和描述，其目的是对数据流程图中的各个元素做出详细的说明。数据字典是一种用户可以访问的记录数据库和应用程序源数据的目录。主动数据字典是指在对数据库或应用程序结构进行修改时，其内容可以由DBMS自动更新的数据字典。被动数据字典是指修改时必须手工更新其内容的数据字典。（来源：百度百科）
本设计的数据字典如下，通过数据字典，可以很清晰地了解到各个数据之间的关系以及各个数据的存储结构。
1. 数据项
表3.1 Guitar Hero数据项
2. 数据结构
表3.2 Guitar Hero 数据结构
3. 数据流

表3.3 Guitar Hero数据流
4. 数据存储
表3.4 Guitar Hero数据存储
5. 处理过程
表3.5 Guitar Hero处理过程
6. 外部实体
表3.6 Guitar Hero外部实体
（五）E-R图
下面几张图为本设计Guitar Hero 网站的E-R（Entity Relationship Diagram）图。它描述现实了Guitar Hero网站的概念结构模型。其中，矩形表示实体型，矩形框内写明了实体的名称；椭圆表示实体的属性，直线将其与相应的实体型连接；用菱形表示实体型之间的联系，菱形框内写明了联系名，直线分别与有关实体型相连接。
1. 网站总体架构E-R图
 
图3.3 Guitar Hero 网站架构E-R图
2. 用户信息属性的E-R图
 
图3.4 Guitar Hero 用户信息属性E-R图
3. 订单属性E-R图 JSP吉他电子商务网站的分析与设计+数据流程图+ER图(9):http://www.youerw.com/jisuanji/lunwen_599.html