生成 Html页面的商场购物系统的设计与实现.docx
《生成 Html页面的商场购物系统的设计与实现.docx》由会员分享，可在线阅读，更多相关《生成 Html页面的商场购物系统的设计与实现.docx（26页珍藏版）》请在冰豆网上搜索。
生成Html页面的商场购物系统的设计与实现
生成Html页面的商场购物系统的设计与实现
摘要：
基于B/S模式，使用Dreamweaver、Photoshop等开发工具设计商场购物信息的系统框架，利用ASP+ACCESS技术架构，完成商场购物网站的制作。
具体包括前台界面设计、系统功能模块设计、后台数据库设计及编码实现方法。
采用ASP的编程方法将商场购物系统的所有固定信息生成静态Html页面。
关键词：
B/S模式；商场购物系统；框架；ASP；静态Html页面
TheDesignAndRealizationofMarket
ShoppingSystemWithFormTheHtmlPage
Abstract:
BasedonB/Spattern,usesDreamweaverandPhotoshoptodesignwhichinformationissuesystemframeandusestheASP+ACCESStechnologyframe,completesthemarketshoppingsystem.Includestheonstagecontactsurfacedesign,thesystemfunctionmoduledesign,thebackstagedatabasedesignandthecoderealizationmethod.UsesASPtheprogrammingmethodtomarketshoppingsystemallfixedinformationproductionstaticstateHtmlpage.
Keywords:
B/Smode；Marketshoppingsystem；Frame；ASP；StaticHtmlpage
1前言
在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，在人们政治、经济、生活等各个方面发挥着重要的作用。
Internet上发布信息主要是通过网站来实现，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。
尤其在中国进入世贸组织以后，网络消费市场更充满了商机。
因此构建一个商场数字电视信息发布网站，让浏览者通过浏览网站更多的了解商场商品的信息是最终目的。
当互联网正在深刻地改变着生活时，网络已经不仅仅是概念的演绎，在生活工作的各个方面，都越来越多地留下了印记。
商场购物系统的实用价值油然而生。
更多的消费者已经渐渐的从出门逛商店购物，到习惯通过网络选择合适的商品，商场购物系统就为想网络购物的消费者提供了个良好的平台。
运用ASP技术和网络数据库原理[1]，基于B/S模式开发了一个商场购物系统。
在该系统中，顾客可以很方便的注册成为会员，对商品进行浏览检索，查看商品的详细资料，然后根据各人的喜好购买心仪的商品。
系统会自动为顾客生成订单，按照顾客所填写的信息提交订单并发货。
系统管理员则可以对现有的商品进行添加和编辑，审查已注册用户并对提交的订单进行处理[2]。
2需求分析
2.1课题工作
本课题的主要工作是设计生成Html页面的商场购物系统网站，包括ASP,JavaScript，使用Deramweaver、Photoshop等开发工具设计出商场购物信息系统框架，ASP+ACCESS技术架构，完成商场商品购物系统网站的设计。
使用ASP中FSO函数系统从动态页面到静态页面的转换。
2.2课题任务概述
该课题需要完成以下几方面的工作：
⑴分析商场每天商品的数据信息。
⑵构建与商场数据信息有关的数据库。
⑶利用Deramweaver、Photoshop等开发设计信息发布系统框架，ASP+ACCESS技术架构，完成商场数字电视信息发布系统网站的制作。
⑷使用ASP中FSO函数编程，使系统自动从数据库中提取商品动态信息生成静态页面。
⑸设计后台管理，使之能够管理整个网站的相关数据信息。
以下是整个工作的流程图：
图1工作流程图
Fig1Flowchartofwork
根据本次课程设计需要完成的任务，将使用到的开发工具有：
DreamweaverMX（制作网页的框架、进行可视化编程，基于ASP的编程平台等），Photoshop（进行图片的处理），ACCESS（构建数据库），ASP（编写相关程序代码）。
2.3开发工具及开发平台的简介
2.3.1DreamweaverMX简介
系统特点：
近几年来Macromdedia公司推出的Dreamweaver与Firworks、Flash相结合的软件在创建多媒体网页方面独占鳌头，风靡世界，被人们赞为“梦幻组合”。
但遗憾的是他访问数据库的能力并不大强。
2000年推出的DreamweaverUltraDev1.0以及2000年12月推出升级后的DreamweaverUltraDev4.0后，情况有了根本性的变化，直至发展到今天我们所用的DreamweaverMX，升级后的DreamweaverUltraDev不仅完全保持了原有的优势还大大加强了后台访问数据库的能力，使得它成为Web开发者公认的高效而又完整的首选工具。
可应用于快速开发新闻和信息、网上教学、企业内部管理、电子商务以及其他大型综合网站等项工作。
其系统有以下特点。
DreamweaverUltraDev是由Dreamweaver和UltraDev两个部分组成[3]。
Dreamweaver主要用于开发动态网页，UltraDev主要用于开发服务器端服务，两者一起组成了一个前台与后台密切结合的完整系统。
超强的多媒体功能。
除继承Dreamweaver4.0与Firworks4和Flash5继承的全部优势外，还以开放的形式将ActiveX、Javaapplet等技术纳入与系统中。
系统提供了大量内部函数和脚本，在很多情况下开发者可以不写一行代码，或者只需写上少数几行代码就能完成需要书写几百行代码才能完成的工作。
与此同时系统还给设计者提供了编写脚本、创建新服务器行为等方面的工具，为快速而又灵活的使用系统提供了方便。
它是第一个允许在同一环境中选用ASP、JSP或ColdFusion等不同语言的系统，从而能在最大范围满足开发者的不同习惯和爱好。
系统提供了非常友好的设计界面。
设计者可以在可视界面、代码界面、拆分界面之间快速切换。
系统还提供了活动数据窗口（LiveData）,设计者可以在不脱离涉及环境的条件下直接预览到在浏览器中运行的部分情况[4]。
2.3.2Access数据库简介
Access2000是Microsoft公司推出的Office2000组件之一，是目前比较流行的、功能强大的桌面数据库管理系统。
使用Access2000无需编写程序代码，仅通过直观的可视化操作即可完成大部分数据的管理工作。
与低版本的Access数据库管理系统相比，Access2000不仅继承了以往界面清晰、操作简单等许多优点，而且新增了更易于使用的功能，例如：
对“数据库”窗口进行了重大改进，使其更类似Outlook的界面。
用户不仅可以打开以前版本的Access数据库，而且可以将以前版本的Access数据库转换为Access2000数据库，甚至还可以将Access2000数据库保存为以前的Access版本。
允许用户通过简单、快捷的方法创建绑定数据的HTML格式的数据访问页，数据访问页提供给用户在Web上提供数据的能力。
使用Access2000设计数据访问页时，可以利用系统提供的OfficeWeb组件向数据访问页中添加Office数据透视表、Office电子表格以及Office图表等。
当用户学习使用Access2000时，会觉得制作数据库是一项简单的工作[5]。
数据库是有结构的数据集合，它与一般的数据文件不同（其中的数据是无结构的），是一串文字或数字流。
数据库中的数据可以是文字、图像、声音等。
MicrosoftAccess是当今市场上最杰出的多媒体数据库管理软件之一，同时也是最优秀的Windows数据库系统。
MicrosoftAccess是一种关系式数据库，关系式数据库由一系列表组成，表又由一系列行和列组成，每一行是一个记录，每一列是一个字段，每个字段有一个字段名，字段名在一个表中不能重复。
Access与许多优秀的关系数据库一样，可以让你很容易地连接相关的信息而且还对其他的数据库系统有所补充。
它能操作其它来源的资料，包括许多流行的PC数据库程序（如dBase，Paradox，MicrosoftFoxPro）和服务器、小型机及大型机上的许多SQL数据库。
Access还完全支持Microsoft的OLE技术[6]。
2.3.3ASP基础知识
⑴ASP（ActiveServerPages）简介：
目前Internet上的许多站点，仍然提供“静态”（static）的网页内容。
所谓“静态”，指的就是站点的主页内容是“固定不变”的。
当浏览器通过Internet的HTTP（HypertextTransportProtocol）协议，向站点服务器（WebServer）要求提供主页的内容时，站点服务器收到要求后，就传送已经设计好的静态的HTML的文件数据给浏览器。
一个“静态”的站点，若要更新主页的内容，必须手动的来更新其HTML的文件[7]。
ASP技术是Microsoft公司开发的一套全新的服务器端脚本程序环境，是根据客户端的不同请求，在服务器端经过相应的ASP程序处理生成不同的静态HTML页面，并传输回浏览器的技术。
因此，同样可以处理数据库查询等一系列数据库访问请求。
实际上是将标准的HTML文件拓展了一些附加特征。
ASP像标准的HTML文件一样包含HTML语句，并且在一个浏览器上解释并显示，但为HTML编写人员提供了在服务器端运行脚本的环境，使HTML编写人员可以利用VBScript和JScript或其它第三方脚本语言来创建ASP。
一个ASP文件的后缀为.asp，其中包含实现动态功能的VBScript或JScript语句，如果去掉那些VBScript或JScript语句，它和标准的HTML文件没有任何区别。
ASP提供了一些内建对象，这些对象会允许您从浏览器中接收和发送信息，利用这些内建对象，可以使你的脚本更加强大。
例如利用request对象，你可以接收用户的HTML表单中的信息并加以处理。
ASP包含标准的ActiveX组件，这些组件可以实现一些复杂的功能，如使用数据库等。
不过使用者并不会被此局限，可以轻松创建属于自己的附加ActiveX组件。
这意味着可以不加限制地拓展ActiveX组件。
ASP可以和诸如Access这样的数据库进行连接，这是ASP一个非常强大的功能所在。
在线商务以及在线论坛等各种非常高级的、动态更新的站点都需要数据库的支持，而且需要随数据库内容的更新而自动更新。
这样，使用者可以利用ASP自己建立很多类似的高级站点。
ASP所设计出的是动态网站，可接收用户提交的信息并做出反应，其中的数据可随实际情况而改变，无须人工对网页文件进行更新即可满足应用需要。
例如，当浏览器用户申请主页时，可以调用ASP引擎，解释被申请文件。
当遇到任何与ActiveXScripting兼容的脚本（如VBScript和JScript）时，ASP引擎会调用相应的脚本引擎进行处理。
若脚本指令中含有访问数据库的请求，就通过ODBC与后台数据库相连，由数据库访问组件执行操作。
这样，在站点服务器上执行的不只是一个简单的HTML文件，而是一个复杂的应用程序。
该应用程序分析用户的请求，根据不同的请求将相应的执行结果（通常是数据库查寻的结果集）以HTML的格式传送给浏览器。
在结构上，由于ASP是通过ODBC与数据库打交道，数据库的数据可以随时变化，而服务器上执行的应用程序却不必更改，客户端得到的网页信息会始终保持新鲜的魅力[8]。
⑵ASP的特点：
①可以混用。
ASP用HTML，DHTML，ActiveX，VBScript，JScript，并且可以相互嵌套。
②ASP是纯文本格式，直接请求就可以直接在服务器上运行。
③安全性好。
ASP是一种在Web服务器端运行的脚本语言，源代码不会传到客户的浏览器上，可保护源程序不外漏，也可以将ASP代码进行封装成DLL组件实现更加安全的机制。
④面向对象。
ASP正是通过其自身包含的对象来实现服务器与客户端交互的可扩充服务器端功能。
利用ASP提供的一组ActiveX服务器组件（ActiveXServerComponents）可继续扩充ASP的功能，如用ASP内置ADO组件可以轻松的存取各种数据库。
此外，还可以用VB，Java等语言开发自己的组件以进一步扩充其功能。
⑤与浏览器无关。
ASP可以将运行结果HTML的格式传送到客户端浏览器，因而可以使用于各种浏览器。
⑥ASP语言是解释性语言，不是编译性语言。
服务器只要在使用时对其进行解释执行即可，不需要事先编译好可执行程序，节省大量资源。
⑦ASP程序的执行与客户端浏览器版本无关。
由于ASP程序在服务器被解释成为一个特定的静态HTML页面，因此只要是支持这个HTML页面的浏览器都可以支持ASP。
⑧ASP的语法结构简单。
由于ASP将程序设计的控制部分全交给了宿主脚本，自身只提供标准的组件和内置对象。
因此，ASP自身的语法很简单。
⑨ASP的编程环境简单。
只需要在机器上建立了ASP服务环境，那么随便一个文本编译器就可以实现ASP程序的编制工作。
⑩ASP的学习环境好。
由于网络上目前大多数的网站都是采用ASP技术，因此相关的资料、介绍等有很多，很容易获得这些学习资料来辅助学习。
⑶ASP的使用范围：
在利用ASP实现各种功能时几乎没有什么限制，只要网站存在并正常运行。
用ASP编写出的系统，完全可以达到原来使用Client/Server的网络数据库系统的水平。
使用ASP最大的好处是，在程序员对程序进行升级时，只需要修改服务器上的ASP文件，而不需要修改客户端程序。
因此根据以上特性，本次设计用ASP可以方便地实现诸如表格信息收集、计数器、留言簿、公告板等功能。
ASP还可以轻松地实现对页面内容的动态控制，为不同的浏览者定制不同的页面内容，适用于任何浏览器、聊天室以及电子商务等[9]。
2.3.4IIS概述
IIS服务器的特性：
①IIS可以赋予一部主机电脑一组以上IP地址，而且还可以有一个以上的域名作为Web网站。
您可以利用TCP/IP内容设置两组以上的IP地址给它，除了为网卡再加进一组IP地址之外，必须在负责这个点的DNS上为这组IP地址指定另一个域名[10]。
完成这些步骤以后，在InternetServiceManage中就会出现一个虚拟Web服务器。
虚拟服务器（VirtualServer）必须有它自己的主目录（HomeDirectory）。
对于IIS来说，所有服务器都是它的虚拟服务器。
②在互联网上，有很多网站需要多部服务器才能够应付来自客户端的请求。
这就需要利用DNS所具有的功能，将一组以上的IP指定给同一个域名。
每当这个网站接到服务要求，由DNS负责进行解析，它会指定域名的下一组IP地址给它。
若要求采用这套做法，服务器的内容必须逐一复制到每一部服务器上。
③为了存取后端数据库，IIS支持以下三种方式：
IDC：
InternetDataConnector
ADO：
ActiveXDataObject
ADC：
AdvancedDataConnector
2.4设计思想
系统设计思想在一定程度上决定了一个系统设计的成败，也从某个角度反映了一个系统的生命力；好的设计思想不仅能迅速完成设计，而且还能便于以后扩展和维护。
本课题选用ASP+ACCESS技术架构实现。
商场信息发布系统是一个典型的B/S（Browser/Server），即浏览器/服务器结构的应用，它的大部分功能都是基于数据库的操作。
通过对本课题的研究，能熟练掌握B/S应用系统的相关开发技术和网络数据库的编程方法。
Browser/Server思想：
商场购物网站的特点就是利用Browser/Server（B/S）结构，实现商品信息的在线添加，编辑，会员的在线管理等功能。
这种系统的优势在于系统简单，功能强大，扩展能力良好以及能够方便的跨地域操作等性能[11]。
Client/Server（C/S）模式与Browser/Server（B/S）模式是现在比较流行的两种数据库应用模式。
单独应用哪一种模式都受其自身弱点的限制。
C/S模式主要是在以局域网为基础的环境下展开应用的，它受到地域的限制。
而B/S模式通过Internet进行通信，可以不受地域的限制,但是它不能够进行联机事务处理，并且在处理大量数据的情况下，速度较慢。
从目前的开发技术来看，Browser端作为信息收集源，特别是大量的数据录入工作还不能完全取代Client端的用户界面。
在这方面，Client端的各种开发工具的功能更加强大也更加灵活。
对于本系统，其功能目标是要将商品信息的宣传从人工发送宣传海报的传统模式向网络宣传新商品信息的现代模式转变，同时还要能对宣传内容和输入数据进行管理。
所以选择用Browser/Server（B/S）结构比较适合。
2.5数据流图
图2宏观数据流图
Fig2MacroscopicDFD
注册用户表商场信息表评论信息表
登录信息
错误信息
图3用户数据流图
Fig3UserDFD
用户表商品信息表
登录
错误口令
图4管理员数据流图
Fig4ManagerDFD
3概要设计
3.1功能模块划分
图5系统前台结构功能图
Fig5Thestructurefunctionalchartofthesysteminterface
图6系统后台结构功能图
Fig6Thestructurefunctionalchartofthesystemmanagement
具体功能设计：
⑴商品信息发布功能
发布卖方销售商品信息，卖方注册取得授权后可在系统后台随时增添、修改、更新销售商品信息。
⑵商品信息查询功能
为买方提供模糊查询商品信息、搜寻商品，买方注册后可通过分类、关键词等方式查询信息。
⑶网上购买（购物车）功能
买方确定购买对象、下订单、进入购物系统，完成购买。
⑷网上结算模拟银行功能
系统采用网上模拟银行方式，支持网上结算，买方注册，经过模拟认证后，即得一个银行帐号，凭此帐号在网上处理购买结算。
⑸订单管理功能
系统内构成由订单生成，按时间顺序生成订单号、订单入库，订单查询组成的完整的订单处理流程。
⑹客户管理功能
系统实行会员注册，对买卖双方的相关信息、交易信息等实行跟踪管理。
⑺商品管理功能
由系统管理员或由系统管理员授权委托管理整个系统的卖方商品信息。
⑻配送管理功能
合同（订单）确认后，卖方向买方送提货单证（网上下载），凭单提货、配货送货。
⑼商品退货处理功能
体现售后服务中不合格退货的要求，系统支持退货处理，包括货款退还的操作。
⑽系统后台管理功能
系统拥有强大的后台管理功能，支持整个购物过程各个环节的后台管理和后台操作，包括：
商品信息的更新，会员信息注册修改、商品库后台管理，模拟银行管理等
3.2数据库设计
3.2.1数据库分析
在本系统的后台管理中，主要实现的是对商场中商品，以及其他项目数据信息的管理，如查询，添加，删除，修改[12]。
只有设定的管理人员才能进入管理系统对数据进行数据的操作。
所有操作直接反映在数据库中，与前台的界面没有联系。
也就是说，后台管理和前台界面是通过数据库联系的。
根据系统的实际要求，将后台管理的分为登录模块，查询模块，添加模块，删除模块，修改模块这5个模块。
其中对错误消息的处理，通过TRY语句交给系统处理。
其中显示TYPE表中信息的DROWDOWNLIST控件，需要在页面中生成，然后将TYPE表中的数据填充到控件中，在每一个页面的Page_Load初始化函数中来加载这些信息，所有操作会在页面生成之前来执行
3.2.2数据库逻辑结构设计
创建E-R图（如图7）
图7数据E-R图
Fig7DataE-Rchart
得到上面的数据项和数据结构以后，就可以设计出能够满足用户需求的各种实体，以及它们之间的关系，为后面的物理结构设计打下基础。
这些实体包含各种具体信息，通过相互之间的作用形成数据的流动。
本系统根据上面的设计规划出的实体有：
家品信息实体、女人用品信息实体、男人用品信息实体、小孩用品信息实体、成人用品信息实体。
3.2.3数据库的建立
在Access中创建数据库，建立主要的数据表
表1：
管理员信息表表名：
norshop_admin
Table1ManagerinformationtableTablename：
norshop_admin
字段名称
是否主键
数据类型
说明
admin_id
Y
自动编号
ID自动生成
admin_name
N
文本
用户名
admin_pass
N
文本
密码
admin_class
N
数字
管理员等级
lastip
N
文本
上次登录IP
lasttime
N
日期/时间
上次登录时间
landtimes
N
数字
登录次数
表2：
用户信息表表名：
norshop_user
Table2UserinformationtableTablename：
norshop_user
字段名称
是否主键
数据类型
说明
id
Y
自动编号
ID自动生成
username
N
文本
登录用户名
userpass
N
文本
登录密码
useremail
N
文本
EMAIL
question
N
文本
密码提示问题
answer
N
文本
密码提示答案
savemoney
N
数字
积分
degree
N
数字
登录次数
regtime
N
日期/时间
注册日期
landtime
N
日期/时间
最后登录日期
user_tupe
N
数字
用户类型
user_lastip
N
文本
上次登录IP
user_tel
N
文本
电话号码
user_adds
N
文本
用户详细地址
user_postcode
N
文本
用户邮编
user_namec
N
文本
用户真实姓名
user_fav
N
文本
收藏夹
表3：
评论信息表表名：
norshop_article
Table3CommentoninformationtableTablename：
norshop_article
字段名称
是否主键
数据类型
说明
id
Y
自动编号
ID自动生成
a_name
N
文本
文章名称
a_author
N
文本
文章作者
a_content
N
备注
文章内容
a_from
N
文本
文章来源
a_date
N
时间/日期
日期
a_sort
N
数字
大类
a_
升级会员 