购物网站设计与实现计算机网络

1、 计算机网络设计报告 题 目 购物网站设计与实现 学生姓名 学 号 学 院 计算机与软件学院 专 业 软件工程 指导教师 二一六 年 六 月 十 六 日目录1、引言21.1购物网站现状21.2设计目的21.3设计思路和内容22、系统开发的关键技术研究32.1 ASP简介33、配置Microsoft IIS44、ASP的脚本语言52.2动态网页开发工具Dreamweave简介52.3系统数据库介绍52.3.1数据库的概念52.3.2 MICROSOFT SQL SERVER简介63、网站设计63.1需求分析63.1.1系统功能分析63.2数据库设计73.2.1数据库概念设计7 3.2.2数据库表

2、的介绍83.2.3建立数据库连接114、详细设计134.1系统模块的程序流图134.2系统模块需求分析145、 系统实现145.1登录界面145.2浏览界面185.3购物车界面205.4订单界面22购物网站的设计1、引言1.1购物网站现状随着互联网的普及和发展,具有开放性、国际性、实时性、互动性、便捷性及低成本特点的电子商务“永不关门”的商场，将是企业和个人的最终选择。经济的市场化与全球化和互联网的普使电子商务迅猛发展。越来越多的商家开始建造自己的购物网站，向消费者展示出一片新鲜的购物大地。依照国内现状，地大宽广使得网上购物愈加频繁，这就使得购物网站的必须性愈加凸显。1.2设计目的满足日益增长

3、的网络购物现状，能够展示一个简便、快捷的网络购物界面，使得网购更简单、方便，适用于更多的人群。伴随着电子商务技术的不断成熟，电子商务的功能也越来越强大，注册用户可以在网上搜索购买到自己想要的各种商品，初步让人们体会到了足不出户,便可随意购物的快感。1.3设计思路和内容根据当前网络运行状态以及百姓消费形式，需要建立起动态的服务网站。动态服务器网页（Active Server Pages），由微软公司开发的服务器端运行的脚本平台，它被Windows下Internet Information Services (IIS)的程序所管理。通过ActiveX server 的技术让不同的用户能有不同的画面

4、，或需要让他们可以访问服务器 (server)上的数据时，使用ASP3.0中提供了五个自带的对象创建模拟和安全性的动态内容，来协助程序员隐藏复杂的沟通机制，让程序员可以专注在解决问题和应用之上，这样可以更快速地开发动态网页的同时每一个组件都是可以由一组富有经验的程序员根据动态网页最常用的功能而独立开发。本网站应用了网页设计工具Dreamweaver,使用ASP作为开发工具，Microsoft Visual Studio作为后端程序编程平台，并采用Microsoft SQL server数据库构建了一个能实现简单的小型动态购物网站。该系统能实现游客浏览网站，用户注册、登录、浏览网站，下订单购买商

5、品，处理订单，系统基本上具备一个网上商品销售系统应该具备的功能，该设计项目基本上体现了构建一个动态商务网站所需要的技术。2、系统开发的关键技术研究2.1 ASP简介ASP（Active Server Pages）实质是一种服务器端脚本环境。ASP脚本呈现将在服务器端运行。客户端只要使用可执行HTML代码的浏览器，即可浏览通过ASP设计出来的页面内容。当程序执行完后，服务器仅将执行的结果返回给客户端浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。ASP隐藏了网页服务器与浏览者之间沟通的繁琐机制的同时也基于script base的特性，网页撰写员可以专心撰写应用的程序的逻辑部份，再

6、者ASP也像 HTML 般通过撰写程序来实时测试网页是否安全地运行，而不必担心程序和服务器不能沟通的问题，另外因为那些 script 是于发送前于服务器中先行转译处理成为HTML后再而发送至代理服务器边的动态网页技术，不必担心浏览器的支持性及网页撰写员的程序逻辑像 client-side script 会被盗用，因此最终浏览者只会是使用 HTML 来浏览。利用ASP程序最常用的是Cookies，它利用Session组件实现的。同时还可以利用第三方组件延伸ASP的作用，如利用MailSender组件发送电子邮件。通过ASP我们可以结合HTML网页、ASP指令和ActiveX组件创建动态、交互且高

7、效的WEB服务器应用程序。同时，ASP也支持VBScript和JScript等脚本语言，默认为VBScript。其中JScript是微软公司的ECMAScript标准的实现，并且有自己的扩展。ASP对 COM 的支持会允许撰写员使用 server component（或OLE Automation server）。通过它撰写员可以发展自已的对象，或将把程序转成 Web-base 的接口。状态管理是ASP的重要功能之一，原因为HTTP是一个stateless的协议，当有匿名的 request进入时，浏览者无法辨认这些的request 是否安全，或那些request 之间的关连性时，便无法通过浏览

8、者取得信息如帐户及密码等，对交易特性的 Web 应用程序造成了阻碍。因此ASP通过 cookie的包装和使用让浏览者可以简单地管理众多用户名称的不同状态。1、ASP的5大组件：l Application：在一个 ASP-based application 让不同用户共享信息。l Request：从用户处理取得信息l Response：将信息送给用户l Server：提供一些 Web Server 的工具l Session：存储在一个 session 内用户的信息可以把这些对象看作是基于ObjectContext对象的一个层次关系的成员，这有助于理解它们与接受和响应客户请求的过程之间的关系，如图

9、2-1所示。图中表现了ASP和创建及服务于ASP页的过程之间的关系。图2-1 B/S图2、 ASP原理： ASP是经过服务器解析之后再向网页浏览器返回数据，所以有了ASP就不必担心客户的浏览器是否能运行你所编写的代码。因为所有的程序都将在网页服务器端执行，包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。 由于代码是需要经过服务器执行之后才向浏览器发送的，所以在客户端看到的只能是经过解析之后的数据，而无法获得源代码，故编写者不用担心自己的源代码会被别人剽窃。但不排除黑客利用系统漏洞窃取服务器端的

10、ASP源代码。 基于这样的解析方式，也导致运行ASP页面相对于普通的HTML页面要慢一点。因为普通的HTML页面只需要浏览器就能够解析，而ASP则必须是服务器将整页的代码都执行一遍之后再发送数据。 ASP提供与数据库的交互，如Microsoft SQL Server、Microsoft Access、MySQL和Oracle，比较流行的是ASP和Microsoft SQL Server的组合。3、配置Microsoft IISa、IIS是如何工作的IIS是允许在公共Intranet或Internet上发布信息的Web服务器。IIS（Internet Information Server）ASP

11、的的开发依赖于IIS，IIS可在多种平台上运行：WindowsXP,Windows2000全系列包括Professional、server、Advanced Server三个版本，WindowsNT Server和Windows98上的Personal Web Server（PWS)等平台上都可以。Web是基础的请求和响应系统。Web浏览器通过将URL发送给Web服务器请求信息。Web服务器通过返回超文本标记语言（HTML）页面响应。b、 安装IIS我安装的是WindowsXP Professional版本的，所以以WindowsXP Professional版来介绍IIS的安装方法。（1）

12、在控制面版中选择“添加/删除程序”（2） 点击“添加/删除Windows组件”（3） 确认只选中第一项Internet信息服务（IIS），然后点击下一步即可自行进行安装。（4） 系统配置安装完成后，就会弹出一个安装“完成”的对话框来提示安装完成，只要点击“完成”即可。这样IIS安装完毕。4、ASP的脚本语言在这里我们会了解到HTML语言、VBscript和Jscript的脚本语言。a、 HTML语言HTML文件由浏览器解释，通过网络传输协议，可以从一台机器传输到另一台机器上。b、 VBscript语言VBScript既可以作为客户端编程语言，也可以作为服务器端编程语言。客户端编程语言是可以由浏

13、览器解释执行的语言。c、JScript语言JScript可以作为服务器端编程语言，也可以作为客户端编程语言。由于JScript不是ASP的默认脚本语言，所以要使用时必须事先声明，如：语句在这里声明使用JScript。2.2动态网页开发工具Dreamweave简介 Adobe Dreamweaver，简称“DW”，中文名称 梦想编织者，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Adobe Dreamweaver使用所见即所

14、得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能。它有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。 2.3系统数据库介绍2.3.1数据库的概念数据库是以数据（数据就是对客观事物的符号表示，是存储在计算机中的模拟客观事物的一系列信息。对于计算机科学而言，数据的含义极为广泛，凡是可存储的信息，如文本、图像、声音等都可以通过二进制编码而形成数据）为对象，指指为了满足某种特定应用的需要，按照一定的数据模型在计算机系统中组织、存储和使用数据的数据集合。数据库系统是管理大量的、持久的、可靠的和

15、共享的数据的工具。数据库有以下特点：1.集成性：数据有两层含义，一个是数据本身，一个是数据之间的关系。集成就是指把数据集中到一起来，按照一定的结构形式进行存储，并通过一系列的机制约束数据之间的关系，避免数据重复或不合要求。2.量大性：数据库中存放的数据量一般都比较庞大，不能同时在内存中全部调用，而只能通过外部存储器存储，通常使用大容量的可移动磁盘或硬盘等设备。3.共享性：指多个不同的用户，为了不同的目的，可以使用不同的语言，通过不同的方式，访问同一个数据库，而访问的范围、可执行的操作会有所区别。数据库系统会提供相应的机制，保证这种共享在有序的条件下进行，可以避免因为同步而造成的错误。4.持久性

16、：一般来说，数据库中式数据都需要长期保存。2.3.2 MICROSOFT SQL SERVER简介 SQL Server 是Microsoft 公司推出的关系型数据库管理系统。具有使用方便可伸缩性好与相关软件集成程度高等优点，可跨越从运行Microsoft Windows 98 的膝上型电脑到运行Microsoft Windows 2012 的大型多处理器的服务器等多种平台使用。Microsoft SQL Server 是一个全面的数据库平台，使用集成的商业智能 (BI)工具提供了企业级的数据管理。Microsoft SQL Server 数据库引擎为关系型数据和结构化数据提供了更安全可靠的存

17、储功能，使您可以构建和管理用于业务的高可用和高性能的数据应用程序。3、网站设计3.1需求分析3.1.1系统功能分析本系统是一个小型的电子商务系统购物，可以为用户提供方便的在线购物环境。用户可以在系统中实现注册、浏览商品、下订单、处理订单等功能网站的组成由以下几个子系统组成：1.主页，显示欢迎界面，提供近期的商品。2. 购物车，处理订购并显示想要订购的商品。3.订单处理，修改用户的订单。4.用户注册系统，处理新用户的注册和老用户购物时的确认。3.2数据库设计本系统数据库的功能主要是存储网站中所有数据，以便进行操作。本系统的数据库文件名为demobook.mdf，保存在系统文件的demobook子

18、目录中。主要由users、product、orders、orderdetail四个表组成。3.2.1数据库概念设计通过对购物网站功能及数据流图分析，设计如下的数据项和数据结构，并得到以下系统的实体联系图，即ER图：l 用户信息，包括的数据项有：编号、用户名、密码、地址、邮件、电话号码，用户实体图如图3.1所示。图3.1 用户信息E-R图l 商品信息，包括的数据项有：编号、名称、显示图片、价格、库存量、折扣，商品实体图如图3.2所示。图3.2商品信息E-R图l 订购信息，包括的数据项有：编号、订单号、用户名、时间、价格，订购实体图如图3.3所示。图3.3 订购信息E-R图l 订单信息，包括的数据

19、项有：编号、订单号、支付时间、价格、用户名、地址、送货方式、支付方式、订购时间，订单实体图如图3.4所示。图3.4 订单信息E-R图3.2.2数据库表的介绍 users该表比较简单，主要用来存储用户名帐号和密码以及用户信息，该表的结构如表3-1所示： 表3-1 数据表“users”的结构字段名描述类型长度是否空是否主键UserID编号int否是UserName用户名varchar50是否UserPass密码varchar50是否UserPhone电话号码varchar50是否UserEmail邮件varchar50是否UserAddress地址varchar50是否 product该表存储了商

20、品信息，该表结构如表3-2所示：表3-2 数据表“product”的结构字段名描述类型长度是否空是否主键ProID编号int否是ProTitle名称varchar50是否ProUrl图片text是否Price价格varchar50是否ProAccount存货int是否Discount折扣decimal10,1是否 orders该表存储了订购信息，该表结构如表3-3所示：表3-3 数据表“orders”的结构字段名描述类型长度是否空是否主键Id编号int否是OrderID订单号varchar50是否UserName用户名varchar50是否OrderTime订购时间varchar50是否Pay

21、Total价格varchar50是否 orderdetail该表存储了客户定单的资料，该表结构如表3-4所示：表3-4 数据表“orderdetail”的结构字段名描述类型长度是否空是否主键ID编号int否是OrderID订单号varchar50是否PayTime支付时间varchar50是否PayTotal价格varchar50是否UserName用户名varchar50是否Address地址text是否TranslateTypeName支付方式varchar50是否PayTypeName送货方式varchar50是否OrderDetailTime订购时间varchar50是否3.2.3建立

22、数据库连接“Asp.Net 配置”选项。 设置和注释的完整列表在 ments 中，该文件通常位于 WindowsMicrosoft.NetFrameworkv2.xConfig 中-!- 通过 节可以配置 ASP.NET 用来 识别进入用户的 安全身份验证模式。 -!- 如果在执行请求的过程中出现未处理的错误， 则通过 节可以配置相应的处理步骤。具体说来， 开发人员通过该节可以配置 要显示的 html 错误页 以代替错误堆栈跟踪。 -4、详细设计4.1系统模块的程序流图本系统模块的设计 ，其主要功能的程序流图，如图4-1所示：首页登录用户注册合法用户选择商品

23、购买商品付款修改订单Y NNY订单确认图4-1系统模块的程序流图4.2系统模块需求分析网上商店的需求，由用户、管理人员两方面。电子商务网站可简单的划分为2个部分，如图4-2所示：主 页用 户管理人员图4-2 系统模块分析图5、 系统实现5.1登录界面图5.1登陆界面ASP代码： 无标题页 .style1 width: 49%; .style2 text-align: center; 系统登录 用户名: 密码:     控件代码： private static SqlConnection conn = new SqlConnection(ConfigurationSettin

24、gs.AppSettingsConstrSQL); protected void btnLogin_Click(object sender, EventArgs e) try string strTxtName1 = SqlHelper.Query(select * from Users where UserName= + txtUser.Text + and UserPass= + txtPsd.Text + ).Rows01.ToString(); catch Page.RegisterStartupScript(mm, alert(登陆失败！);location.href=login.a

25、spx); return; / SqlCommand cmd = new SqlCommand(select * from Users where UserName= + txtUser.Text + and UserPass= + txtPsd.Text + ,conn ); string strTxtName = SqlHelper.Query(select * from Users where UserName= + txtUser.Text + and UserPass= + txtPsd.Text + ).Rows01.ToString(); string strTxtPass= SqlHelper.Query(select * from Users where UserName= + txtUser.Text + and UserPass= + txtPsd.Text + ).Rows02.ToS