第十讲 电子商务网站创建实例.ppt

第十讲电子商务网站创建实例 邯郸二手网 引言 上次课 我们从系统设计 数据库的设计与实现以及系统管理三方面剖析了一个全站系统 介绍在基本方案确定后 如何快速完成网站建设 今天 我们将看看一个真正的电子商务网站实例 在线鲜花定购系统 一起来讨论 一个电子商务网站需要具备哪些主要功能 各种功能又是如何实现的 我们在课上将特别关注系统功能的设计 代码部分主要由同学们课后慢慢理解 学习 10 1系统分析与总体设计 10 1 1功能描述在线鲜花定购系统主要是建立网上鲜花定购及管理平台 主要提供以下功能 发布鲜花产品 供客户查看 实现简单的鲜花查询功能 客户能方便的订购鲜花产品 客户能有效的管理自己的订单 管理员可以管理所有客户的订单 一般网上商店系统都应具备以上功能 难点 购物车 帮助客户完成商品的订购或收藏 订单管理 管理员对客户订单的管理 在线支付功能 它是电子商务的瓶颈 也是此类系统实现的难点 简单起见 此处不涉及与银行支付的网关的调用 只是记录顾客的银行卡号及支付金额 10 1 2系统结构设计 在线鲜花订购系统结构图 1 管理功能模块鲜花分类 按照鲜花的不同品种进行分类管理 鲜花发布 添加鲜花产品的相关信息 按类别进行 同时可更改鲜花产品的相关信息等 鲜花搜索 根据鲜花名称和类别进行模糊查询 订单管理 管理会员的订单信息 当订单无效时 可删除 订单产品已配送 可更改订单状态 公告管理 发布公告信息 提供与鲜花相关的定购流程 优惠信息等 返回 2 会员功能模块会员注册 客户添加会员信息 记录客户联系方式 地址 真实姓名等 鲜花浏览 可查看所有鲜花产品 同时根据销售排行 推荐产品等进行参考选购 鲜花搜索 根据鲜花名称和类别进行模糊查询 方便会员找到感兴趣的产品 订单管理 会员管理自己的订单信息 可以删除订单 订单产品配送时 可查看订单状态 返回 10 1 3系统流程分析 从客户角度 购物流程为 注册用户 选购商品 预定商品 退出登录 流程如下图所示 从管理员角度 流程为 管理员登录后台 发布公告 添加鲜花产品 查看 管理预定信息 退出管理平台 流程图如下图所示 10 1 4系统目录结构 请打开在线鲜花定购系统主目录文件夹flowers 并查看其目录结构 主目录文件夹放置网站全部前台页面及子文件夹 Admin子文件夹 放置后台管理系统文件 通过此文件夹中的login asp登录后台管理系统 Bookpic子文件夹 存放后台上传的鲜花商品图片 Db子文件夹 放置网站数据库 Images子文件夹 放置网站全部图片文件 Guanggao子文件夹 存放广告图片 Vote子文件夹 放置网站投票系统 10 2数据库设计与实现 10 2 1数据库需求分析根据上面的流程 在此系统中要用到以下几个表 Users 用户表 用以存放会员登录账户密码 真实姓名 联系方式等相关信息 Shop Admin 管理员表 存放管理员登录用户名称 密码等相关信息 Shop news 新闻表 用于存放公告信息 Shop books 鲜花商品表 用于存放鲜花商品信息 Shop anclass 商品大类表Shop nclass 商品小类表Shop action 订单表 用于存放不同会员的定购信息和定购状态 以及存放在收藏夹中的商品 此外 还有网站相关的信息表 包括 Shop fk 留言本信息 Shop links 合作伙伴链接 Shop gg 广告管理 10 2 2数据库逻辑分析下面 请大家打开db中的shop1299764859 mdb数据库 一起来分析几个主要表的逻辑关系 Users 用户表 存储注册用户的重要信息 为防止用户忘记密码 使用question和answer字段存放取回密码的问题和答案 Shop Admin 管理员表 存放管理员名称 密码 密码使用MD5不可逆算法进行加密 Shop news 新闻公告表 相对独立 Shop books 鲜花商品表 用于存放鲜花商品信息 使用anclassid和nclassid分别存储商品大类和小类编号 Shop anclass 商品大类表 鲜花商品一级栏目 通过设置changyong决定是否显示 Shop nclass 商品小类表 存放二级栏目 通过anclassis与一级栏目关联 Shop action 订单表 用于存放与订单相关的基本信息 Zhuangtai记录订单当前状态 1表示未作任何处理 5表示已处理完毕 6表示放入收藏夹 10 3前台页面模块设计 10 3 1首页设计 点击查看 设计电子商城的首页 需要充分考虑网站的宗旨 清理网站的操作流程 将用户最关注 最常用的功能点放在最醒目的位置 同时考虑网站的美观和创意 吸引顾客的眼球 讨论 总结一下 首页总共提供了哪些主要功能 你认为有哪些亮点 哪些不足 10 3 2鲜花浏览模块设计点击鲜花分类链接 再转到相应商品列表页面 在该页中将显示属于同一类型的所有鲜花商品的各项属性 在每个鲜花商品下放都有一个购买及收藏按钮 单击可进行相应操作 商品列表用于实现用户按各种方式进行商品浏览的功能 主要分两步 从数据库中生成数据集合 确定完成列表功能所需的参数值 见自定义函数showpage 完成数据的显示 见自定义函数showcontent 10 3 2鲜花查询模块设计 查询系统对于一个电子商城系统是必不可少的功能之一 本查询模块分为两种模式 普通查询 提供关键字查询高级查询 增加了查询条件 如价格范围 产品分类等 让用户查询更加准确 涉及本查询模块的文件如下 Webtop asp 网页顶部页面 普通查询模块放在该文件上 Search asp 高级查询模块页面 Research asp 查询结果显示页面 10 4用户功能模块 用户如果要购买商品 则必须注册成网站会员 之后将为会员分配一个sessionID 购物车将使用session对象跟踪会员 会员能随时添加商品到购物车中 用户注册登录后 可以修改个人资料 修改个人密码和取回丢失的密码 查看个人订单和收藏夹等 如右图 10 4 1用户注册设计 点击用户注册链接 进入用户注册文件Reg asp页面 如下图所示 设计用户注册功能时须注意 对用户输入信息进行验证 如用户名不能为空 Email地址的有效性检查等 此处利用check 函数来检验 用户忘记密码 可通过点击页面底部 取回密码 回答预设的问题找回 用户密码的安全问题 必须做好密码加密工作 本程序利用MD5 asp进行加密 10 4 2用户登录设计 用户登录界面是一个独立的文件userinfo asp 其实现原理为 用户输入用户名密码后 单击登录 表单将值传递到用户登录验证页面Chkuser asp 若登录成功 则将该用户名写入Cookies标签 以方便后面的调用 response Cookies bookshop username trim request username 用户成功登录后 将跳转回首页 显示 10 5购物车模块的设计 购物车是电子商务类网站非常重要的功能模块之一 主要功能有 将商品放入购物车浏览购物车管理购物车中的商品购物车功能主要涉及下面2个文件 Shopping asp 购物车功能主要文件 可以对购买商品的数量进行修改 Shoucang asp 收藏夹功能页面 当某商品尚未确定定购时 可先放入收藏夹 10 5 1订购鲜花流程 点击观看视频 当用户决定订购一款产品时 只需单击 购买 按钮 进入购物车功能文件shopping asp 在这里可以执行更改数量 清空购物车 重新选购等各项操作 如果确定购买 则可单击 下一步 按钮填写详细的订购表单 填写完后 单击 下一步 按钮 如果用户资料准确无误 将会出现一个确认表单 单击 确认 后就会生成一份正式订单 并自动发一份订单资料到客户信箱 如果只是需要收藏 可以单击 收藏 按钮 10 5 2添加购买商品功能设计单击 购买 后 页面跳转到shopping asp文件 该文件主要分以下三大部分 订购商品清单 在此可以对商品数量进行修改 客户信息 包括地址 电话等 方便送货 订购商品详细清单和用户填写资料 10 6后台管理模块设计 10 6 1后台登录及权限设计与用户登录设计相似 此处不再赘述10 6 2鲜花商品大类管理主要涉及以下两个文件 Anclass asp 商品大类管理文件 可添加 修改 删除商品大类 Saveanclass asp 具体实现添加 修改 删除商品大类的程序文件 10 6 3鲜花商品小类管理主要涉及以下两个文件 Nclass asp 商品小类管理文件 可添加 删除 修改商品小类 Savenclass asp 具体实现添加 修改 删除商品小类功能 这两个文件与大类管理的实现类似 所不同的是 需要与大类的anclassid关联 10 6 4鲜花商品类别转移当某些二级栏目需要转移到其他一级栏目中时 需要使用类别转移功能 涉及的文件如下 Moveclass asp 商品类别转移页面文件 Savemoveclass asp 实现转移功能的程序代码文件 转移栏目的原理 修改小分类对应的大分类编号需要注意的问题 转移小类的同时也要转移小类下所有的商品 转移后需要修改小分类的排序 10 6 5添加鲜花商品商品添加功能是后台管理系统的重要功能之一 本系统设置了3个分类 管理员可将商品同时放入3个栏目分类中 本功能涉及文件如下 Addbook asp 添加商品前台页面 Saveaddbook asp 添加商品处理程序页面 此外 在上传图片的时候 使用了 化境ASP无组件上传类upload 5xsoft 的方式 10 6 6管理鲜花订单订单管理模块是后台管理的另一个重要模块 包括订单列表 订单修改 订单删除 打印订单等功能 本功能涉及文件如下 Editdingdan asp 订单列表页面Viewdingdan asp 订单处理程序页面 10 6 7管理后台用户管理员登录后 可以管理自己的个人信息或其他管理员的所有信息 本功能涉及的文件如下 Manageadmin asp 管理员管理主界面 Saveadmin asp 保存管理员设置程序文件 注意 后台管理用户与前台用户完全分开 权限 管理人员 拥有本站所有管理权限 添加人员 只能添加 删除 修改商品资料 查看人员 管理商品评论和用户订单 10 7小结 本章详细介绍了一个具有强大功能的B2C电子商务购物平台 该平台采用B S模式设计 通过ASP技术构建而成 具有强大的商品管理 分类管理 购物车 订单管理统计 会员管理 在线支付等功能 同时拥有灵活的广告管理 新闻管理等功能 通过本章的学习 同学们要能理解电子商城系统的结构 掌握购物车功能 并在此基础上 学会通过简单的修改