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

第十讲电子商务网站创建实例厦门理工学院商学系邵婷邯郸二手网www.tao0310.com电子商务网站建设—在线鲜花定购系统引言上次课，我们从系统设计、数据库的设计与实现以及系统管理三方面剖析了一个全站系统，介绍在基本方案确定后，如何快速完成网站建设。今天，我们将看看一个真正的电子商务网站实例——在线鲜花定购系统，一起来讨论，一个电子商务网站需要具备哪些主要功能，各种功能又是如何实现的。我们在课上将特别关注系统功能的设计，代码部分主要由同学们课后慢慢理解、学习。电子商务网站建设—在线鲜花定购系统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：