电子商务网站建设PPT学习课件.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,电,*,电,电子商务网站建设,电子教案,主编：谢丽丽,2008,年,1,月,1,电,第,1,章,电子商务网站建设概述,电 子 商 务 网 站 建 设,2,电,本章重点：,建立电子商务网站的目的,电子商务网站的构成要素,电子商务网站的特点及作用,3,电,一、电子商务网站的创建目的,1,、什么是电子商务,电子商务源于英文,Electronic Commerce,，简写为,EC,。顾名思义，其内容包含两个方面，一是电子方式，二是商贸活动。即利用简单、快捷、低成本的电子通信方式，买卖双方不谋面地进行各种商贸活动。,2,建设电子商务网站的目的,一般企业建站的目的主要有：,发布企业产品、服务信息,介绍企业历史、辉煌成就,收集客户反馈意见,网上市场调查,开展网络营销,网上客户服务,逐渐实施电子商务等,4,电,二、电子商务网站的类型与组成,1,、电子商务网站的类型,按照电子商务模式划分，可以将电子商务网站分为以下几种类型。（,1,）,B2B,（,B to B,）,即企业与企业之间通过因特网进行产品、服务及信息的交换。,（,2,）,B2C,（,B to C,）,即企业对消费者，直接面向消费者销售产品和服务。,（,3,）,C2C,（,C to C,）,即消费者对消费者，这是美国,eBay,所采用的商业模式。,5,电,二、电子商务网站的类型与组成,2,、电子商务网站的组成,（,1,）电子商务网站的基础设施组成,CA,安全认证系统：,CA,（,Certificate Authority,）即,“,认证机构,”,，是负责签发证书、认证证书、管理已颁发证书的机构。目前，国内,CA,认证市场主要由大行业或地方政府部门建立的,CA,认证机构构成。例如，中国金融认证中心（,CFCA,），如图所示，于,2000,年,10,月开始运行，是一个由,13,家银行参与建设和运行的,CA,认证体系，主要市场是企业与银行间的资金转账和往来服务业务。,6,电,二、电子商务网站的类型与组成,支付体系：,支付体系在公网和传统的银行网络之间架起了一座桥梁，它把用户需要在公网上传输的支付信息（银行账号、密码等）采用,CA,认证系统进行加密，发给银行内部网络；同时要接收银行系统响应消息加密后，发送给最终用户，确保了用户支付信息在公网上传输的安全性和可靠性。,目前，浙江支付宝网络科技有限公司是国内领先的提供网上支付服务的因特网企业，由全球领先的,B2B,网站,阿里巴巴公司创办。支付宝（,），如图所示。,7,电,二、电子商务网站的类型与组成,综合接入平台：,综合接入平台为参与电子商务的各方提供了安全、方便、快捷的接入手段。接入平台解决了目前中国因为网络和计算机普及率低下的现实状况造成的用户参与电子商务的困难。中国电信电子商务综合接入平台支持计算机、电话、简易终端、智能终端等多种接入方式。用户可以通过计算机、电话等多种方式参与到电子商务中来，电子商务不再需要高深的计算机知识，用户只要会用电话或进行简单的计算机操作，就可以享受电子商务给学习、生活、工作带来的巨大便利。,业务系统：,不管电子商务基础设施的建设有多完善，能让用户切身感受到电子商务好处的还是电子商务业务系统。目前，中国电信联合银行、证券、商业、医疗、交通、教育等多个部门，共同开发了电子缴费、电子银行、电子证券、网上购物、网上医疗、网上订票、网上订房、网上寻呼、安全,E-mail,等多种电子商务应用系统，为广大用户开放多种电子商务业务。,8,电,二、电子商务网站的类型与组成,（,2,）典型电子商务网站的主要功能模块组成,以本书,“,校园手机网,”,为例，一个电子商务网站可以分为以下几个模块：,会员系统,产品系统,新闻发布系统,站内信息检索系统,网上购物系统,在线支付系统,在线技术支持,在线管理系统（后台）,其他模块,“,校园手机网”前台框架,“,校园手机”网后台框架,9,电,三、电子商务网站的特点与作用,1,、电子商务网站的特点,（,1,）信息传输速度快,（,2,）信息资源广泛,（,3,）资源投入少,（,4,）见效快,（,5,）品牌优势更明显,（,6,）头脑、眼光、决策比金钱更重要,（,7,）免费客户和收费客户显得同等重要,10,电,三、电子商务网站的特点与作用,2,、电子商务网站的作用,（,1,）树立全新企业形象,（,2,）优化企业内部管理,（,3,）增强销售力,（,4,）提高附加值,11,电,第,2,章,电子商务网站的总体设计,电 子 商 务 网 站 建 设,12,电,本章重点：,常用建站技术及工具,电子商务网站的策划,建立良好的网站导航系统,13,电,一、常用建站技术及工具,1,、常用建站技术,（,1,）,HTML,（,2,）,DHTML,（,3,）,Java,与,Java Applet,（,4,）,ActiveX,（,5,）,CGI,（,6,）,ASP,（,7,）,PHP,（,8,）,JSP,（,9,）,Flash,14,电,一、常用建站技术及工具,2,、常用建站工具,（,1,）,FrontPage 2000,FrontPage 2000,是一种理想的网页编辑工具，支持“所见即所得”的编辑方式，它不需要使用者掌握很深的网页制作技术知识，甚至不需要了解,HTML,的基本语法。,FrontPage 2000,是,Microsoft Office 2000,家族中的一员，因此界面保持了,Word,、,Excel,等软件的一贯风格，非常友好，如图所示。我们几乎可以像使用,Word,一样来制作出一个网页，而且，,FrontPage 2000,与操作系统的集成性非常好，所以在站点管理等方面具有其他网页编辑软件所无法比拟的优势。,（,2,）Dreamweaver MX,Dreamweaver MX,是,Macromedia,公司推出的一款优秀的、可视化的网页设计和网站管理工具软件，其界面如图所示。它支持最新的,Web,技术，包含,HTML,检查、,HTML,格式控制、,HTML,格式化选项、,HomeSite,或,BBEdit,捆绑、可视化网页设计、图像编辑、全局查找替换、全,FTP,功能、处理,Flash,和,Shockwave,等流媒体格式和动态,HTML,、基于团队的,Web,创作。在编辑上用户可以选择可视化方式或者个人喜欢的源码编辑方式，,Dreamweaver MX,不仅是专业人员制作网站的首选工具，而且已经普及到广大网页制作爱好者中。,FrontPage 2000,界面,Dreamweaver MX,界面,15,电,二、电子商务网站的创建流程,第一步，,网站策划工作。包括明确建站目的、网站域名、空间使用、网站目标定位，以及网站目标用户和潜在用户对网站的需求，确定网站的总体风格。需要注意的是：域名注册。域名可以说是企业的“网上商标”，所以域名的选择要与注册商标相符合，以便于记忆；虚拟主机。虚拟主机是网页的存放空间，虚拟主机的优劣和稳定性直接影响网站的访问速度，不要使用太过便宜的主机，空间适量即可，主要考察标准是带宽、主机配置、,CGI,权限、数据库、服务和技术支持。,第二步，,网站的设计（程序开发）。网站设计要和公司的企业形象识别（,VI,）相符合，主要是根据建设网站的目的和功能，计划一下需要什么样的风格、是否需要安装程序，如论坛、社区、留言簿（反馈表单）等。利用策划阶段所做的工作，将内容有机地连接在一起，对网站进行包括前台、后台及数据库的设计。对页面设计布局，做出效果图，纵观全局，包括页面的导航、文本、图像、程序，设计出符合编程及视觉效果的静态页面，再进行程序开发。,第三步，,网站的测试和发布。测试设计好的网站，不仅要对所有影响页面显示的细节因素进行依次测试，页面中的超链接是否正常也是一部分，最重要的是要看这个电子商务网站的功能是否可用，是否方便，是否能解决企业的商务问题。,16,电,三、电子商务网站的策划,1,、,网站定位,（,1,）网站类型定位,信息发布型：主要功能定位于企业信息发布，如众多的中小型企业网站。,网上直销型：在发布企业基本信息的基础上，增加网上接受订单和支付的功能。此类型为一些较大型企业网站常采用。,电子商务型：此类网站要基于较高的企业信息化平台，不仅具有前两类网站的功能，而且集成了包括供应链管理在内的整个企业流程一体化的信息处理系统，运行费用较高。,（,2,）网站目标用户定位,一个企业网站的目标用户一般可包括企业的经销商、终端消费者、企业的一般员工及销售人员、求职者等。企业要加强对网上消费者的行为进行研究，这是提高客户服务的基础。注重对企业目标顾客的年龄、性别学历、职业、个性、行为、收入水平、地理位置分布等各种资料的分析，还应该看到网站的目标用户是基于产品销售的目标顾客，但两者之间不能完全画等号。,（,3,）网站诉求点定位,对于企业网站诉求点的确定，一般来说有理性诉求和感性诉求及综合型三种。理性诉求强调说理及逻辑性，以事实为基础，以介绍性文字为主，突出公司的实力、产品的质量和优质的服务。而感性诉求则强调直觉，以价值为基础，以企业的形象塑造为主。至于综合型的网站，是上述二者兼而有之。企业网站的诉求点应与企业的营销宣传理念相符合。,（,4,）网站,CI,定位,CI,为,Corporate Identity,的缩写，这里借用这个营销概念作为企业网站的形象设计。一个网站如果能够进行成功的,CI,设计定位，便可增强用户对该网站的识别。,CI,设计一般包括,LOGO,（标志）设计，设计制作一个网站的,LOGO,，就如同给产品设计商标一样，是网站最醒目的标志，看见,LOGO,就让大家联想起站点。,17,电,三、电子商务网站的策划,2,、网站导航,（,1,）网站导航的目的,通过分类为浏览者提供友好的路径，从而使他们能尽快找到所需要的内容，如图所示。,告诉浏览者，目前在网站所处的位置，即历史轨迹导航，如图所示。告诉浏览者，已经访问过哪些内容。在很多网页上，被单击过的链接会用不同的颜色标示出来。,为浏览者提供上下文和相关资源链接。当浏览者在网上浏览某一产品时，该页面会提供相关产品的链接。例如，当在校园手机网上浏览三星,SGH-D410,手机时，网站就会提供其他相关产品的链接，如图所示。,为浏览者推荐网站的最新内容、特色内容及重点内容等，如图所示。,校园手机网分类导航,校园手机网相关产品链接,校园手机网精品推荐,校园手机网历史轨迹导航,18,电,三、电子商务网站的策划,（,2,）网站导航的原则和技巧,尽可能多地提供相关资源的链接,在一个企业网站上会有很多信息，但研究表明，访问者往往并不能明确他需要哪些信息，网站可以帮助用户搜集一些相关资源放置在页面上，以提醒浏览者注意。,一致性原则,网站的导航元素与设计风格要一致，以便于操作。,网站板块和层次划分合理,板块的划分应该有充分的依据并且是容易理解的。不同板块的内容尽量做到没有交叉重复内容，共性较多的内容应尽量划分到同一板块，划分后的结构层次不宜过深。,整体导航设计技巧,在设计网站的整体导航时，需要在每一张页面上加有“首页（,Home,）”链接，以便及时回到网站的主页；同时也应该提供“关于我们（,About Us,）”链接，介绍公司的概况及产品经营状况；还需要提供“联系方式（,Contact Us,）”，公布企业的电子邮箱、电话、传真、联系人及公司所在地点等，如图所示。,设计好辅助导航,网站通常会提供文件下载的服务，需要注明下载文件的大小及格式，同时要提供执行软件的下载链接（如,Adobe Acrobat Reader,、,RealPlayer,等软件）。页面中插有声音和动画文件时，需要提前告示访问者。另外，内容较多的网站还需提供信息查询服务。,常用的导航技巧,网站的导航元素如果是图片，应将相应的文字设置到图片的,ALT,属性中。所有页面的,LOGO,标志都应有指向首页的链接。在网页的页脚处一般应提供整体链接，如联系方式、使用条款、版权信息及隐私保护等。,校园手机网整体导航,19,电,三、电子商务网站的策划,3,、其他要素,（,1,）网站设计风格,（,2,）分类体系,（,3,）购物车,（,4,）网上支付方式,（,5,）安全问题,（,6,）顾客跟踪,（,7,）产品促销,（,8,）配送,20,电,三、电子商务网站的策划,4,、电子商务网站资料搜集,网站制作在目录、导航、链接等策划后，需要搜索、准备网站资料，为动手进行网站设计做准备。,个人网站的大多数内容除了源于自己的独创外，还需要依赖于资料搜集，资料搜集得不完整，可能设计一半就得停下来。同时，在搜集资料时，主要搜集的是其他经典网站的页面布局技巧、导航设计技巧、链接设计技巧、网站色彩处理技巧及网站具体内容等。,商业网站虽然不全像个人网站那样从网上搜集内容，但是可以吸取其他同类网站的设计风格精华，如布局风格、导航技巧、色彩处理、同类产品的宣传技巧等，有比较才有鉴别。在搜集时不能照搬其他网站的风格，应该有自己的独创。,21,电,第,3,章,校园手机网首页界面设计,电 子 商 务 网 站 建 设,22,电,本章重点,熟悉常用的,HTML,标识,掌握利用表格为网页进行布局的技巧,在网页中合理应用图像及超级链接,利用,CSS,样式美化网页元素,制作包含表单的网页,23,电,一、界面设计理论,1,、,HTML,简介,HTML,语言是由各种标记组成的。一般来说，标记可分为容器型标记和非容器型标记两种。容器型标记由起始标记和结束标记组成，如段落标记,；非容器型标记只有起始标记，如换行标记,。,（,1,）,HTML,的基本标记,A.,B.,C.,D.,（,2,）,HTML,的一些常用标记,如：,、,、,、,、,等。,24,电,一、界面设计理论,2,、,Dreamweaver MX,应用简介,Dreamweaver MX,操作方便，简单易学，是制作网站的首选工具。它不仅可以制作单独的网页，还可以创建完整的站点。为了更好地管理网页文件，在制作网页之前，最好先建一个站点。下面以,“,校园手机网,”,的建设为例，简要介绍,Dreamweaver MX,中表格、图像、链接、表单和,CSS,样式在网页中的应用。,（,1,）应用表格,熟练地使用表格，就可以精确定位文本、图像、表单等网页元素，从而方便地制作出图文并茂的网页。采用像素为单位的布局表格还可使网页中的内容位置固定，不随浏览器窗口的大小变化而产生变化。,25,电,一、界面设计理论,A.,插入表格,方法：,“,插入,”,“,表格,”,B.,设置表格属性,方法：选中表格，在属性面板中设置表格的属性,（,2,）应用图像,要想使网页引人入胜，图像是必不可少的。它可以为网页增添生命力，以直观形象的方式来表达要说明的问题。应用到网页中的图像一般有三种，即,GIF,、,JPEG,和,PNG,格式，目前以前两种格式应用最广。,A.,插入图像,方法：,“,插入,”,“,图像,”,B.,设置图像属性,方法：选中要设置属性的图像，在属性面板中进行设置。,26,电,一、界面设计理论,（,3,）应用超级链接,超级链接是网页中最为重要的部分，有了链接，就可以将各网站及网页连到一起，从而不需要知道具体文件的名字和位置，只要单击相应链接，就可以查阅到自己感兴趣的信息。超级链接可分为文本链接、图像链接、电子邮件链接、下载链接、锚链接、空链接等，下面以文本链接为例，介绍其创建方法。,A.,创建超级链接,方法：选中要创建超级链接的文字，在属性面板中，单击链接栏旁边的按钮，打开,“,选择文件,”,对话框，选择链接的目标文件。,B.,设置链接目标窗口,各选项含义如下：,_blank,：打开一个新的浏览器窗口显示链接目标网页。,_parent,：在上一级的浏览器窗口中显示链接目标网页。,_self,：在当前的浏览器窗口中显示链接目标网页。,_top,：在最顶端的浏览器窗口中显示链接目标网页。27,电,一、界面设计理论,（,4,）应用表单,表单是网页的浏览者与网站的管理者进行交互的窗口。如申请电子邮箱时要先填写相关资料，或利用一个用户调查表来收集浏览者对网页的反馈意见等。一个完整的表单应该包含两部分：一是网页中的表单对象，二是表单处理程序。下面主要介绍如何在网页中创建表单对象。,A.,插入表单,方法：,“,插入,”,“,表单,”,B.,插入表单对象,方法：单击,“,插入,”,“,表单对象,”,“,文本域,”,或其他的表单对象,C.,表单及部分表单对象的属性设置,方法：选中相应的对象，在属性面板中设置,28,电,一、界面设计理论,（,5,）应用,CSS,样式,CSS,（,Cascading Style Sheet,）的中文意思是层叠样式表。利用,CSS,可以设定文本、图像、表格、表单等任何网页元素的样式，使各种网页元素显示得更加美观。同时，利用,CSS,样式表文件，可将网页的外观设计从网页内容中独立出来单独管理，不仅修改方便，还可使网站中的各网页具有统一的风格。,A.,创建,CSS,样式,单击,“,窗口,”,“,CSS,样式,”,，调出,CSS,样式面板。,在该面板中，单击右下角的,“,新建,CSS,样式,”,按钮,在样式定义窗口中，先在,“,分类,”,栏选择具体要设置的类型，再在右边栏中做具体的设置。完成后，单击,“,确定,”,按钮。,29,电,一、界面设计理论,B.应用外部,CSS,样式,打开要使用,CSS,样式的网页文档，调出,CSS,样式面板。,在,CSS,样式面板中单击,“,附加样式表,”,按钮，弹出,“,链接外部样式表,”,对话框。,单击,“,浏览,”,按钮，选择相应的样式表文件。,在,“,添加为,”,处通常选择,“,链接,”,，单击,“,确定,”,按钮。,在网页中选中要应用样式的内容，保证样式面板中选中的是,“,应用样式,”,，然后单击所需样式名称即可。,30,电,二、首页界面设计,1,、,首页布局设计分析,首页布局采用,“,三,”,字形结构：顶部导航栏部分、中部主要内容部分、底部提示信息部分。为避免网页相同内容的重复设计，把顶部导航栏部分和底部提示信息部分提出，分别做成独立的网页：,top.asp,和,bottom.asp,，嵌入在需要网页的适当位置。,31,电,二、首页界面设计,2,、设计网站导航栏,清楚直观的导航栏是一个网站的关键要素。本网站中导航栏以被包含文件的形式出现在所有网页的上方，是网页间联系的直接通道。该部分内容较少，主要是制作链接，并设定链接样式。同时，在本部分对整个网站中的文本进行精确定制。,32,电,3.2,首页界面设计,3,、设计网站底部提示信息,4,、首页的主要内容布局设计,首页的主要内容部分内容较多，设计复杂，多处应用了嵌套表格，并用,CSS,样式来控制表格边框线的显示方式。为力求简单清楚，此处将用户注册登录、搜索商品、热点排行、产品分类、问卷调查、精品推荐、新货上架、特价商品等内容分别独立做成网页，嵌入在首页的相应位置。,33,电,三、,Banner,与,LOGO,设计,每一个网站中都会有自己的,Banner,和,LOGO,。通常,Banner,为,GIF,动画或,Flash,影片，,LOGO,图片常为静态图片，两者的设计效果均力求反映网站的名称及主题。本网站中，,Banner,采用,Fireworks,设计，为简单的,GIF,动画；,LOGO,采用,Photoshop,设计，为静态图片。,1,、,Banner,设计,2,、,LOGO,设计,34,电,四、用户注册登录版块设计,在电子商务型网站中，要想购物，必须先注册为网站的会员。因此，注册登录板块是必不可少的。该版块最终效果如下图示：,35,电,五、商品信息类部分版块设计,1,、热点排行板块设计,36,电,五、商品信息类部分版块设计,2,、,产品分类板块设计,37,电,五、商品信息类部分版块设计,3,、精品推荐板块设计,38,电,五、商品信息类部分版块设计,4,、问卷调查板块设计,39,电,五、商品信息类部分版块设计,5,、商品搜索板块设计,40,电,本章小结,本章首先对,HTML,和网页设计工具,Dreamweaver,进行简单介绍，再以实例的形式详细描述校园手机网首页的制作。在制作过程中，不仅涉及,Dreamweaver MX,中的表格、链接、图像、,CSS,样式、表单等内容的应用，还涉及一些脚本语句，基本上涵盖了制作网页中的知识和技巧。,41,电,第,4,章,数据库管理,电 子 商 务 网 站 建 设,42,电,本章重点,为电字商务网站建立数据库后台,在,ASP,中连接数据库,在,ASP,中访问数据库，包括查询、添加和修改数据库连接,43,电,一、系统功能与设计,为网站建立数据库后台应从网站的功能分析入手，逐步细分出一个个小的功能模块，然后根据这些功能模块都需要处理哪些数据，来决定建立什么样的数据表。,对于本书实例校园手机网来说，需要动态处理数据的部分大体分为以下三个模块：,1,、商品管理模块,2,、用户管理模块,3,、网站管理模块,网站每一个功能模块的设计都遵循以下几个步骤：,第一步：功能分析,第二步：确定需要建立的数据表,第三步：总结画出功能模块图,第四步：确定所有数据表的数据字典,下面以用户管理模块为例具体介绍相关内容。,44,电,一、系统功能与设计,1,、功能分析，需要完成以下几个功能,用户注册,会员信息管理,用户登录,用户购买商品,给用户留言,用户给本网站留言,45,电,.,系统功能与设计,2,、根据功能需要确定建立如下几个数据表,1,、注册会员信息表：,zc_user,。,2,、会员收件箱：,ly,。,3,、管理员信箱：,adminly,46,电,一、系统功能与设计,3,、功能模块图如下页显示,47,电,一、系统功能与设计,4,、确定数据字典,为每一张表确定字段，以及字段的数据类型，宽度，有效性等信息。如下为会员收件箱表的结构：,字,段,名,称,数,据,类,型,字,段,大,小,允,许,为,空,备,注,ly_id,自动编号,长整型,主键,ly_user_loginname,文本,50,否,会员的用户名,ly_title,文本,50,否,留言主题,ly_nr,备注,是,留言内容,ly_time,日期,/,时间,留言时间,ly_browsed,是,/,否,留言是否查看,48,电,将网站所需要的数据库及数据表都规划好之后，接下来就可以选择一种类型的数据库来创建。目前常用的能做网站后台支持的数据库有,Access,、,SQL Server,、,Oracle,等。其中,Access,数据库结构简单，操作方便，一个数据库存储为一个,mdb,文件，打开后其中包含该数据库所有的表、查询、报表等信息，所以经常用于创建小型的动态网站，本书所用实例校园手机网也是使用,Access,数据库来做后台支持的。,二、数据库的创建,49,电,二、数据库的创建,1,、在,Access,中建立一个新的数据库,50,电,二、数据库的创建,2,、,在数据库中建立一个新的数据表,51,电,二、数据库的创建,设计表的结构，如图：,52,电,二、数据库的创建,3,、,浏览一张表，可以添加或修改记录,53,电,4,、数据库的维护,作为网站后台的数据库应注意数据库文件的属性，如果为,“,只读,”,，那么在网站上更新数据库中的内容时就会出错。设置数据库文件的属性，方式是在文件上单击鼠标右键，弹出如图,4-10,所示对话框，将,“,只读,”,前面的对号去掉。,54,电,1,、与数据库,要想在网页上访问数据库，就必须在网页的,ASP,代码中建立与数据库的连接。,ASP,中建立数据库连接的方法有许多种，如,ADO,技术。,ADO,（,ActiveX Data Object,）是微软开发的数据库访问组件，在,ASP,中通过使用,ADO,对象就可以连接数据库并进行访问。,ADO,中用于连接数据库的子对象是,Connection,数据连接对象。在网页的,ASP,代码中，通过创建,Connection,对象的实例来建立与数据库文件的连接，而创建对象实例要用到,ASP,内置的,Server,对象的,Create,方法。,三、数据库与网站的连接,55,电,三、数据库与网站的连接,在,ASP,中往往通过使用,ADO,对象连接数据库并进行访问。方法是先创建一个,connection,对象的实例，再通过该实例的,open,方法来打开一个数据连接字符串。,dim con,constr,set con=Server.CreateObject(adodb.connection),constr=,“,Provider=Microsoft.Jet.OLEDB.4.0;Data Source=,d:databasepinpai.mdb,con.open constr,以上代码为利用,OLEDB,技术打开了一个数据连接。,56,电,三、数据库与网站的连接,dim con,constr,set con=Server.CreateObject(adodb.connection),constr=Driver=Microsoft Access Driver(*.mdb);DBQ=e:dbxuesheng.mdb,con.open constr,以上代码为利用,ODBC,技术打开了一个数据连接。,set con=Server.CreateObject(adodb.connection),con.open dsn=xs,以上代码通过使用,DNS,数据源打开了一个数据连接。,57,电,三、数据库与网站的连接,2,、从数据库中读取数据,从数据库中读取数据的一般步骤为：首先根据查询的需要定义一条,SQL,语句，再执行该语句来返回一个记录集，然后访问该记录集中的数据。,3,、从数据库中查询数据,从数据库中查询数据，方法是使用记录集从表中返回符合查询条件的那些数据。在,SQL,中查询数据通过,SELECT,语句来实现。,58,电,三、数据库与网站的连接,4,、更改数据库中的数据,对数据库中的数据进行更新包括修改已有记录的字段和添加一条新的记录，完成这两种操作都可以通过两种方法来实现。,使用,connection,对象的,execute,方法执行,SQL,语句。,通过记录集来更新。,59,电,四、数据的维护,、会员信息的维护,会员的信息存储于数据库的,zc_user,表中，对该表数据的维护包括以下几个部分。,用户注册为网站的会员，就在会员信息表中添加一条记录，并为各字段赋值。,会员登录以后，可以修改自己的详细信息，也可以修改登录密码。,管理员可以在后台管理界面浏览所有会员的信息，并可以删除会员记录。,60,电,四、数据的维护,2,、商品信息的维护,对于一个网上商店来说，管理员需要根据店内实际商品的情况及时地更新网站的数据库。对商品信息的维护主要通过访问商品信息表来完成，包括添加商品记录、修改商品信息和删除商品记录。,61,电,3,、数据的保存和安全,在网络上，安全问题永远是我们不能忽视的，对电子商务网站更是如此。网站在后台数据库的基础上运行，在数据库中存储了太多需要保密的信息，如商品的数量，会员的真实姓名和登录密码，管理员的登录密码等。所以，数据库文件一定要定期进行备份，这样可以保证一旦数据库后台遭到破坏，还可以最大限度地保留和恢复重要数据。另外，要加强对数据库的安全管理，防止非法登录和篡改，以及恶意下载数据库文件。,四、数据的维护,62,电,四、数据的维护,加强网站数据安全的措施有以下这些：,会员和管理员的登录密码应设置得复杂一些,给数据库命名时起一个非常规的复杂名字,将数据库文件放在网站目录之外,尽量使用,ODBC,数据源,禁止向客户端输出详细出错信息,63,电,本间小结,根据电子商务网站的功能来建立数据库后台。,使用技术来连接数据库,通过语句来访问数据库,在中使用变量来存储数据,在中实现输出数据和接收用户输入的数据,64,电,第,5,章,会员注册登录,电 子 商 务 网 站 建 设,65,电,本章重点,VBScript,验证码验证机制的实现,用户不规则信息输入的检验,数据的存取操作及更新,JavaScipt,ASP,数据库连接,包含文件,md5,加密算法的实现过程,66,电,一、理论知识1,、,VBScript,（,1,）数据类型,（,2,）变量,（,3,）运算符,（,4,）控制程序的流程,（,5,）,VBScript,过程,A.Sub,过程,B.Function,过程,（,6,）,VBScript,对象,67,电,2,ASP,内置对象,（,1,）,Application,对象：可以使用,Application,对象使给定应用程序的用户共享信息。,（,2,）,Request,对象：可以使用,Request,对象访问任何用,HTTP,请求传递的信息，包括从,HTML,表格用,POST,方法或,GET,方法传递的参数、,cookie,和用户认证。,Request,对象使用户能够访问发送给服务器的二进制数据，如上载的文件。,（,3,）,Response,对象：可以使用,Response,对象控制发送给用户的信息，包括直接发送信息给浏览器、重定向浏览器到另一个,URL,或设置,cookie,的值。,（,4,）,Server,对象：,Server,对象提供对服务器上的方法和属性进行的访问，最常用的方法是创建,ActiveX,组件的实例（,Server.CreateObject,）。其他方法用于将,URL,或,HTML,编码成字符串，将虚拟路径映射到物理路径，以及设置脚本的超时期限。,（,5,）,Session,对象：可以使用,Session,对象存储特定用户会话所需的信息当用户在应用程序的页之间跳转时，存储在,Session,对象中的变量不会清除；而用户在应用程序中访问页时，这些变量始终存在。也可以使用,Session,方法显式地结束一个会话和设置空闲会话的超时期限。,一、理论知识,68,电,ADODB,组件用于创建数据库连接，其形式如下：,3,ADODB,组件的使用,一、理论知识,69,电,4,MS Access,数据库连接,用,DSN,连接并且没有用户名和密码：,用,DSN,连接并且有用户名和密码：,用实际的数据库绝对路径连接：,一、理论知识,70,电,5,MS SQL Server,数据库连接,用,DSN,连接：,不用,DSN,连接：,一、理论知,识,71,电,6,FoxPro,数据库连接,一、理论知识,72,电,7,Oracle,数据库连接,一、理论知识,73,电,二、功能与设计,会员注册登录模块是整个校园手机网电子商务系统前台的一个最重要的模块，它是客户与后台管理系统交易的重要保障，主要由客户操作并且为客户服务，可以分为会员注册、会员登录、会员信息修改三个子模块。图,5-1,是会员注册登录模块在整个网站中的构建流程图，其中包含各个子模块之间的关系。,图,5-1,注册登录模块流程图,74,电,1,注册界面,注册页面,reg.asp,的主要作用是指导用户完成注册信息的填写，包括设定用户填写的信息、对用户异常信息的处理、指定处理用户信息的程序以及与网站的整体衔接。,图,5-2,注册用户界面,三、会员注册,75,电,2,注册信息处理,注册信息处理页面,regxr.asp,主要对用户的注册信息进行处理，如果注册信息合法则写入,zc_user,（,database.mdb,）表，并且转到用户管理页面，否则退回注册页面,reg.asp,。,三、会员注册,76,电,图,5-3,用户登录界面,1,会员登录,会员登录模块的主要作用是提供用户登录信息的填写平台，包括用户登录界面（如图,5-3,所示）、对用户填写信息的合法性验证、保证网络安全的验证码机制、登录后用户管理平台的引导等。会员登录子模块主要包括以下两个文件。,（,1,）,Login.asp,（,2,）,Checkuserlogin.asp,图,5-3,用户登录界面,四、会员登录,77,电,(1),用户登录,用户登录界面,login.asp,主要实现登录信息的填写、对用户所填信息的初步检验。,(2),用户登录信息处理,用户登录信息处理页面,Checkuserlogin.asp,，主要是把用户提交的用户信息和数据库表,zc_user,（,database.mdb,）中的信息进行比较，如果一致则转到用户管理界面，否则退回登录界面,login.asp,。,四、会员登录,78,电,会员信息修改模块，主要作用是提供用户对自己的注册信息进行管理的平台，主要包括以下,4,个文件。,（,1,usermanage.asp,（,2,）,left.asp,（,3,）,useradmin/modiinfor.asp,（,4,）,useradmin/modiinforxr.asp,五、会员信息修改,79,电,图,5-4,用户信息管理页面,1,用户信息管理,用户信息管理页面,usermange.asp,主要提供用户个人信息的管理平台，供用户进行个人信息的查看、更改等操作。其主体结构为框架：通过左侧单元格包含页面,left.asp,列出管理类型，通过右侧单元格中的浮动框架实现具体的管理操作。,五、会员信息修改,80,电,2,用户信息管理类型,用户信息管理类型列表页面,left.asp,，主要把用户管理的各项操作列出来，便于用户从中选择某项具体的操作。,五、会员信息修改,81,电,3,用户个人注册信息修改,用户个人注册信息修改页面,useradmin/modiinfor.asp,为个人注册信息的修改提供操作平台，是用户管理功能中的一项。,图,5-5,用户个人信息修改页面,五、会员信息修改,82,电,4,用户个人注册信息修改的处理,用户个人注册信息修改的处理页面,useradmin/modiinfor.asp,，对修改信息进行有效性检验，并更新数据表中相应的记录。,五、会员信息修改,83,电,本章小结,本章通过对会员注册登录模块的构建，让学生懂得建站技术是建设整个校园手机网电子商务系统的理论基础。通过本章的学习，对建站技术应该从掌握基础知识及对理论知识的简单应用这一水平提高到实际应用的高度。能否独立完成会员注册登录模块的整体设计，是对本章学习效果的检验。,84,电,第,6,章,校员手机网商品管理,电 子 商 务 网 站 建 设,85,电,本章重点,商品浏览的实现,搜索信息的提交处理,后台管理平台,后台管理之增加商品,后台管理之修改商品,86,电,一、功能与设计,校园手机网商品管理模块，主要实现手机商品的浏览、搜索，以及网站后台手机商品的增加、删除、更改等功能，如图,6-1,所示。,图,6-1,商品管理模块,87,电,二、商品浏览,商品浏览子模块主要实现库存商品的浏览功能设计过程中需注意商品的显示技巧，如,index.asp,中商品的不同表现形式。本子模块主要包含以下两个文件。,（,1,）,product,（,database.mdb,）,（,2,）,index.asp,1,数据库文件,数据库文件,product,（,database.mdb,）用来存储手机商品的相关信息。,88,电,2,商品浏览,商品浏览的实现主要在,index.asp,中完成，该页面通过包含文件和本页面的功能模块实现商品浏览等功能。,图,6-2,商品浏览页面,二、商品浏览,89,电,三、商品搜索,创建商品搜索模块，以方便用户查找自己所需要的商品，除主要包含,search.asp,（搜索界面）和,catinfor.asp,（搜索信息处理）两个文件外，还需要后台,product,（,database.mdb,）表中的数据。,90,电,1,搜索界面,搜索界面,search.asp,的主要作用是提示用户填写搜索信息，通过两个图片超链接实现在“快速搜索”和“高级搜索”两种方式之间的切换。,图,6-3,商品快速搜索界面,图,6-4,商品高级搜索界面,三、商品搜索,91,电,2,搜索信息处理,搜索信息处理页面,catinfor.asp,的主要作用是依据用户所填写的搜索规则对数据表中的数据进行搜索，查找出用户所需要的商品。信息处理的关键在于如何使访问者所填写的信息规范化，即可以在数据库中查询