目 录

  

内容摘要... 1

第一章 系统使用技术概述... 1

1.1选题背景... 1

1.2技术支持... 2

第二章 系统分析... 4

2.1可行性分析... 4

2.2 需求分析... 5

2.3 实现功能... 5

第三章 总体设计与详细设计... 8

3.1系统的设计思想... 8

3.2系统功能模块图... 8

3.3注册登录模块... 8

3.4购物模块... 10

3.5整体布局... 11

3.6分析得到数据字典... 11

第四章 编码调试与实现... 13

4.1首页布局... 13

4.2购物车布局... 14

4.3其他功能实现... 15

4.4功能连接... 16

总 结... 17

摘 要

 随着计算机技术的日益发展，现代社会已经到了真正的信息时代，互联网上的这个虚拟世界正在具体化、现实化，并逐渐与现实生活融为一体。电子商务的迅速发展不仅是因为其将传统商务流程电子化、数字化而提高效率，而且在于其创造了更多的贸易机会。这是一个发展迅速的新市场，将形成一套全新的贸易活动框架。

与此同时,商业空间也发展到全球规模, 这更加促进电子商务的(Electronic Commerce, EC)飞速发展，电子商务网站也就应运而生。建立商业网站，成了企业走近电子商务的第一步，电子商务网站使传统的封闭营销方式转化为利用互联网的方便性，向全世界的消费者宣传自己的产品。本论文主要从网站的内容定位、模块结构、外观设计三方面着手进行设计，电子商务网站的主要构件包括：数据库（客户数据库、商品数据库）、购物车、客户公告、用户注册和登录、订单查询、商品搜索引擎。

此电子购物网站主要实现电子商城的购物车模块，实现了用户浏览页面商品和用户登录注册等功能，用户把商品放入购物车，并且对购物车里的商品进行修改，增添和删除购物车的商品，以及改变购物车里商品的数量，最后确定后递交订单，管理员根据订单以及客户货款的情况来确定是否发货，然后在后台进行填写已经发货的情况，以及管理员的后台管理，包括对注册用户的帐号的管理情况，譬如修改、删除等等。

关键字：商业网站数据库订单电子商城搜索引擎

第一章 系统使用技术概述

1.1选题背景

电子商务被看作是一种现代化的商业和行政作业方法，这种方法改善产品和服务质量、提高服务传递速度，实现跨领域商业活动，满足政府组织、厂商和消费者降低成本的需求，通过计算机网络加快信息交流以支持决策。电子商务的内涵和外延也在不断充实和扩展。近年来，世界范围内Internet/Intranet网络环境的基本形成，使得基于Internet环境的系统的设计与开发成为重要方向，特别是B/S结构的应用越来越广泛。

本电子商城网站是建立一个商品销售平台阿里巴巴之上，这个平台是企业发展及走向全球所迫切需要的。为企业单位搭建一个商品发布、交易的平台，企业将销售商品在此平台发布，由网站相关管理人员管理，这样既能提高企业的销售量，扩大销售范围，同时也能节约企业开办更多实体店的费用，从而节约了大量人力物力，于是本电子商务网站就应运而生了。

随着电子商务魅力的日渐显露，虚拟企业、虚拟银行、网络营销、网上购物、网上支付、网络广告等一大批前所未闻的新词汇正在为人们所熟悉和认同，这些词汇同时也从另一个侧面反映了电子商务正在对社会和经济产生的影响。基于ASP.NET技术的文静电子商城系统正是网上购物的一种。随着网络技术的迅速的发展，网上购物已在互联网上十分流行，人们可以不受时间的限制和空间的限制，及不受传统购物的诸多限制，可以随时随地进行购物，同时由于产品的网络成本远低于传统商店中的产品成本，从而商品的买卖方都能得到实惠，为此开发文静电子商城网站十分必要。

本五金工具电子商城网站目的是为企业的营销管理提供一种可行的在互联网上的营销手段和营销方法，以解决商品信息流通慢、流通面狭小、企业资金及经营状况不清、市场分散的问题，促进销售业务流程的自动化，降低企业的销售成本提高公司的整体效益，也为用户购买提供一个简捷、合理、公正、公平、公开的交易方式。

本课题主要实现对商品的下订单，订单的管理，订单的确认，商品的浏览及系统管理员对订单的管理，对商品的管理，从而为商家和买家提供了电子商务的平台。

1.2技术支持

Dreamweaver是MICROSOFT公司推出的网页制作工具，它功能强大、操作方便，易学易用，是目前最为流行的网页制作与站点管理工具。Dreameaver 8.0不仅保持了开发过程轻松及页面效果完美的制作风格，且工作界面清新自然，并对相关面板、图标等进行归整，使用户用起来更为顺手，开发更为简便。Dreameaver 8.0是功能更强大的用于可视化设计与管理网页和网站的专业级HTML编辑器。无论是在可视化编辑环境中进行开发，还是习惯于书写HTML代码，Dreameaver8.0都能令用户很快上手，并且提供实用的工具来增加他们的网页设计经验，使他们在网页设计中更加得心应手。Dreameaver8.0的可视化不只是体现在其灵活的界面和直观的开发环境上，面板的组合、行为、样式表、时间轴，以及定制并拓展Dreameaver等强大的编辑的功能与完美的扩展性都是同类其他软件所不可比拟的。Dreamweaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。它采用图形化的界面以及“所见即所得（WYSIWYG）”的方式编写网页，大大提高了专业网页制作人员的工作效率，使得开发WEB更加轻松自如。

第二章 系统分析

2.1可行性分析

（1）技术可行性分析

本系统主要通过Dreamweaver8.0 等可视化工具设计页面，Dreamweaver8.0对页面框架的制作非常容易上手，在大体框架制作完成的基础上，对页面进行美观设计和修饰中用到CSS样式表等。运用ASP.NET 技术设计易学易懂，同样能开发出功能齐全的系统模块出来，同时本网站的开发是由本人完成，本人已修完本专业所有的专业基础课和专业课，熟悉数据的开发环境，有一定的运用系统软件和一定的编程能力，完全胜任此项开发，故本网站在技术上可行的。

（2） 经济可行性分析

与传统的实体店传统的销售方式相比，本系统在扩大了企业销售产品的范围，增大了企业销售范围的同时，还提高了企业的知名度，提高了销售效率，更是减少了企业在销售中的开销。它是方便企业进行商品销售的良好平台。

另外，系统运行所需要的硬件条件在今天是很容易得到满足的。作为其开发和运行的软件工具也是再普遍不过了的。因此，此系统在经济上是完全可行的。

因此，从以上的分析可以看出，网页设计采用ASP.NET技术和Dreamweaver8.0技术，采用B/S体系结构设计本系统，无论是在功能上、技术上还是在经济上都是不错的设计方案。

（3） 操作可行性分析

? 本网站是基于微型计算机图形界面的操作，所以一般的会上网的普通用户即可使用本系统。

? 系统管理员要求有计算机的专业知识。

? 对系统管理员将进行专业培训，使其能够熟练管理本网站，一般计算机相关专业的人员即可胜任。

（4）分析结论

综上所述，从技术上、经济上、可操作性都是可行的,而且要求不高，所以本系统的开发是可行的。

2.2 需求分析

系统的实际应用性很明显，电子商务发展非常迅速，人们追求的是简捷、方便、省时，通过Internet批发选购商品，不必花费太多的时间去逛商场，坐在家里上网就可以买到称心的商品，符合人们的心愿。附合全球采购商的需求。

其本电子商城网站的基本功能模块要有：注册和登录模块，还要查询数据库里的商品信息，能够方便顾客进行订购操作，还要随时查看自己的购物车信息，对用户信息管理员信息及其商品的分类信息的管理。在性能上来讲，需要查看最新商品信息，譬如价格、产地、制造商、规格、详细介绍等等都是客户所想要了解的基本信息。从可靠性来讲，他们需要安全的方式进行交易，并要使自己所提供的信息保密。

2.3 实现功能

综述调查，本课题主要实现电子商城的购物车模块，实现对商品的下订单，订单的管理，订单的确认，商品的浏览及网站管理员对订单的管理，对商品的管理，从而为商家和买家提供了电子商务的平台。本网站主要实现如下内容：

? 客户的注册与登录。

? 商品信息的管理（商品的添加，删除和修改）与浏览。

? 订单的管理（下订单，订单修改，订单删除，订单确认及查看以往订单）。

? 会员信息的管理（会员信息的添加，修改和删除）。

根据数据流向分析，画出整个系统的数据流图

图2.1第一层数据流图

对系统采用层次结构进行初步细化，得到如下第二层数据流图：

图2.2 第二层数据流图

第三章总体设计与详细设计

3.1系统的设计思想

系统使用页面模块化设计，就是把一个页面当作一个模块，进行单独的调试，然后把各个模块堆砌在一起。该系统把左边部分、头部、尾部以及数据库连接文件等都分别建立一个公共文件，需要连接时就进行调用，把各个部分结合成一个页面。

3.2系统功能模块图

根据系统的功能，对前台功能模块进行分析。前台用户模块主要包括商品信息查看，分类展示，商品查询，用户注册，用户登录，用户购买商品等7个主要模块。前台用户模块如图3.1所示。

图3.1 用户前台模块图

3.3注册登录模块

该电子商务网站具有用户注册、会员登录功能。用户通过输入帐号、密码，与数据库中的已注册用户信息进行对照，并进行登录，并且显示已经登录信息，没有注册或者密码错误就提示用户重新输入，或者进行重新注册。下面显示这个模块的程序流程图：

图3.2 注册登录程序流程图

当购物车产生式，系统后台会产生一个临时的表单，存放购物车中商品即用户所选择的商品的商品编号，金额和数量。当用户确定购买后将生成订单，此时系统用临时表单中的商品编号从商品信息数据表中将商品详细信息调出，病累加临时表单中的金额，最后表现在生成的订单中。

下面是实现该功能的程序流程图：

 

图3.3 购物程序流程图

3.4购物模块

图3.4  前台客户的浏览订购流程

3.5整体布局

   五金工具阿里巴巴网的布局可以用一个图形来表示

图3-5 整体布局图

3.6分析得到数据字典

阿里巴巴客户数据结构数据字典如表3.1所示。

表3.1 电子商城前台用户结构数据字典

管理员数据结构数据字典

表3.2 管理员数据结构数据字典

电子商城商品存储数据字典

表3.3商品数据存储数据字典

订单信息存储数据字典

表3.4 订单信息存储数据字典

类信息存储数据字典

表3.5类信息数据字典

第四章编码调试与实现

4.1首页布局

首页作为一个电子商务的门户，其作用的重要性不言而喻，在使用Dreameaver 8.0进行编写与设计程序的时候第一步是建立站点：打开Dreameaver 8.0—站点—新建站点—建立站点并命名—完成。这是一个Dreameaver 8.0能够合理运行的关键。其效果如图4-1图所示。

  图4-1 建立站点图

   建立站点之后的操作均保存在“shangwu”这个站点之下。“打开”HTML式样，进入编译页面，选择“布局”，首页选择布局的主页面大小1100*700像素，在1100*700像素的布局上进行小布局设置。因为小布局的操作不会影响大布局的美观性和可操作性，是一个解决问题冲突的好办法。以网页logo为例，建立一个289*87的小布局窗口，将图片logo插入就行了。Dreameaver 8.0一个很好的优点就是操作非常简单。能够即点即成的使用。避免了不断调试的麻烦。如图4-2所示就是这个网页的logo设计。

图4-2 网页logo图

整体页面布局如图4-3所示

图4-3 整体效果图

4.2购物车布局

   页面大小是1000*600，在建立布局之后其属性要做相应的改变，而且为了达到一定的效果要进行一定效果的编译处理。其中一个就是“鼠标经过图像”，为了凸显效果，这是一个方法。“鼠标经过图像”处理过程如图4-4：

图4-4 鼠标经过图像

  购物车对应的属性修改如图4-5所示：

图4-5 购物车属性图

  整体购物车编译设计图如图4-6所示：

图 4-6 购物车

4.3其他功能实现

   页面其他功能包括：搜索、询价、旺旺、登录、注册、个人中心、我的订单、帮助中心、联系方式，地图分类等等功能的编译与购物车模块还有首页布局模块的功能基本差不多。因此，这里不多做介绍了。

4.4功能连接

   网页的最大功能是能通过它为媒介进行数据交换与信息交流，因此，没有链接的网页是没有任何功能与作用的，为了是页面变得合理并且能够与数据进行交换并且通过信息交流，那么链接是必须进行的操作，在Dreameaver 8.0中，链接十分简单，如果是网页之间的链接只需要进行拖拽就行了，如果是其他网站只需要在链接里面输入：http://+网址就可以了。

这个系统是使用Dreameaver 8.0进行编写，在系统的完成过程中，首先是对于五金工具选择的情况进行需求分析，然后综合各自的需求、用量、地区分步等一些主客观因素而进行考虑，提供搜索、询价、登录、注册、个人中心、我的订单、帮助中心、产品分类等服务功能模块，通过对需求的层层分解，设计出系统的模块化结构，并根据系统的具体要求和需要实现的功能，详细的定义了各个模块的具体功能。

设计一个程序对于我们可不是一件简单的事情。可是当程序做出来了之后，那点累那点苦又算得了什么呢？看到劳动成果时，真是别有一番滋味在心头。世上无难事，只怕有心人，的确如此。通过这次的程序设计，我学到了很多，首先就是能够更加熟练的使用和深入的了解Dreameaver 8.0这款软件以及HTML这门语言的简单实用方法，还是很有成就感的。光书本的知识的确不行，还是要理论联系实践才行,只有大脑中有了经验，在碰到问题的时候才有许多解决的方案，然后才能去尝试,因此不断的练习是必要的.算法是程序的灵魂，但这个灵魂我们不能只是套用，而是要学会思考，举一反三，并且要明白那只是一中解决方法，这是一个坚苦而又漫长的过程。完成这个课程设计，我的自信一下子提高了，由于能力有限，因此肯定有许多的不足，希望大家批评指正。