电子商务网站建设实验指导书18246.docx

《电子商务网站建设实验指导书18246.docx》由会员分享，可在线阅读，更多相关《电子商务网站建设实验指导书18246.docx（22页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、电子商务网站建设实验指导书1.实验目的电子商务网站建建设是电子商商务专业中非非常重要的一一门技术基础础课程，通过过课程的理论论学习之后，急急需学生通过过一次网站建建设的实践，加加强对所学知知识的理解和和掌握，因此此通过创建一一个具体的购购物网站来锻锻炼他们的实实践动手能力力。2.实验要求通过本次实践之之后，掌握如如何从需求，转转化为设计，然然后将设计转转变为具体的的代码。实验验完成之后，需需提交网站设设计的源代码码一份，集中中实践报告一一份。3.实验指导3.1总体结构构设计购物网站直接与与客户打交道道，其内容的的合理性和完完整性，是网网站能否吸引引顾客的关键键因素之一。所所以在网站设设计总体结

2、构构设计时，应应尽量从客户户角度以及网网络营销的角角度出发来考考虑其功能的的实现。网站的总体结构构设计包括：网站各主要要功能模块的的划分、相关关数据库设计计、各页面程程序模块设计计的确定及其其工作流程的的设计。3.1.1网站站主要功能模模块本次试验的网站站命名为：新新世纪商城，域域名设计为：m。网站主要要功能模块包包括商品介绍绍，在线销售售；其中商品品介绍又包括括商品展示和和商品搜索；在线销售分分为，放入购购物车，显示示购物车，清清空购物车，生生成订单。3.1.2数据据库设计本次网站使用AAccesss数据作为存存放商品信息息、客户资料料和订单信息息的数据库。本本网站使用一一个名为dbb2.m

3、dbb的数据库，其其中包含的数数据表如下：商品表（Prooductss），用于存存放需在商品品展示页面显显示的各项商商品信息，包包括商品编号号，商品名称称、市场价、优优惠价和商品品说明信息等等。购物车表（Caarts），用用于为每一个个购物的客户户自动产生一一个唯一的购购物车编号，并并保存该客户户的购物日期期等信息。购物车明细表（CartItems），用来保存每一辆购物车中各项所购物品的编号、名称、单价和数量等信息。订单表（Ordder）：在在客户确定购购买之后，用用来为该客户户自动产生一一个唯一的订订单编号，并并保存该客户户的订购日期期和订购总计计金额，同时时保存该客户户的姓名、电电子邮件地

4、址址、详细住址址、邮政编码码和联系电话话等信息。订单明细表（OOrderIItems）：用来保存每每一个订单中中所订购的各各项产品的编编号、名称、单单价和数量等等信息。3.3.3主要要程序模块及及其工作流程程主要页面模块及及其工作流程程各主要页面程序序模块的实现现功能如下：Productts.aspp：商品展示示页面，用来来将数据库中中当前所选的的类别的商品品表（Prooductss）的各项商商品信息显示示在网页上，同同时提供到其其他各类商品品展示网页的的链接。客户户可在本页面面点击某件商商品的旁的购购买字样链接接，即可将该该商品放入购购物车此外，在在次页面还有有一个商品搜搜索区，可根根据客户

5、输入入的搜索关键键字启动商品品搜索程序，并并将搜索到的的商品展示在在本页面。Search.asp：商商品搜索页面面，用来处理理在商品展示示页面中客户户提出的商品品搜索请求，并并将搜索的结结果返回到商商品展示页面面中进行展示示。AddIterrm.aspp：添加商品品页面，一旦旦客户点击所所选商品旁的的购买字样链链接，本页面面便立即判断断该客户是否否已拥有购物物车，若没有有就为其新分分配一个购物物车。然后再再将所购之物物存入对应的的购物车明细细表，并调用用购物车页面面显示该购物物车中所选购购物品的具体体信息。Cart.assp：购物车车页面，用来来显示客户已已购的各项商商品信息，包包括：商品名名

6、称、单价、数数量、金额及及所购商品的的总价。在该该页面允许客客户修改所购购商品的数量量，并重新显显示和计算金金额和总价。此此外，该页面面还提供“继续购物”、“清除购物车车”和“去收银台”的链接。Recalc.asp：重重新计算页面面，响应客户户在购物车页页面提出的“重新计算”请求，根据据修改后的商商品数量重新新计算金额和和总价，并负负责修改购物物车明细表中中的相关数据据，然后再次次调用购物车车页面显示重重新计算后的的购物车信息息。Delete.asp：清清除购物车页页面，响应客客户在购物车车页面提出的的“清除购物车车”请求，并负负责删除该客客户在购物车车明细表中的的相关数据，然然后调用商品品展

7、示页面继继续显示商品品供客户选购购。Order.aasp：订单单页面，响应应客户在购物物车页面提出出的“去收银台”请求，为确确定要购买商商品的客户自自动产生一个个唯一的订单单编号，然后后要求客户如如实填写姓名名，送货地址址，联系电话话等信息，再再将当前购物物日期、总计计金额，以及及送货地址等等信息保存到到订单表中，并并负责将购物物车内的所购购商品信息保保存到订单细细节表中。实实际编程时，该该订单页面实实际上由Orrder1.asp、OOrder22.asp、OOrder33.asp、OOrder44.asp这这四个页面组组成。商品展示设计商品展示页面涉涉及数据库中中的商品表PProduccts

8、、商品品搜索页面SSearchh.asp和和商品展示页页面Prodducts.asp的设设计。为提高高页面的设计计效率和代码码的重用性，考考虑使用包含含文件，包括括Head.inc、FFoot.iinc和Coonn.innc3个包含含文件。数据设计可参考考下表Productts表包含文件设计包含文件设计是是指可以包含含在其他页面面中的文件。如如果一个程序序代码段可能能会多次出现现在其他页面面中不妨将其其保存为扩展展名为.innc的包含文文件。当某个个页面中需要要插入该代码码段的时候即即可使用如下下形式包含进进来。不仅扩展名为.inc可以以包括到当前前页面中，扩扩展名为.hhtml或.asp的文

9、文件也都可以以用此方式包包含进来。本本网站中共涉涉及headd.inc、FFoot.iinc、Coonn.innc3个包含含文件。本网站所展示的的各类商品中中，其网页头头部显示信息息通常相同，故故可设计heead.innc来保存这这一部分代码码，然后被其其他网页调用用。Head.innc头文件源源代码如下：在同一网站各个个页面的结尾尾，通常需要要显示一些相相同的网站授授权、经营许许可证及网站站联系人等信信息。于是也也可通过统一一的文件来保保存这些代码码Foot.inc，以以便需要时方方便地插入到到网页的尾部部。Foott.inc脚脚本文件源代代码如下：对于一个网站来来讲，其中许许多页面都要要使

10、用到数据据库，需要与与数据库建立立连接，以便便能够打开其其中所需的表表进行操作。因因此可建立独独立文件来保保存与数据库库db2.mmdb连接的的代码，文件件名为Connn.incc。Connn.inc源源代码为：商品搜索页面设设计一般网站均允许许客户通过输输入与商品有有关的关键字字来搜索所需需的商品，本本网站设计时时应通过seearch.asp页面面来收集客户户输入的关键键字，然后打打开有关的商商品表借助SSQL语句的的模糊查询功功能实现对商商品的搜索，然然后将搜索的的结果展示出出来。Search.asp页面面的参考代码码如下：商品展示页面设设计Productts.aspp商品展示页页面主要用

11、于于商品信息的的显示，将ddb2数据库库中的Prooductss表中的信息息展示出来。展展示的效果如如下：在该页面需通过过包含头部文文件Headd.inc显显示网站的名名称，并提供供到其他各类类产品展示页页面的链接。然然后再将搜索索页面包含进进来，如果客客户在填写了了搜索关键字字，需将搜索索结果在本页页面显示出来来。然后逐行行显示产品信信息，包括图图片、价格、产产品描述等信信息。本页面面的参考代码码如下：购物车设计购物车页面设计计时购物网站站最为重要的的页面程序设设计。在本次次实践网站中中，客户在商商品展示页面面浏览商品时时，只需用鼠鼠标点击所选选商品旁的“购买”字样链接即即可将该商品品放入自

12、己的的购物车。购购物车页面所所要实现的功功能实际上是是负责将客户户选定的商品品及该商品有有关的信息保保存到网站数数据库相应的的表中，同时时在网页上显显示当前客户户已购买各项项商品的名称称、单价、数数量和金额等等。除此之外外，当客户去去收银台时，通通常需要根据据购物车中保保存的这些信信息来自动生生成对应的商商品订单。在购物车设计页页面时，要保保存客户选择择购物商品的的信息以及客客户信息，这这里一般通过过以下3种方方式解决将当前客户及及所购商品信信息保存在客客户端的Coookie中中。将当前客户及及所购商品信信息保存在服服务器端的SSessioon变量中。将当前客户及及所购商品信信息保存在服服务器

13、端的数数据库中。本次实践实例中中使用第3种方方式来保存客客户及购物车车中的信息，包包括两个表CCarts和和CartIItems两两个数据表。其其中：Carrts表的主主要功能是用用来自动为每每个客户分配配一辆购物车车，并保存购购物车的编号号及购物日期期信息；CaartsIttems表则则用来保存每每辆购物车中中每一件商品品的编号、名名称、单价和和数量等购物物明细信息。Carts表和和CartIItems表表的结构分别别如下表Carts表CartIteems表放入购物页面设设计本网站购物车功功能的实现是是由添加商品品页面AdddItem.asp和购购物车页面CCart.aasp两个程程序来完成

14、。显示购物车页面面设计在本网站中，显显示当前客户户的购物车中中已购商品的的各项信息是是由购物车页页面Cartt.asp来来完成。在该该页面中还可可以为客户提提供修改已订订购物品数量量、重新计算算的功能，并并提供转去“继续购物”或“去收银台“结账的超级级链接。页面面截图如下：Carts.aasp源代码码如下：重新计算功能的的实现在上述购物车页页面所显示的的购物清单中中，客户可以以通过在“数量“列的文本框框中修改其所所购商品的数数量值，然后后点击”重新计算“按钮调用RRecalcc.asp程程序对该项商商品的金额和和总计金额进进行重新计算算，并将计算算后所得的结结果再次显示示的购物车页页面中。重新

15、新计算页面图图如下：Recalc.asp代码码如下：清空购物车页面面设计在显示购物车页页面中，客户户可以点击“清除购物车车“按钮来调用用Delette.aspp页面，该页页面负责清除除这个客户已已经放入购物物车中的所有有产品，同时时负责删除购购物车明细表表CartIItems中中所有与此购购物车编号对对应的记录，最最后再重定向向到商品展示示显示页面PProduccts.assp，供客户户继续选购其其他商品。Delete.asp源代代码如下：收银台设计在本示例网站中中，收银台页页面设计也就就是订单生成成及其处理页页面的设计。当当客户选购好好商品并确认认购物之后，若若在购物车页页面点击“去收银台“

16、按钮即可进进入最后的结结账处理阶段段，并将自动动生成该客户户本次购物的的订单。收银台设计的任任务主要包括括：创建一个表单单用于填写和和收集客户信信息，以便为为该客户送货货。再次显示客户户所购商品的的信息和送货货地址等信息息，并要求客客户进一步确确认。生成一个与此此对应的新订订单，并将客客户所购商品品的信息及其其送货信息保保存到订单表表和订单明细细表中。收银台各模块及及其流程Order1.asp页面面提供一个表表单，用来要要求客户填写写真实姓名、电电子邮件地址址、详细住址址、邮政编码码、联系电话话等信息。客客户提交此表表以后将激活活Orderr2.aspp页面。Order2.asp用来来再次显示

17、客客户所购各项项商品的名称称、单价、数数量、金额和和总计金额等等，供客户进进一步确认。同同时将获得客客户真实姓名名及各项送货货信息再次显显示出来，供供客户确认。如如果客户选择择“确认订购“按钮，将激激活Ordeer3.assp页面。如如果客户选择择”取消订购“按钮，将调调用Ordeer4.assp终止本次次购物。Order3.asp页面面用来在客户户验证所显示示的购物信息息和送货信息息并加以确认认之后，自动动生成一个新新的订单记录录，并把该客客户的姓名及及各项信息保保存到订单中中，同时将客客户购物车中中的各项商品品信息保存到到相应订单明明细表中。Order4.asp页面面用来清除当当前客户的购购物车编号以以及该购物车车内的商品记记录，然后返返回本网站的的商品展示页页面。数据库设计在订单设计中需需要在数据库库db2中创创建Ordeers和订单单明细表OrrderIttems来存存放有关信息息。两表具体体设计参考如如下：Orders表表OrderIttems表