网上商店的网站建设.docx

1、网上商店的网站建设中国防卫科技学院本 科 毕 业 论 文 (设 计)题 目: 网上商店的网站建设姓 名:朱浩 学 号:05997617年 级:2005 专 业: 信息工程系导 师:李莹 职 称:讲师完成日期:2009年4月目录摘要 1Abstract 2一、 引言 3（一）设计思想及设计工具 3（二）基于B/S的三层体系结构 4二、系统需求分析 5（一）系统目标 5（二）系统需求分析 6（三）系统综合要求 6（四）系统功能划分 7三、 数据库设计 8（一）数据库的基本理论 8（二）网站数据库设计与实现 9（三） 虚拟商场的总体设计 14四、网站功能模块设计与实现 22（一）功能模块 22（二）

2、商品展示 22（三）会员注册与登录 23（四）购物车及订单管理 27五、系统实现和测试 32六、结论 32参考文献 33致 谢 34网上商店的网站建设【摘要】：随着计算机和网络的高速发展和日趋普及，越来越多的商家在网上开起商店，向消费者展示出一片不同传统购物的新颖天地。本文利用Dreamweaver MX和ASP进行饮用水购物网站设计的开发过程,以ACCESS实现网站数据库，对网站的设计及网站的实现进行了详细的说明，即从ASP和Dreamweaver MX的开发环境的架设开始，一步步了解ASP和Dreamweaver MX。本文的主要内容包括Dreamweaver MX、ASP语言的基本概念及

3、高级应用，ASP与数据库的连接。网站通常分为前台和后台，本系统也是如此。前台以查询数据库调用信息为主，后台则是向数据库添加、删除资料为主。这样把整个网站分为两个部分独立设计和实现，并通过数据库这个中介联系起来。本网站是使用ASP编写的动态网站，在编写时通过使用HTML标记语言来控制网站的外观显示。本网站遵循WEB应用程序的结构原则，即B/S体系结构，采用浏览器、WEB服务器、数据库三层结构。本文设计工具主要为ASP、IIS、Dreamweaver MX和Access。【关键词】：Dreamweaver MX ，ASP ，AccessOnline stores Web site building

4、【Abstract】：With the high-speed computers and network development and the growing popularity, more and more businesses started in the online store to show consumers a different tradition to the new heaven and earth. In this paper, the use of drinking water Dreamweaver MX and ASP to website design to

5、the development process in order to achieve the ACCESS Web site database, site design and web site to achieve a detailed description of Dreamweaver MX from the ASP and the development environment set up to start a step-by-step understanding of ASP and Dreamweaver MX. This article includes Dreamweave

6、r MX, ASP language and basic concepts of advanced applications, ASP and database connectivity. Site is usually divided into front and back-office, the system is also true. Front desk to make inquiries, call the information-based database, the background is added to the database, delete the informati

7、on-based. This entire site is divided into two parts and to achieve independent design, and through a database linked to the intermediary. This site is prepared to use dynamic ASP Web site, in the time of the preparation through the use of HTML markup language to control the appearance of the site s

8、hows. Follow this web site applications the structure of WEB principle that B / S architecture, the use of the browser, WEB server, three-tier structure of the database. In this paper, the main design tools for ASP, IIS, Dreamweaver MX and Access. 【Key word】：Dreamweaver MX ，ASP ，Access一、 引言随着计算机和网络的

9、高速发展和日趋普及，越来越多的商家在网上开起商店，向消费者展示出一片不同传统购物的新颖天地。在美国、日本等信息化程度较高的国家和地区，网络商店发展速度迅猛，美国的世界级超一流的零售商，如沃尔玛、凯玛特 、科罗格、JC培尼等纷纷挤身于网络经商的行列。调查表明：美国的家庭已越来越习惯于在家中从网上购物。电子产品网络营销不同于传统营销，但同传统营销有着很深的联系。在从事电子产品网络营销过程中，企业可能会出现两个极端:一种是单独强调电子产品网络营销，忽视本企业市场营销工作的实际特点;另一种是将电子产品网络营销附属于传统营销，仅将其视为一种网上宣传工具。继续进行网络购物；有637没有购物经历的网民表示今

10、后会尝试网络购物。这些数据表明我国网上购物巨大的市场和发展潜力。（一） 设计思想及设计工具可视化的网页设计和网站管理工具，支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP 功能、处理Flash和Shockwave等富媒体格式和动态HTML、基于团队的Web创作。本文利用Dreamweaver MX和ASP进行饮用水购物网站设计的开发过程,以ACCESS实现网站数据库，对网站的设计及网站的实现进行了详细的说明，即从ASP和Dreamweaver MX的开发环境的架设开始，一步步了解A

11、SP和Dreamweaver MX。本文的主要内容包括Dreamweaver MX、ASP语言的基本概念及高级应用，ASP与数据库的连接。 使用Dreamweaver MX和ASP开发网站，是经过调查研究，并参考相关的系统资料，学习中外大型优秀网站的优点和特点进行开发设计的，具有一定的技术性。在不远的将来势必完全走向电子商务的现实，使本文采用Dreamweaver MX和ASP来研究网站的设计和实现具有一定的可行性。网站通常分为前台和后台，本系统也是如此。前台以查询数据库调用信息为主，后台则是向数据库添加、删除资料为主。这样把整个网站分为两个部分独立设计和实现，并通过数据库这个中介联系起来。它

12、们的联系如图1-1所示：图1-1 网站运行原理本网站是使用ASP编写的动态网站，在编写时通过使用HTML标记语言来控制网站的外观显示。本网站遵循WEB应用程序的结构原则，即B/S体系结构，采用浏览器、WEB服务器、数据库三层结构，该结构的核心是WEB服务器，它负责接受本地或远程的HTTP请求，根据查询条件到数据库获取相关数据，同时只查询结果以HTML文档的形式返给浏览器。为了网站内容丰富多彩可以使用图像处理软件例如Photoshop来制作或者修改图片。最后通过DAO(Data Access Objects)接口实现与数据库的交互。本文设计工具主要为ASP、IIS、Dreamweaver MX和

13、Access。ASP是Active Server Pages的简称，是服务器端脚本编写环境，使用它可以创建和运行动态、交互的Web服务器应用程序。ASP 内含于 IIS当中，目前IIS最高版本为6.0版本。使用ASP可以组合HTML页、脚本命令和Activex组件以创建交互的Web页和基于Web的功能强大的应用程序。ASP应用程序很容易开发和修改，用它创建动态Web页或生成功能强大的Web应用程序。ASP是经过服务器解析之后再向浏览器返回数据，所以就不必担心客户的浏览器是否能运行设计者所编写的代码，在客户端看到的只能是经过解析之后的数据，而无法获得源代码，这样也提高了代码的安全性。IIS是In

14、ternet Information Server的缩写，即Internet信息服务。它是一种Web服务，主要包括WWW服务器、FTP服务器和SMTP服务器等。Dreamweaver MX是Macromedia公司出品的网页设计软件，是建立 Web 站点和应用程序的专业工具。Dreamweaver MX能开发不同技术标准的应用程序软件，例如微软的ASP等。可以说Dreamweaver MX是当前最优秀、最强大的网页设计和开发软件之一，能够开发出丰富多彩、美观大方同时功能齐全的网站。开发人员可以将其选择的服务器技术与 Dreamweaver MX 配合使用，建立将用户连接到数据库、Web 服务和

15、旧式系统的强大 Internet 应用程序。（二）基于B/S的三层体系结构BROWSER/SERVER结构是由传统的两层CLIENT/SERVER体系结构发展而来。它从根本上改变了C/S结构的缺陷。传统的C/S模式主要应用于局域网环境下，受到地域的限制，并且它的安装和维护比较麻烦，在客户端集中了用户界面和事物处理逻辑模块，数据访问和计算等任务都由客户端担负。而B/S模式大大简化了客户机的工作，客户机只需安装和配置少量的客户端软件即可，服务器担负了更多的工作，对数据库的访问和应用程序的执行都在服务器上完成。B/S模式更为适应通过INTERNET进行通信，大大降低了对客户端的要求，可以不受地域的限

16、制。B/S体系结构的优点是，只要增加相应的程序模块就可以扩展系统功能，具有高扩展性，安装维护简单方便，用户界面简单易懂，数据集中管理，便于分散用户使用。Access数据源 数据源Internet信息服务器二、系统需求分析（一）系统目标利用INTERNET互联网络构件一套基于WEB技术的女装销售系统和管理系统，使之为饮用水零售商，特别是中小零售商提供快速、高效、灵活的网上女装销售活动，尽可能合理合法的为零售商降低成本，减少费用支出，提升赢利能力，增强竞争力。同时为广大消费者提供了一个更为经济、实惠的饮用水购物平台。（二）系统需求分析 需求分析的任务是通过详细调查现实世界要处理的对象（组织、部门、

17、企业等），充分了解原系统工作概况，明确用户的各种需求，然后在此基础上确定新系统的功能。新系统必须充分考虑今后可能的扩充和改变，不能仅仅按当前应用需求来设计数据库。本网站是一个网上购物网站。顾客要选购商品，设计者为顾客提供方便和清晰的商品选购环境，所以一个有结构性的界面设计是必须的，在商品展示和介绍上要力求突出商品的特点，还要突显会员在商品价格上的优惠，而且在适当的地方要给顾客适当的购物提示。网站需求分析，包括饮用水浏览者、饮用水购买者、网站管理人员三方面。饮用水浏览者的需求是查询该网站的饮用水，要想购买，则需要注册登录，成为饮用水购买者；饮用水购买者的需求是查询该网站的饮用水、个人购买情况及个

18、人信息的修改；网站管理人员对饮用水、会员进行管理和对在线支付信息的管理。网站管理人员的功能最为复杂，包括对购买者、饮用水进行管理和维护。饮用水浏览者可直接查看饮用水情况，如果饮用水浏览者注册个人信息并根据本人用户名和密码登录网站，成为饮用水购买者还可以在购物车进行本人购买情况的查询和维护部分个人信息。为了保护饮用水购买者的个人隐私，只有在浏览者帐号和密码相匹配时才可以查询和维护本人的购买情况和个人信息。饮用水网站管理人员功能的信息量大，数据安全性和保密性要求最高。本功能实现对饮用水信息、购买者信息管理和统计查看及维护。网站管理员可以浏览、查询、添加、删除、修改、统计饮用水的基本信息；浏览、查询

19、、统计饮用水信息，但不能添加、删除和修改购买信息，但是，删除饮用水购买者的某条基本信息记录时，应实现对该饮用水定单记录的级联删除。（三）系统综合要求前台要实现的功能：由于在商场进行购物的顾客是来自不同的群体，如何帮助他们正确使用购物过程中的操作和技巧，尽快投入到购物中，必须在这个设计中体现出来3。1 界面友好，操作简单，提供大量的使用和提示说明。2 提供会员制：只有注册的顾客才能够买本商场的商品，但对未注册的顾客允许浏览页面。3 提供最新、推荐、促销商品信息的浏览。4 对站内所有的商品能够进行分类，或无条件的模糊查询。5 显示商品的具体信息时，要详细显示商品的大部分信息，并注明不同用户和不同产

20、品价格区别，并能够提供对同类相关产品的显示。6 允许登录用户对商品进行评论，并能够对已发表的评论进行回复。未注册顾客可以浏览评论内容。7 为了更好与用户进行沟通，在首页要显示商场公告，并给注册用户提供发送站内短信的功能，以利于用户之间和用户与商场管理员之间的交流。8 对于用户购买物品到提交订单整个流程要做到简单明了、安全，尽量模拟现实购物的习惯。对于购物车内的物品要用列表一一显示出来，并提供删除功能，对于重复够买的物品要累加计算。在用户提交订单时要提供多种运送方式，并对信息提供重复审核的功能。9 为了增加商场的吸引力兼顾商场以后的发展方向和更贴近顾客，要为他们提供娱乐购物广场，使他们看到的不再

21、是单调的图片和文字，而是要享受虚拟现实中购物场景。充分发挥三维世界给用户生活带来感观上的享受。10 整个界面以蓝、绿色为主色调，布局统一，用CSS统一整个版面的样式。后台管理功能：要能够对网站绝大部分的动态信息直接操作，尽量不改动页面。提供订单管理，商品管理，会员管理，订单管理，管理员管理等。安全性：提供数据备份和系统日志查看和管理。系统性能要求：数据处理速度要快，并能够在短时间内响应顾客的请求。运行要求：为了使系统安全、稳定的运行，操作系统和数据库要采用服务器版，WEB服务器要能够允许多人在线同时访问。可靠性：系统运行数据要一致，如果遇到系统不能正常运行要提供快捷恢复方式。可用性：系统要能够

22、为以后商场不同业务的发展提供扩展功能。出错处理：对于用户输入的错误数据或非法数据，要尽量在程序中进行检验并提示相关预定义的错误。对于可能出现的系统错误要尽量隐蔽其细节，并转向相应的出错处理程序进行重新处理。（四） 系统功能划分1 用户注册登录系统用户通过此系统的注册成为本网站的一个会员，系统记录客户的详细资料，只有成为本网站的会员后才能参加购物活动，会员可以享受比市场价格低廉的会员价格来购买商品。2 用户浏览订购系统通过此系统用户可以浏览商品的详细信息,分类查询赶兴趣的商品,并将欲购买的商品放入购物车，购物结束后系统生成购物订单,用户通过订单号可以查询所购买商品的详细信息。3 网站后台管理系统

23、为了保证后台数据的安全，管理员需要输入密码和帐号才可进入此系统。在本系统中，管理员可以把商品分类，增加和删除各种商品，查询和处理用户的订单，管理商品的库存情况。另外还可以对用户和管理员进行不同的管理。三、 数据库设计（一）数据库的基本理论1数据库的数值查询方法所有的数据库通常都支持数值型、字符型、日期型、逻辑型四种基本的数据类型。数据库的基本数值查询也就主要涉及这四种情况。（1）字符串查询 使用SQL语言进行字符串查询时，字符串一定要使用单引号“”括起来，否则查询表会出错。例：误：strSQL=“SELECT * FROM Admin WHERE A_Name_S=admin”正：strSQL

24、=“SELECT * FROM Admin WHERE A_Name_S=admin”（2）布尔值的查询与操作对布尔值的查询，直接使用True、False或数值即可，不必加单引号“”，例：strSQL=“SELECT * FROM Admin WHERE A_IsDefault_B=False” strSQL=“SELECT * FROM Buy WHERE B_Count_N=3”（3） 数据库空值处理数据库中的空值是一个很抽象的概念，空值为NULL，它和没有值不同。例如一个瓶子，瓶子里边除了空气其他什么也没有，这是没有值；另外一个瓶子，里边是真空的，这叫空值。反映到程序上，也就是P_Int

25、ro_S=与P_Intro_S IS NULL是不同的。在读取数据库时，如果返回值是NULL，当把它赋值给一个String型的变量时就会出错，需要另外判断它是否为空，这就是为什么在前面数据库设计时要尽量指定字段为非空并指定默认值了。（4） ORDER BY子句对查询结果使用ORDER BY子句进行排序时，用来排序的列必须在查询当中列出，例：误：strSQL=“SELECT1M_ID_N，FROM Merchandise ORDER BY M_Storage_N”正：strSQL=“SELECT1M_ID_N，M_Storage_N FROM Merchandise ORDERBY M_Stor

26、age_N”（5） 查询个数的控制 不是每次查询都要把数据库里满足条件的内容都显示出来，这时可以使用关键字Top来控制每次查询的信息数。例：strSQL=“SELECT TOP 10 * FROM Admin WHERE A_IsDefault_B=False”2 数据库的数值插入方法向数据库的表中插入数据使用INSERT语句，有两种方式：一种是元组值的插入，另一种是查询结果的插入。在本网站中使用的是前一种方式。（1）插入单个元组的INSERT语句的格式为： INSER INTO(,) VALUES(,)； 其功能是将新元组插入指定表中，其中新记录属性列1的值为常量1，属性列的值为常量2，。I

27、NTO子句中没有出现的属性列，新记录在这些列上将取空值。 但必须注意的是，在表定义时说明了NOT NULL的属性列不能取空值，否则会出错。 如果INTO子句中没有指明任何列名，则新插入的记录必须在每个属性列上均有值。（2）子查询不仅可以嵌套在SELECT语句中，用以构造父查询的条件，也可以嵌套INSERT语句中，用以生成要插入的批量数据。插入子查询结果的INSERT语句的格式为：INSERTINTO表明属性列1，属性列2) -子查询；3 数据库的数值修改方法修改操作语句的一般格式为： UPDATE 表名 SET 列名=表达式，列名=表达式 WHERE条件；其功能是修改指定表中满足WHERE子句

28、条件的元组。其中SET子句给出表达式的值用于取代相应的属性列值。如果省略WHERE子句，则表示要修改表中的所有元组。（二）网站数据库设计与实现在网站后台中，数据库的地位是非常重要的，是一个网站正常运行的基础。数据库设计一方面需要科学与规范的方法，另一方面也需要丰富的经验指导。对数据库设计大致可以分为以下几步：（1）首先是收集、分析需求；（2）将需求抽象出实体、关系和他及其属性；（3）将这些实体、关系和属性按照一定规则转化为二元表结构。以上各步所对应的分别就是数据库需求分析、概念结构设计和逻辑界面设计，下面首先进行数据可需求分析。1 数据库需求分析数据库需求分析也属于软件工程中的需求分析阶段，在

29、这一过程中，主要是用来收集用户的需求，然后指导数据库设计。对没有项目管理经验或者准确地说是没有项目负责经验的人来说，他们对需求分析的重要程度往往是无法完全理解的。在事先的项目开发中，开发者不要去臆测任何的客户需求，因为假如将来客户需求有很小的更改时，就可能需要花费与开发几乎相同的代价去修改数据库，而这同时又涉及到程序的修改。因此比较恰当的办法是将数据库设计的更容易扩充，争取做到即使需求改变，也只需要修改一小部分程序即可，而数据库设计不需要的修改。通过上述功能分析，针对一般销售网站的需求，总结出如下的基本需求信息：用户分浏览者用户、购买者用户和管理员用户，浏览者用户无需登录就可以浏览网站；需要有

30、网站介绍性内容，如关于我们、联系我们等；有新品推荐介绍，并在首页突出显示推荐的产品；经过上述功能分析和需求总结，涉及如下的数据项和数据结构：管理员信息， 包括数据项：账号、姓名、密码；会员注册信息，包括数据项：会员序号、会员密码、会员姓名、会员性别、重获密码所提的问题、重获密码的问题回答、会员邮箱、会员电话、会员地址、会员邮编、注册时间；商品信息， 包括数据项：商品编号、商品名称、商品型号、商品单位、商品品牌、热卖价、市场价、商品简介、录入时间、商品介绍；订购商品信息，包括数据项：商品序号、商品编号、会员帐号、订货时间、订货数量、支付方式、会员姓名、会员地址、会员电话、会员邮编、配送方式、会员

31、邮箱。2 数据库概念结构设计 经过上面的分析，设计出能满足用户需求的各种实体 ，以及他们之间的关联，为后面的设计打下基础。这些实体包含各种具体信息，通过相互之间的关联形成数据的流动。根据上面的设计规划出的实体有：商品信息实体、会员注册信息实体、订单实体、商品分类实体。各实体关系间的E-R图： 图3-1饮用水购买的E-R图3 系统前台购物和后台管理流程图系统的前台购物流程图如图3-2：当顾客想在商场购买物品时，必须通过会员登录模块验证才行，无论登录成功或失败都要写入用户日志文件。顾客成功登录后就可以把他的物品放入购物车并可以随时到收银台进行结账。用户进行结账时，首先生成一张临时的订单，订单包括用户购买物品结算后的总额和某些个人信息。然后，用户可以根据需要选择支付方式，并可以修改其中某些个人信息。当用户确认提交订单后，这时物品购买流程才结束并写入订单库，同时显示用户订单号和本次付款总额。后台管理流程图如图3-3： 图3-3管理员通过后台入口进入管理登录模块，无论是否成功，登录都会写入用户日志文件。当管理员成功登录后，他就可以对自己的某些信息进行修改，并根据自己的权限对管理用户进行操作。管理员可以根据业务的需要对商品、订单、类别、会员、用户短信文件、网站信息、菜单、和