凤凰电商应用案例.pptx

CONTENTS 1. 网站预览 2. 设计网站页面效果 网站预览 1. PART.1 网站预览 凤凰电商网是在电商网站方兴未艾的时候为某厂商建立的电商网站。这个网站的内容包括：货物的展示、货物的推广、展销会信息、购物车等。构建一个电商网站，我们要考虑这么几部分的内容： 网站要卖的货物是什么类型的? 需要哪些最基本的功能？ 访问网页的都是哪些人，我们如何吸引这些人？ 需要多少个基本页面？ 需要在线支付吗？ 需要在线交易吗？ 有许多电商网站值得我们借鉴，它们有些是单独某一家公司的产品网站，这种网站页面比较少，产品内容类型相对单一，可以做出非常漂亮的统一的设计。 设计网站架构 PART.1 网站预览 有些网站是类似于商场的，产品内容丰富，商贾云集，很难出现统一的产品界面。下是一些商城电商网站的截屏。 设计网站架构 PART.1 网站预览 结合上面提出的网站规划方案我们设计了凤凰电商网站的架构如图所示。 PART.1 网站预览 设计网站架构 凤凰电商网站包含4个主要部分，首页、求购信息、供应信息和展会信息。 由于该电商企业是为了机械类器材做的一个商城，因此在设计和制作该商城的时候特意查询了机械类器械的分类表，包含非常多的分类，这里只展示了3类。 求购信息部分包括求购列表，求购详情。求购详情包括产品说明、产品公司说明、采购记录、其他采购信息、收藏采购信息、相关询价单推荐等。 供应信息包括产品详情、产品说明。 展会信息包括展会列表、往期回顾。 由于涉及到资金流的问题，我们的展示网站并不提供支付交易的功能，流程只到商品加入购物车为止。 PART.1 网站预览 设计网站架构 一切从顾客出发,下图描述了顾客的顶层需求。 PART.1 网站预览 设计网站架构 顾客可以浏览本商城的业务和信息，可以查询商品信息，若顾客要购买商品，可以先加入购物车，但是必须在商城注册和登录后，才可进行商品交易活动。当顾客登录本商城系统时，顾客可以查询或修改个人信息，可以浏览、查询并购买商品，可以管理自己的购物车，可以查询订单，也可享受商城提供的个性化服务以及优惠服务等。 为了准确的确定网站功能，通过分析用户在网站的行为，可以得出网站的顾客在网站的行为流程可以如下图 所示。 PART.1 网站预览 设计网站架构 分析了用户的行为，还要详细绘出用例图。从用例图可以得到类图。类图里面详细的记录着每个类的属性与方法以及类与类之间的关系。这部分设计到UML语言和数据库的知识，在这里就不详细解释。 在这里，我们再次强调数据库开发的五个规范要求： 表中应该避免可为空的列； 表不应该有重复的值或者列； 表中记录应该有一个唯一的标识符； 数据库对象要有统一的前缀名； 尽量只存储单一实体类型的数据。 PART.1 网站预览 设计网站架构 商品类与商品细节图片类有1:N关系，商品特征与商品细节图片有1:N关系。商品类，商品细节图片类在数据库中分别设计成独立的表。 PART.1 网站预览 商品相关表 表名：产品（product）product） 字段 字段类型 解释 ProductId Tinyint(8) 产品idid ProductName Varchar(16) 产品名称 ProductImage Varchar(64) 产品图片 ProductDesc Varchar(128) 产品描述 ProductPrice Varchar(16) 产品价格 ProductDateAdded date 产品添加日期 ClassId Varchar(8) 类型idid 商品类与商品细节图片类有1:N关系，商品特征与商品细节图片有1:N关系。商品类，商品细节图片类在数据库中分别设计成独立的表。 PART.1 网站预览 商品相关表 表名：产品类型表（class） 字段 字段类型 解释 ClassId Int(32) 类型idid Classdetail Varchar(128) 类型详细描述 ClassDate date 类型修改日期 网站的用户由一般客户、商家、后台管理人员组成。我们给他们分别标注了类型和等级。 PART.1 网站预览 用户相关表 表名：用户（user）user） 字段 字段类型 解释 UserId Tinyint(8) 用户idid UserType Varchar(16) 用户类型 UserLogoAdd Varchar(128) 用户标识添加 UserGrade Tinyint(8) 用户等级 UserName Varchar(64) 用户名称 UserBirthday date 用户生日 UserSex Varchar(2) 用户性别 UserMailbox Varchar(128) 用户邮箱 UserPassowrd Varchar(32) 用户密码 UserCre