鞋秀电子商务网站的设计与实现

开篇：润墨网以专业的文秘视角，为您筛选了一篇鞋秀电子商务网站的设计与实现范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

提要 电子商务的优势在于增加贸易机会、降低贸易成本、简化贸易流程、提高贸易效率。对于我国中小鞋子企业来说，实施电子商务的需要更为迫切。利用Internet赢得新市场、创造新的行销手段、参与到与大企业的竞争中来，正日益成为中小鞋子企业新的战略发展目标。本文针对鞋秀电子商务网站的建设和开发，详细讲述中小企业如何建设一个以产品介绍、信息咨询、信息查询、产品销售、安全支付的（BtoC）电子商务网站，从而提出一套完整的为中小企业实施电子商务的解决方案。

关键词：电子商务；电子商务网站；鞋秀电子商务网站

中图分类号：F49 文献标识码：A

一、网站概况

（一）鞋秀电子商务网站。鞋秀电子商务网站是一个以各式鞋子在线销售为主要内容的网上购物平台，采用B2C电子商务模式。

（二）配置IIS服务器。本网站全部采用动态网页技术，使用了ASP技术，站内的内容全部都是从数据库（Access 2003）中读取。要让连接数据库的网站能够正常工作并发挥它的全部功能，在使用前必须先安装服务器，本站点使用的是Window XP 的IIS Server，所以要先配置IIS。

1、选择［开始］-［设置］-［控制面板］命令，打开“控制面板”窗口，双击［添加/删除程序］图标，打开“添加或删除程序”窗口，单击［添加/删除Windows组件］按钮，打开“Windows组件向导”对话框。

2、选中“组件”列表框中的“Internet信息服务（IIS）”复选框，并单击［详细信息］按钮，打开“Internet信息服务（IIS）”对话框。

3、选中“文件传输协议（FTP）服务”复选框，单击［确定］按钮，回到“Windons组件向导”对话框，再单击［下一步］按钮，系统会自动配置文件，稍等片刻，单击出现的对话框中的［完成］按钮，结束IIS的安装配置。

（三）使用软件简介

1、该站点主要应用了Dreamweaver MX的行为、标签、数据库、CSS样式。当然，站点中的动画和图片处理也离不开Flash MX和Fireworks MX，本范例实际上是综合应用了三个软件。

2、ASP是服务器端的脚本执行环境，当用户使用浏览器请求ASP主页时，WEB服务器响应，调用ASP引擎来执行ASP文件，并解释其中的脚本语言JavaScript，通过ODBC连接数据库，由数据库访问组件ADO（ActiveX Data Objects）完成数据库操作，最后ASP生成包含有数据查询结果的HTML主页返回用户端显示。

二、网站结构

“鞋秀网”分为四个主要栏目：女鞋、男鞋、童鞋、鞋用品；以及四个辅助栏目：购物车、站内搜索、用户注册、相关信息。

主要栏目展示所有鞋类产品并提供相关的供求信息，给卖、买双方构建了一个和查询商业机会的电子平台。

辅助栏目为用户提供各种大量的会员个体服务，并建立了站内搜索引擎和售后服务，实现了产品的网上销售。

三、网站内容及功能

（一）鞋秀网主栏目

1、女鞋。该栏目主要是指对所有女式鞋产品的一个展示和网上交易的页面。其中，用户可以通过两种方式来查找想要的东西。一是通过站内的搜索引擎。此种方式下，有三个搜索条件，用户可以来选择：颜色、尺码和质地。二是通过三个分类来查找：（1）按鞋类型来预选择（包括女单鞋、女靴子、女休闲、女凉鞋）；（2）按鞋头来预选择（包括尖头、圆头、方头、其他头型）；（3）按鞋跟来预选择（包括平跟、低跟、中跟、高跟）。

2、男鞋。该栏目主要是指对所有男式鞋产品的一个展示和网上交易的页面。其中，用户可以通过两种方式来查找想要的东西。一是通过站内的搜索引擎。此种方式下，有三个搜索条件，用户可以来选择：颜色、尺码和质地。二是通过三个分类来查找：（1）按鞋类型来预选择（包括男单鞋、男靴子、男休闲、男凉鞋）；（2）按鞋头来预选择（包括尖头、圆头、方头、其他头型）；（3）按鞋跟来预选择（包括平跟、低跟、中跟、高跟）。

3、童鞋。该栏目主要是指对所有童式鞋产品的一个展示和网上交易的页面。其中，用户可以通过两种方式来查找想要的东西。一是通过站内的搜索引擎。此种方式下，有三个搜索条件，用户可以来选择：颜色、尺码和质地。二是通过三个分类来查找：（1）按鞋类型来预选择（包括童单鞋、童靴子、童休闲、童凉鞋）；（2）按鞋头来预选择（包括尖头、圆头、方头、其他头型）；（3）按鞋跟来预选择（包括平跟、低跟、中跟、高跟）。

4、鞋用品。该栏目主要是指对所有鞋用品的一个展示和网上交易的页面。其中，用户可以通过产品分类的方式来查找自己想要的东西：按鞋配件（包括鞋底、鞋跟、鞋链、鞋标）和鞋相关（鞋花、鞋扣、鞋衬、鞋线、鞋拔、鞋垫、鞋刷、鞋油）。

（二）购物车。该页面的主要功能是为用户提供其所选购产品名称和数量的，等用户确认了选购产品后网站就可以为用户准备产品，及时给用户邮寄过去，从而完成网上购物，如图1所示。（图1）

四、网站可视化设计

鞋秀电子商务网站主页设计清晰、简捷，突出了电子商务为主题的应用平台。主页中以T字型的网页布局形式显示了主要栏目和辅助栏目。此外，网站的其他相关信息放在了网页的底部。

进入鞋秀电子商务网站，首先看到的是作为该网的网站图标，它放在网站的顶部。下面是该网站的主要导航栏目：女鞋、男鞋、童鞋、鞋用品、购物车；左面是用户注册栏目和站内搜索引擎以及精彩活动、购物指南、货源信息；在页面的显著地方是相关分类产品的展示。

五、网站安全性设计

提供安全的网上服务是鞋秀电子商务网站最先考虑的事项之一。在数据传输方面，鞋秀电子商务网站的安全措施有：

（一）正确无误的身份确认。该网站在网络身份确认权威机构注册，客户的浏览器可以在传输数据前确认该网店的身份。

（二）数据加密。该网店使用业界标准SSL技术加密潜在敏感信息和重要敏感信息。

（三）安全支付。本站采用的是货到付款，这是最原始的现金付款方式，一手交货一手交钱。如果一次购物金额较多，例如超过了1，000元，商家就免费送货。

六、网站后台处理功能设计

（一）概况。在Web服务器方面，鞋秀电子商务网站采用分布式方案，各服务器的内容彼此镜像，当访问量有巨大上升时，可以很容易增加硬件容量。这个方案可减少客户访问网站的等候时间。至于后台数据库，鞋秀电子商务网站采用的是Microsoft Office Access2003。

（二）建立数据库

1、执行［开始］-［程序］-［Microsoft Office Access2003］命令，打开Microsoft Office Access2003，显示Microsoft Office Access2003对话框，选择“新建数据库”选择组下的［空Access数据库］选项，然后单击［确定］按钮，在打开的“文件新建数据库”对话框中为新创建的数据库命名。设置完毕后单击［创建］按钮，创建一个数据库user。

2、打开“user数据库”对话框，选择左侧“对象”列表框中的［表］对象，然后双击右侧列表框中的［使用设计器创建表］选项，然后打开“user表：表”窗口，在“字段名称”列表输入表单所有的字段名称：“id”设置字段大小5，且为必填字段；按同样方法，设置“username”字段为10，且为必填字段；“password”字段为10，且为必填字段。

3、设置完表格的字段名称和数据类型后，单击［保存］按钮，在打开的“另存为”对话框中输入user，设置完毕后单击［确定］按钮，打开一个提示对话框，单击该对话框中的［是］按钮。双击新增的user表，在打开的表内输入所需的内容，该内容是为了方便以后的数据库操作而创建的，一般情况下设计者无需在该表中输入任何内容，该表中的内容都是由用户在表单内输入，经过单击［提交］按钮来获得的。同样方法可创建以下产品分类表。

（三）鞋秀电子商务网站数据库介绍。如上所述，本站一共创建以下9个数据库，包括4个站内产品信息数据表、4个所有产品分类数据表和1个用户信息数据表。

1、站内产品信息数据表。（1）女鞋信息表chanpin；（2）男鞋信息表chanpinnan；（3）童鞋信息表chanpingtong；（4）鞋用品信息表changpingyong。

2、所有产品分类数据表。（1）女鞋二级分类表：nv；（2）男鞋二级分类表：nan；（3）童鞋二级分类表：tong；（4）鞋用品二级分类表：xieyongpin。

3、用户信息数据表：user。用户数据可以让本站管理员通过后台数据库添加、删除、修改；也可以实现用户在浏览器端自行添加，自行注册。

本站预先设置了些用户数据，如ly用户。当ly登录时，若使用“会员名ly，密码：ly”，则系统经数据读取，就会提示道：ly欢迎你来到本站，返回主页；否则，提示：您还不是我们的注册用户或者您的用户名和密码有误，要求用户注册。

（四）ASP访问数据库步骤。鞋秀电子商务网站使用的是ASP动态网页技术，所以也是使用ADO组件访问后台数据库，具体步骤如下：

1、定义数据源。在WEB服务器上打开［控制面板］，选中［ODBC］，在［系统DSN］下选［添加］，选定你希望的数据库种类、名称、位置等。本文定义［SQL SERVER］，数据源为［shoeshop］，数据库名称为［shoeshop］，脚本语言采用Javascript。

2、使用ADO组件查询WEB数据库

（1）调用Server.CreateObject方法取得“ADODB.Connection”的实例，再使用Open方法打开数据库：

conn = Server.CreateObject（“ADODB.Connection”）

conn.Open（“shoeshop”）

（2）指定要执行的SQL命令。连接数据库后，可对数据库操作，如查询、修改、删除等，这些都是通过SQL指令来完成的，如要在数据表signaltab中查询代码中含有“X”的记录。

sqlStr=“select*from signaltab where code like %X%’”

rs=conn.Execute（sqlStr）

（3）使用RecordSet属性和方法，并显示结果。为了更精确地跟踪数据，要用RecordSet组件创建包含数据的游标，游标就是储存在内存中的数据。

rs=Server.CreateObject（“ADODB.RecordSet”）

rs.Open（sqlStr，conn，1，A）

（4）关闭数据库。

conn.close（）

七、结论

通过鞋秀电子商务网站的建立，我们可以在线实现客户注册、站内搜索、网上支付、实时交易等功能。同时，也为中小企业宣传产品、树立形象、降低成本、提高效率起了促进作用。由此可见，中小企业建立电子商务网站是刻不容缓的。

（作者单位：陕西电子信息职业技术学院）

主要参考文献：

[1]杨雅辉.电子商务网站设计原理.北京：中国财政经济出版社，2001.

[2]宁健民.网站建设必读―怎样建设一个成功的网站.北京：大恒电子出版社，2000.

[3]李长云，张云杰.网页设计经典范例.北京：清华大学出版社，2003.