电子商务网站建设00361.ppt

1、A,1,电子商务网站建设电子教案 主编：谢丽丽 2008年1月,A,2,第1章,电子商务网站建设概述,电 子 商 务 网 站 建 设,A,3,本章重点： 建立电子商务网站的目的 电子商务网站的构成要素 电子商务网站的特点及作用,A,4,一、电子商务网站的创建目的,1、什么是电子商务 电子商务源于英文Electronic Commerce，简写为EC。顾名思义，其内容包含两个方面，一是电子方式，二是商贸活动。即利用简单、快捷、低成本的电子通信方式，买卖双方不谋面地进行各种商贸活动。 2、建设电子商务网站的目的 一般企业建站的目的主要有： 发布企业产品、服务信息 介绍企业历史、辉煌成就 收集客户反

2、馈意见 网上市场调查 开展网络营销 网上客户服务 逐渐实施电子商务等,A,5,二、电子商务网站的类型与组成,1、电子商务网站的类型 按照电子商务模式划分，可以将电子商务网站分为以下几种类型。 （1）B2B（B to B） 即企业与企业之间通过因特网进行产品、服务及信息的交换。 （2）B2C（B to C） 即企业对消费者，直接面向消费者销售产品和服务。 （3）C2C（C to C） 即消费者对消费者，这是美国eBay所采用的商业模式。,A,6,二、电子商务网站的类型与组成,2、电子商务网站的组成 （1）电子商务网站的基础设施组成 CA安全认证系统：CA（Certificate Authorit

3、y）即“认证机构”，是负责签发证书、认证证书、管理已颁发证书的机构。 目前，国内CA认证市场主要由大行业或地方政府部门建立的CA认证机构构成。例如，中国金融认证中心（CFCA），如图所示，于2000年10月开始运行，是一个由13家银行参与建设和运行的CA认证体系，主要市场是企业与银行间的资金转账和往来服务业务。,A,7,二、电子商务网站的类型与组成,支付体系：支付体系在公网和传统的银行网络之间架起了一座桥梁，它把用户需要在公网上传输的支付信息（银行账号、密码等）采用CA认证系统进行加密，发给银行内部网络；同时要接收银行系统响应消息加密后，发送给最终用户，确保了用户支付信息在公网上传输的安全性和

4、可靠性。 目前，浙江支付宝网络科技有限公司是国内领先的提供网上支付服务的因特网企业，由全球领先的B2B网站阿里巴巴公司创办。支付宝（），如图所示。,A,8,二、电子商务网站的类型与组成,综合接入平台：综合接入平台为参与电子商务的各方提供了安全、方便、快捷的接入手段。接入平台解决了目前中国因为网络和计算机普及率低下的现实状况造成的用户参与电子商务的困难。中国电信电子商务综合接入平台支持计算机、电话、简易终端、智能终端等多种接入方式。用户可以通过计算机、电话等多种方式参与到电子商务中来，电子商务不再需要高深的计算机知识，用户只要会用电话或进行简单的计算机操作，就可以享受电子商务给学习、生活、工作带

5、来的巨大便利。 业务系统：不管电子商务基础设施的建设有多完善，能让用户切身感受到电子商务好处的还是电子商务业务系统。目前，中国电信联合银行、证券、商业、医疗、交通、教育等多个部门，共同开发了电子缴费、电子银行、电子证券、网上购物、网上医疗、网上订票、网上订房、网上寻呼、安全E-mail等多种电子商务应用系统，为广大用户开放多种电子商务业务。,A,9,二、电子商务网站的类型与组成,（2）典型电子商务网站的主要功能模块组成 以本书“校园手机网”为例，一个电子商务网站可以分为以下几个模块： 会员系统 产品系统 新闻发布系统 站内信息检索系统 网上购物系统 在线支付系统 在线技术支持 在线管理系统（后

6、台） 其他模块,“校园手机网”前台框架,“校园手机”网后台框架,A,10,三、电子商务网站的特点与作用,1、电子商务网站的特点 （1）信息传输速度快 （2）信息资源广泛 （3）资源投入少 （4）见效快 （5）品牌优势更明显 （6）头脑、眼光、决策比金钱更重要 （7）免费客户和收费客户显得同等重要,A,11,三、电子商务网站的特点与作用,2、电子商务网站的作用 （1）树立全新企业形象 （2）优化企业内部管理 （3）增强销售力 （4）提高附加值,A,12,第2章,电子商务网站的总体设计,电 子 商 务 网 站 建 设,A,13,本章重点： 常用建站技术及工具 电子商务网站的策划 建立良好的网站导航

7、系统,A,14,一、常用建站技术及工具,1、常用建站技术 （1）HTML （2）DHTML （3）Java与Java Applet （4）ActiveX （5）CGI （6）ASP （7）PHP （8）JSP （9）Flash,A,15,一、常用建站技术及工具,2、常用建站工具 （1）FrontPage 2000 FrontPage 2000是一种理想的网页编辑工具，支持“所见即所得”的编辑方式，它不需要使用者掌握很深的网页制作技术知识，甚至不需要了解HTML的基本语法。FrontPage 2000是Microsoft Office 2000家族中的一员，因此界面保持了Word、Excel等软

8、件的一贯风格，非常友好，如图所示。我们几乎可以像使用Word一样来制作出一个网页，而且，FrontPage 2000与操作系统的集成性非常好，所以在站点管理等方面具有其他网页编辑软件所无法比拟的优势。 （2）Dreamweaver MX Dreamweaver MX是Macromedia公司推出的一款优秀的、可视化的网页设计和网站管理工具软件，其界面如图所示。它支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite或BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP功能、处理Flash和Shockwave等流媒体格式和动态HTML、基于团

9、队的Web创作。在编辑上用户可以选择可视化方式或者个人喜欢的源码编辑方式，Dreamweaver MX不仅是专业人员制作网站的首选工具，而且已经普及到广大网页制作爱好者中。,FrontPage 2000界面,Dreamweaver MX界面,A,16,二、电子商务网站的创建流程,第一步，网站策划工作。包括明确建站目的、网站域名、空间使用、网站目标定位，以及网站目标用户和潜在用户对网站的需求，确定网站的总体风格。需要注意的是：域名注册。域名可以说是企业的“网上商标”，所以域名的选择要与注册商标相符合，以便于记忆；虚拟主机。虚拟主机是网页的存放空间，虚拟主机的优劣和稳定性直接影响网站的访问速度，不

10、要使用太过便宜的主机，空间适量即可，主要考察标准是带宽、主机配置、CGI权限、数据库、服务和技术支持。 第二步，网站的设计（程序开发）。网站设计要和公司的企业形象识别（VI）相符合，主要是根据建设网站的目的和功能，计划一下需要什么样的风格、是否需要安装程序，如论坛、社区、留言簿（反馈表单）等。利用策划阶段所做的工作，将内容有机地连接在一起，对网站进行包括前台、后台及数据库的设计。对页面设计布局，做出效果图，纵观全局，包括页面的导航、文本、图像、程序，设计出符合编程及视觉效果的静态页面，再进行程序开发。 第三步，网站的测试和发布。测试设计好的网站，不仅要对所有影响页面显示的细节因素进行依次测试，

11、页面中的超链接是否正常也是一部分，最重要的是要看这个电子商务网站的功能是否可用，是否方便，是否能解决企业的商务问题。,A,17,三、电子商务网站的策划,1、网站定位 （1）网站类型定位 信息发布型：主要功能定位于企业信息发布，如众多的中小型企业网站。 网上直销型：在发布企业基本信息的基础上，增加网上接受订单和支付的功能。此类型为一些较大型企业网站常采用。 电子商务型：此类网站要基于较高的企业信息化平台，不仅具有前两类网站的功能，而且集成了包括供应链管理在内的整个企业流程一体化的信息处理系统，运行费用较高。 （2）网站目标用户定位 一个企业网站的目标用户一般可包括企业的经销商、终端消费者、企业的

12、一般员工及销售人员、求职者等。企业要加强对网上消费者的行为进行研究，这是提高客户服务的基础。注重对企业目标顾客的年龄、性别、学历、职业、个性、行为、收入水平、地理位置分布等各种资料的分析，还应该看到网站的目标用户是基于产品销售的目标顾客，但两者之间不能完全画等号。 （3）网站诉求点定位 对于企业网站诉求点的确定，一般来说有理性诉求和感性诉求及综合型三种。理性诉求强调说理及逻辑性，以事实为基础，以介绍性文字为主，突出公司的实力、产品的质量和优质的服务。而感性诉求则强调直觉，以价值为基础，以企业的形象塑造为主。至于综合型的网站，是上述二者兼而有之。企业网站的诉求点应与企业的营销宣传理念相符合。 （

13、4）网站CI定位 CI为Corporate Identity的缩写，这里借用这个营销概念作为企业网站的形象设计。一个网站如果能够进行成功的CI设计定位，便可增强用户对该网站的识别。CI设计一般包括LOGO（标志）设计，设计制作一个网站的LOGO，就如同给产品设计商标一样，是网站最醒目的标志，看见LOGO就让大家联想起站点。,A,18,三、电子商务网站的策划,2、网站导航 （1）网站导航的目的 通过分类为浏览者提供友好的路径，从而使他们能尽快找到所需要的内容，如图所示。 告诉浏览者，目前在网站所处的位置，即历史轨迹导航，如图所示。 告诉浏览者，已经访问过哪些内容。在很多网页上，被单击过的链接会用

14、不同的颜色标示出来。 为浏览者提供上下文和相关资源链接。当浏览者在网上浏览某一产品时，该页面会提供相关产品的链接。例如，当在校园手机网上浏览三星SGH-D410手机时，网站就会提供其他相关产品的链接，如图所示。 为浏览者推荐网站的最新内容、特色内容及重点内容等，如图所示。,校园手机网分类导航,校园手机网相关产品链接,校园手机网精品推荐,校园手机网历史轨迹导航,A,19,三、电子商务网站的策划,（2）网站导航的原则和技巧 尽可能多地提供相关资源的链接 在一个企业网站上会有很多信息，但研究表明，访问者往往并不能明确他需要哪些信息，网站可以帮助用户搜集一些相关资源放置在页面上，以提醒浏览者注意。 一

15、致性原则 网站的导航元素与设计风格要一致，以便于操作。 网站板块和层次划分合理 板块的划分应该有充分的依据并且是容易理解的。不同板块的内容尽量做到没有交叉重复内容，共性较多的内容应尽量划分到同一板块，划分后的结构层次不宜过深。 整体导航设计技巧 在设计网站的整体导航时，需要在每一张页面上加有“首页（Home）”链接，以便及时回到网站的主页；同时也应该提供“关于我们（About Us）”链接，介绍公司的概况及产品经营状况；还需要提供“联系方式（Contact Us）”，公布企业的电子邮箱、电话、传真、联系人及公司所在地点等，如图所示。 设计好辅助导航 网站通常会提供文件下载的服务，需要注明下载文

16、件的大小及格式，同时要提供执行软件的下载链接（如Adobe Acrobat Reader、RealPlayer等软件）。页面中插有声音和动画文件时，需要提前告示访问者。另外，内容较多的网站还需提供信息查询服务。 常用的导航技巧 网站的导航元素如果是图片，应将相应的文字设置到图片的ALT属性中。所有页面的LOGO标志都应有指向首页的链接。在网页的页脚处一般应提供整体链接，如联系方式、使用条款、版权信息及隐私保护等。,校园手机网整体导航,A,20,三、电子商务网站的策划,3、其他要素 （1）网站设计风格 （2）分类体系 （3）购物车 （4）网上支付方式 （5）安全问题 （6）顾客跟踪 （7）产品促

17、销 （8）配送,A,21,三、电子商务网站的策划,4、电子商务网站资料搜集 网站制作在目录、导航、链接等策划后，需要搜索、准备网站资料，为动手进行网站设计做准备。 个人网站的大多数内容除了源于自己的独创外，还需要依赖于资料搜集，资料搜集得不完整，可能设计一半就得停下来。同时，在搜集资料时，主要搜集的是其他经典网站的页面布局技巧、导航设计技巧、链接设计技巧、网站色彩处理技巧及网站具体内容等。 商业网站虽然不全像个人网站那样从网上搜集内容，但是可以吸取其他同类网站的设计风格精华，如布局风格、导航技巧、色彩处理、同类产品的宣传技巧等，有比较才有鉴别。在搜集时不能照搬其他网站的风格，应该有自己的独创。

18、,A,22,第3章,校园手机网首页界面设计,电 子 商 务 网 站 建 设,A,23,本章重点 熟悉常用的HTML标识 掌握利用表格为网页进行布局的技巧 在网页中合理应用图像及超级链接 利用CSS样式美化网页元素 制作包含表单的网页,A,24,一、界面设计理论,1、HTML简介 HTML语言是由各种标记组成的。一般来说，标记可分为容器型标记和非容器型标记两种。容器型标记由起始标记和结束标记组成，如段落标记；非容器型标记只有起始标记，如换行标记。 （1）HTML的基本标记 A. B. C. D. （2）HTML的一些常用标记 如：、 等。,A,25,一、界面设计理论,2、 Dreamweaver

19、 MX应用简介 Dreamweaver MX操作方便，简单易学，是制作网站的首选工具。它不仅可以制作单独的网页，还可以创建完整的站点。为了更好地管理网页文件，在制作网页之前，最好先建一个站点。下面以“校园手机网”的建设为例，简要介绍Dreamweaver MX中表格、图像、链接、表单和CSS样式在网页中的应用。 （1）应用表格 熟练地使用表格，就可以精确定位文本、图像、表单等网页元素，从而方便地制作出图文并茂的网页。采用像素为单位的布局表格还可使网页中的内容位置固定，不随浏览器窗口的大小变化而产生变化。,A,26,一、界面设计理论,A.插入表格 方法：“插入”“表格” B.设置表格属性 方法：

20、选中表格，在属性面板中设置表格的属性 （2）应用图像 要想使网页引人入胜，图像是必不可少的。它可以为网页增添生命力，以直观形象的方式来表达要说明的问题。应用到网页中的图像一般有三种，即GIF、JPEG和PNG格式，目前以前两种格式应用最广。 A.插入图像 方法： “插入”“图像” B.设置图像属性 方法：选中要设置属性的图像，在属性面板中进行设置。,A,27,一、界面设计理论,（3）应用超级链接 超级链接是网页中最为重要的部分，有了链接，就可以将各网站及网页连到一起，从而不需要知道具体文件的名字和位置，只要单击相应链接，就可以查阅到自己感兴趣的信息。超级链接可分为文本链接、图像链接、电子邮件链

21、接、下载链接、锚链接、空链接等，下面以文本链接为例，介绍其创建方法。 A.创建超级链接 方法：选中要创建超级链接的文字，在属性面板中，单击链接栏旁边的按钮，打开“选择文件”对话框，选择链接的目标文件 。 B.设置链接目标窗口 各选项含义如下 ：,_blank：打开一个新的浏览器窗口显示链接目标网页。 _parent：在上一级的浏览器窗口中显示链接目标网页。 _self：在当前的浏览器窗口中显示链接目标网页。 _top：在最顶端的浏览器窗口中显示链接目标网页。,A,28,一、界面设计理论,（4）应用表单 表单是网页的浏览者与网站的管理者进行交互的窗口。如申请电子邮箱时要先填写相关资料，或利用一个

22、用户调查表来收集浏览者对网页的反馈意见等。一个完整的表单应该包含两部分：一是网页中的表单对象，二是表单处理程序。下面主要介绍如何在网页中创建表单对象。 A.插入表单 方法： “插入”“表单” B.插入表单对象 方法：单击“插入”“表单对象”“文本域”或其他的表单对象 C.表单及部分表单对象的属性设置 方法：选中相应的对象，在属性面板中设置,A,29,一、界面设计理论,（5）应用CSS样式 CSS（Cascading Style Sheet）的中文意思是层叠样式表。利用CSS可以设定文本、图像、表格、表单等任何网页元素的样式，使各种网页元素显示得更加美观。同时，利用CSS样式表文件，可将网页的外

23、观设计从网页内容中独立出来单独管理，不仅修改方便，还可使网站中的各网页具有统一的风格。 A.创建CSS样式,单击“窗口”“CSS样式”，调出CSS样式面板。 在该面板中，单击右下角的“新建CSS样式”按钮 在样式定义窗口中，先在“分类”栏选择具体要设置的类型，再在右边栏中做具体的设置。完成后，单击“确定”按钮。,A,30,一、界面设计理论,B.应用外部CSS样式,打开要使用CSS样式的网页文档，调出CSS样式面板。 在CSS样式面板中单击“附加样式表”按钮，弹出“链接外部样式表”对话框。 单击“浏览”按钮，选择相应的样式表文件。 在“添加为”处通常选择“链接”，单击“确定”按钮。 在网页中选中

24、要应用样式的内容，保证样式面板中选中的是“应用样式”，然后单击所需样式名称即可。,A,31,二、首页界面设计,1、首页布局设计分析 首页布局采用“三”字形结构：顶部导航栏部分、中部主要内容部分、底部提示信息部分。为避免网页相同内容的重复设计，把顶部导航栏部分和底部提示信息部分提出，分别做成独立的网页：top.asp和bottom.asp，嵌入在需要网页的适当位置。,A,32,二、首页界面设计,2、设计网站导航栏 清楚直观的导航栏是一个网站的关键要素。本网站中导航栏以被包含文件的形式出现在所有网页的上方，是网页间联系的直接通道。该部分内容较少，主要是制作链接，并设定链接样式。同时，在本部分对整个

25、网站中的文本进行精确定制。,A,33,3.2 首页界面设计,3、设计网站底部提示信息 4、首页的主要内容布局设计 首页的主要内容部分内容较多，设计复杂，多处应用了嵌套表格，并用CSS样式来控制表格边框线的显示方式。为力求简单清楚，此处将用户注册登录、搜索商品、热点排行、产品分类、问卷调查、精品推荐、新货上架、特价商品等内容分别独立做成网页，嵌入在首页的相应位置。,A,34,三、Banner与LOGO设计,每一个网站中都会有自己的Banner和LOGO。通常Banner为GIF动画或Flash影片，LOGO图片常为静态图片，两者的设计效果均力求反映网站的名称及主题。本网站中，Banner采用Fi

26、reworks设计，为简单的GIF动画；LOGO采用Photoshop设计，为静态图片。 1、Banner设计,2、LOGO设计,A,35,四、用户注册登录版块设计,在电子商务型网站中，要想购物，必须先注册为网站的会员。因此，注册登录板块是必不可少的。该版块最终效果如下图示：,A,36,五、商品信息类部分版块设计,1、热点排行板块设计,A,37,五、商品信息类部分版块设计,2、产品分类板块设计,A,38,五、商品信息类部分版块设计,3、精品推荐板块设计,A,39,五、商品信息类部分版块设计,4、问卷调查板块设计,A,40,五、商品信息类部分版块设计,5、商品搜索板块设计,A,41,本章小结 本

27、章首先对HTML和网页设计工具Dreamweaver进行简单介绍，再以实例的形式详细描述校园手机网首页的制作。在制作过程中，不仅涉及Dreamweaver MX中的表格、链接、图像、CSS样式、表单等内容的应用，还涉及一些脚本语句，基本上涵盖了制作网页中的知识和技巧。,A,42,第4章,数据库管理,电 子 商 务 网 站 建 设,A,43,本章重点 为电字商务网站建立数据库后台 在ASP中连接数据库 在ASP中访问数据库，包括查询、添加和修改数据库连接,A,44,一、系统功能与设计,为网站建立数据库后台应从网站的功能分析入手，逐步细分出一个个小的功能模块，然后根据这些功能模块都需要处理哪些数据

28、，来决定建立什么样的数据表。 对于本书实例校园手机网来说，需要动态处理数据的部分大体分为以下三个模块： 1、商品管理模块 2、用户管理模块 3、网站管理模块 网站每一个功能模块的设计都遵循以下几个步骤： 第一步：功能分析 第二步：确定需要建立的数据表 第三步：总结画出功能模块图 第四步：确定所有数据表的数据字典 下面以用户管理模块为例具体介绍相关内容。,A,45,一、系统功能与设计, 1、功能分析，需要完成以下几个功能 用户注册 会员信息管理 用户登录 用户购买商品 给用户留言 用户给本网站留言,A,46,.系统功能与设计, 2、根据功能需要确定建立如下几个数据表 1、注册会员信息表：zc_u

29、ser。 2、会员收件箱：ly。 3、管理员信箱：adminly,A,47,一、系统功能与设计, 3、功能模块图如下页显示,A,48,一、系统功能与设计, 4、确定数据字典 为每一张表确定字段，以及字段的数据类型，宽度，有效性等信息。如下为会员收件箱表的结构：,A,49,将网站所需要的数据库及数据表都规划好之后，接下来就可以选择一种类型的数据库来创建。目前常用的能做网站后台支持的数据库有Access、SQL Server、Oracle等。其中Access数据库结构简单，操作方便，一个数据库存储为一个mdb文件，打开后其中包含该数据库所有的表、查询、报表等信息，所以经常用于创建小型的动态网站，本

30、书所用实例校园手机网也是使用Access数据库来做后台支持的。,二、数据库的创建,A,50,二、数据库的创建, 1、在Access中建立一个新的数据库,A,51,二、数据库的创建, 2、在数据库中建立一个新的数据表,A,52,二、数据库的创建,设计表的结构，如图：,A,53,二、数据库的创建, 3、浏览一张表，可以添加或修改记录,A,54,4、数据库的维护 作为网站后台的数据库应注意数据库文件的属性，如果为“只读”，那么在网站上更新数据库中的内容时就会出错。设置数据库文件的属性，方式是在文件上单击鼠标右键，弹出如图4-10所示对话框，将“只读”前面的对号去掉。,A,55, 1、与数据库 要想在

31、网页上访问数据库，就必须在网页的ASP代码中建立与数据库的连接。ASP中建立数据库连接的方法有许多种，如ADO技术。ADO（ActiveX Data Object）是微软开发的数据库访问组件，在ASP中通过使用ADO对象就可以连接数据库并进行访问。ADO中用于连接数据库的子对象是Connection数据连接对象。在网页的ASP代码中，通过创建Connection对象的实例来建立与数据库文件的连接，而创建对象实例要用到ASP内置的Server对象的Create方法。,三、数据库与网站的连接,A,56,三、数据库与网站的连接,在ASP中往往通过使用ADO对象连接数据库并进行访问。方法是先创建一个c

32、onnection对象的实例，再通过该实例的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技术打开了一个数据连接。,A,57,三、数据库与网站的连接,dim con , constr set con=Server.CreateObject(adodb.connection

33、) 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数据源打开了一个数据连接。,A,58,三、数据库与网站的连接,2、从数据库中读取数据 从数据库中读取数据的一般步骤为：首先根据查询的需要定义一条SQL语句，再执行该语句来返回一个记录集，然后访问该记录集中的数据。 3、从数据库中查询数

34、据 从数据库中查询数据，方法是使用记录集从表中返回符合查询条件的那些数据。在SQL中查询数据通过SELECT语句来实现 。,A,59,三、数据库与网站的连接,4、更改数据库中的数据 对数据库中的数据进行更新包括修改已有记录的字段和添加一条新的记录，完成这两种操作都可以通过两种方法来实现。 使用connection对象的execute方法执行SQL语句。 通过记录集来更新。,A,60,四、数据的维护,、会员信息的维护 会员的信息存储于数据库的zc_user表中，对该表数据的维护包括以下几个部分。 用户注册为网站的会员，就在会员信息表中添加一条记录，并为各字段赋值。 会员登录以后，可以修改自己的详

35、细信息，也可以修改登录密码。 管理员可以在后台管理界面浏览所有会员的信息，并可以删除会员记录。,A,61,四、数据的维护,2、商品信息的维护 对于一个网上商店来说，管理员需要根据店内实际商品的情况及时地更新网站的数据库。对商品信息的维护主要通过访问商品信息表来完成，包括添加商品记录、修改商品信息和删除商品记录。,A,62,3、数据的保存和安全 在网络上，安全问题永远是我们不能忽视的，对电子商务网站更是如此。网站在后台数据库的基础上运行，在数据库中存储了太多需要保密的信息，如商品的数量，会员的真实姓名和登录密码，管理员的登录密码等。所以，数据库文件一定要定期进行备份，这样可以保证一旦数据库后台遭

36、到破坏，还可以最大限度地保留和恢复重要数据。另外，要加强对数据库的安全管理，防止非法登录和篡改，以及恶意下载数据库文件。,四、数据的维护,A,63,四、数据的维护,加强网站数据安全的措施有以下这些： 会员和管理员的登录密码应设置得复杂一些 给数据库命名时起一个非常规的复杂名字 将数据库文件放在网站目录之外 尽量使用ODBC数据源 禁止向客户端输出详细出错信息,A,64,本间小结 根据电子商务网站的功能来建立数据库后台。 使用技术来连接数据库 通过语句来访问数据库 在中使用变量来存储数据 在中实现输出数据和接收用户输入的数据,A,65,第5章,会员注册登录,电 子 商 务 网 站 建 设,A,6

37、6,本章重点 VBScript 验证码验证机制的实现 用户不规则信息输入的检验 数据的存取操作及更新 JavaScipt ASP 数据库连接 包含文件 md5加密算法的实现过程,A,67,一、理论知识,1、VBScript （1）数据类型 （2）变量 （3）运算符 （4）控制程序的流程 （5）VBScript 过程 A.Sub过程 B.Function过程 （6）VBScript对象,A,68,2ASP内置对象,（1） Application对象：可以使用Application对象使给定应用程序的用户共享信息。 （2） Request对象：可以使用Request对象访问任何用HTTP请求传递的

38、信息，包括从HTML表格用POST方法或GET方法传递的参数、cookie 和用户认证。Request对象使用户能够访问发送给服务器的二进制数据，如上载的文件。 （3） Response对象：可以使用Response对象控制发送给用户的信息，包括直接发送信息给浏览器、重定向浏览器到另一个URL或设置cookie的值。 （4） Server对象：Server对象提供对服务器上的方法和属性进行的访问，最常用的方法是创建ActiveX组件的实例（Server.CreateObject）。其他方法用于将URL或HTML编码成字符串，将虚拟路径映射到物理路径，以及设置脚本的超时期限。 （5）Sessio

39、n对象：可以使用Session对象存储特定用户会话所需的信息。当用户在应用程序的页之间跳转时，存储在Session对象中的变量不会清除；而用户在应用程序中访问页时，这些变量始终存在。也可以使用Session方法显式地结束一个会话和设置空闲会话的超时期限。,一、理论知识,A,69,ADODB组件用于创建数据库连接，其形式如下： ,3ADODB组件的使用,一、理论知识,A,70,4MS Access数据库连接,用DSN连接并且没有用户名和密码： 用DSN连接并且有用户名和密码： 用实际的数据库绝对路径连接： ,一、理论知识,A,71,5MS SQL Server数据库连接,用DSN连接： 不用DS

40、N连接： ,一、理论知识,A,72,6FoxPro数据库连接,一、理论知识,A,73,7Oracle数据库连接,一、理论知识,A,74,二、 功能与设计,会员注册登录模块是整个校园手机网电子商务系统前台的一个最重要的模块，它是客户与后台管理系统交易的重要保障，主要由客户操作并且为客户服务，可以分为会员注册、会员登录、会员信息修改三个子模块。图5-1是会员注册登录模块在整个网站中的构建流程图，其中包含各个子模块之间的关系。,图5-1 注册登录模块流程图,A,75,1 注册界面 注册页面reg.asp的主要作用是指导用户完成注册信息的填写，包括设定用户填写的信息、对用户异常信息的处理、指定处理用户

41、信息的程序，以及与网站的整体衔接。,图5-2 注册用户界面,三、 会员注册,A,76,2 注册信息处理 注册信息处理页面regxr.asp主要对用户的注册信息进行处理，如果注册信息合法则写入zc_user（database.mdb）表，并且转到用户管理页面，否则退回注册页面reg.asp。,三、 会员注册,A,77,图5-3 用户登录界面,1会员登录 会员登录模块的主要作用是提供用户登录信息的填写平台，包括用户登录界面（如图5-3所示）、对用户填写信息的合法性验证、保证网络安全的验证码机制、登录后用户管理平台的引导等。会员登录子模块主要包括以下两个文件。 （1）Login.asp （2）Che

42、ckuserlogin.asp,图5-3 用户登录界面,四、 会员登录,A,78,(1)用户登录,用户登录界面login.asp主要实现登录信息的填写、对用户所填信息的初步检验。,(2) 用户登录信息处理,用户登录信息处理页面Checkuserlogin.asp，主要是把用户提交的用户信息和数据库表zc_user（database.mdb）中的信息进行比较，如果一致则转到用户管理界面，否则退回登录界面login.asp。,四、 会员登录,A,79,会员信息修改模块，主要作用是提供用户对自己的注册信息进行管理的平台，主要包括以下4个文件。 （1） usermanage.asp （2） left.

43、asp （3）useradmin/modiinfor.asp （4） useradmin/modiinforxr.asp,五、 会员信息修改,A,80,图5-4 用户信息管理页面,1 用户信息管理 用户信息管理页面usermange.asp主要提供用户个人信息的管理平台，供用户进行个人信息的查看、更改等操作。其主体结构为框架：通过左侧单元格包含页面left.asp列出管理类型，通过右侧单元格中的浮动框架实现具体的管理操作。,五、 会员信息修改,A,81,2 用户信息管理类型 用户信息管理类型列表页面left.asp，主要把用户管理的各项操作列出来，便于用户从中选择某项具体的操作。,五、 会员信

44、息修改,A,82,3 用户个人注册信息修改,用户个人注册信息修改页面useradmin/modiinfor.asp为个人注册信息的修改提供操作平台，是用户管理功能中的一项。,图5-5 用户个人信息修改页面,五、 会员信息修改,A,83,4 用户个人注册信息修改的处理,用户个人注册信息修改的处理页面useradmin/modiinfor.asp，对修改信息进行有效性检验，并更新数据表中相应的记录。,五、 会员信息修改,A,84,本章小结,本章通过对会员注册登录模块的构建，让学生懂得建站技术是建设整个校园手机网电子商务系统的理论基础。通过本章的学习，对建站技术应该从掌握基础知识及对理论知识的简单应

45、用这一水平提高到实际应用的高度。能否独立完成会员注册登录模块的整体设计，是对本章学习效果的检验。,A,85,第6章,校员手机网商品管理,电 子 商 务 网 站 建 设,A,86,本章重点 商品浏览的实现 搜索信息的提交处理 后台管理平台 后台管理之增加商品 后台管理之修改商品,A,87,一、 功能与设计,校园手机网商品管理模块，主要实现手机商品的浏览、搜索，以及网站后台手机商品的增加、删除、更改等功能，如图6-1所示。,图6-1 商品管理模块,A,88,二、 商品浏览,商品浏览子模块主要实现库存商品的浏览功能，设计过程中需注意商品的显示技巧，如index.asp中商品的不同表现形式。本子模块主

46、要包含以下两个文件。 （1）product（database.mdb） （2） index.asp,1 数据库文件,数据库文件product（database.mdb）用来存储手机商品的相关信息。,A,89,2 商品浏览 商品浏览的实现主要在index.asp中完成，该页面通过包含文件和本页面的功能模块实现商品浏览等功能。,图6-2 商品浏览页面,二、 商品浏览,A,90,三、 商品搜索,创建商品搜索模块，以方便用户查找自己所需要的商品，除主要包含search.asp（搜索界面）和catinfor.asp（搜索信息处理）两个文件外，还需要后台product（database.mdb）表中的数据

47、。,A,91,1 搜索界面,搜索界面search.asp的主要作用是提示用户填写搜索信息，通过两个图片超链接实现在“快速搜索”和“高级搜索”两种方式之间的切换。,图6-3 商品快速搜索界面,图6-4 商品高级搜索界面,三、 商品搜索,A,92,2 搜索信息处理,搜索信息处理页面catinfor.asp的主要作用是依据用户所填写的搜索规则对数据表中的数据进行搜索，查找出用户所需要的商品。信息处理的关键在于如何使访问者所填写的信息规范化，即可以在数据库中查询。,三、 商品搜索,A,93,四、 增加商品,增加商品是后台管理的一项功能，该子模块主要包括以下3个文件。 （1） webadmin/inde

48、x.asp后台管理平台 （2）webadmin/addproduct.asp管理员增加商品页面 （3）webadmin/addproductxr.asp新商品处理页面,A,94,1 后台管理平台 webadmin/index.asp主要为后台网站的各项管理提供操作平台。本页面使用框架结构，左侧框架加载功能列表left.asp，右侧框架加载相应功能的实现平台，增加商品就是其中之一。,图6-5 后台管理页面,四、 增加商品,A,95,2 管理员增加商品页面,管理员增加商品页面webadmin/addproduct.asp，其主要作用是提示管理员填写新增商品的相关信息，如图6-6所示。,图6-6 添

49、加商品页面,四、 增加商品,A,96,3 新商品处理,新商品处理页面webadmin/addproductxr.asp，其主要作用是将新增商品的信息进行处理并存储到数据库中,四、 增加商品,A,97,五、修改商品,修改商品子模块，主要是完成管理员对数据库中商品信息的修改，是后台网站管理的一项功能，主要包含以下4个文件。 （1）webadmin/productmanage.asp （2）webadmin/productdel.asp （3）webadmin/productmodi.asp （4）webadmin/addproductxr.asp,A,98,1 查看修改商品,查看修改界面webad

50、min/productmanage.asp为修改、删除商品提供操作平台，是当前所有商品的列表。,图6-7 查看修改商品页面,五、修改商品,A,99,2 删除商品,删除商品页面webadmin/productdel.asp，完成管理员对相应商品进行删除操作的处理。,五、修改商品,A,100,3 修改商品信息,图6-8 修改商品信息页面,五、修改商品,A,101,4 修改商品信息处理,修改商品信息处理页面webadmin/addproductxr.asp，完成管理员对相应商品进行修改操作的处理，以及数据库的更新。,五、修改商品,A,102,本章小结,本章通过构建商品管理模块，介绍商品浏览、搜索功能

51、的实现和电子商务网站的后台管理技术。通过几个子模块的讲解，学生应该掌握这些建站技术的应用，并能够独立完成整个网站后台管理系统的建设。,A,103,第7章,校园手机网购物与结账,电 子 商 务 网 站 建 设,A,104,本章重点 Session对象 ASP分页显示信息 购物车 用户订单生成 用户订单管理,A,105,1.Session对象简介 Session对象可以记录一位用户的信息，即使从一个页面到另一个页面，这个信息仍然会存在。但使用的时候应该注意，它只对一个用户信息起作用，如果让它记录不同的用户信息，应该用不同的Session信息。 Session信息的特性就是有它自己的有效期，一般来说

52、，Windows系统服务器的默认时间为20min，如果客户端超出20min不再向服务器提出请求或者刷新Web页面，那么Session信息就会自动结束 。 语法： Session( Session名字)变量或字符串信息,一、 理论知识,A,106,2、分页显示的ASP语法介绍 ASP分页显示记录是将数据库中所有符合查询条件的记录一次性都读入记录集中，存放在内存中，然后通过ADO Recordset对象提供的几个专门支持分页处理的属性：PageSize（页大小）、PageCount（页数目）及AbsolutePage（绝对页）来管理分页处理。 进行ADO存取数据库时的分页显示，其实就是对Recor

53、dSet的记录进行操作。所以首先必须了解ReordSet对象的属性和方法。,一、 理论知识,A,107,BOF属性：目前指标指到RecordSet的第一条记录。 EOF属性：目前指标指到RecordSet的最后一条记录。 Move方法：移动指标到RecordSet中的某一条记录。 AbsolutePage属性：设定当前记录的位置是位于哪一页。 AbsolutePosition属性：目前指标在RecordSet中的位置。 PageCount属性：显示RecordSet对象包括多少“页”的数据。 PageSize属性：显示RecordSet对象每一页显示的记录数。 RecordCount属性：显示

54、RecordSet对象记录的总数。,一、 理论知识,A,108,当登录用户在对预购商品下订单时，往往要提供收货人的基本信息，大多数情况下，登录用户一般是为本人购买商品。为了节省登录用户填写收货人基本信息的时间，校园手机网直接将用户注册时的基本信息（如用户姓名、联系电话、联系地址等信息）填充在收货人基本信息的表单中。,一、 理论知识,A,109,二、系统功能与设计,用户完成一次交易过程如下：,用户注册登陆,A,110,三、 购买商品,1、购物车（gouwuche.asp） 购物车是一种高级、功能强大的Web目录，能进行销售，并能使人们更简单方便地在目录中选择和购买商品。换句话说，购物车使客户在站

55、点中导航时可以更方便地购物。假想一下，当你走进一家超市，每购买一件商品就要到收银台付款，这一过程的确令人乏味，而购物车则能将你所选购的商品集中起来，只需在最后一次性付款，从而节省购物时间。 在校园手机网中，购物车其实就是将用户所选购的商品以Web目录的形式展现出来，供用户查阅 。,A,111,对购物车的操作分为如下两类： （）将商品放入购物车 用户登录后，在校园手机网所有商品中选择预购商品，单击“购物车”，可浏览到当前用户在购物车中的商品目录 。 在浏览当前用户购物车中的商品目录时，会出现以下3种情况。 A.预购商品已在用户的购物车中，用户不能将该商品放入购物车中。 B.预购商品已售完，没有库

56、存，用户不能将该商品放入购物车中。 C.预购商品可以放入购物车中。,三、 购买商品,A,112,(2)将商品从购物车中拿出 既然用户可将预购商品放入购物车，那么也必须能将预购商品从购物车中拿出。假想一下，如果在超市中每选一件商品放入购物车，就必须得购买，那对用户来讲是非常不公平的。在这里，网站同样也对购物车中的预购商品做了“拿出”的设计。,三、 购买商品,A,113,2、 订购商品 用户最终的目的就是要从服务商那里购得商品，而购买的形式往往是多种多样的，为了方便用户购买商品，校园手机网将购买的形式分为以下两种。 （1）从购物车中订购 当用户将商品放入购物车中，特别是将多种商品放入购物车中后，可

57、以在用户登录模式下，浏览购物车中的预购商品目录并有选择的对所选商品下订单。 （2）直接订购 为了方便用户购买商品，登录用户可直接对预购商品进行订购。在这里用户只需选择“订购”或“下订单”，便可订购商品。,三、 购买商品,A,114,四、 生成订单,作为电子商务网站，用户所面对的商品只是一种描述，并没有直接面对商品的实体，而用户的最终目的就是要得到预购商品的实体，在这种情况下，用户所能做的就是向运营商提交购买申请，也就是“下订单”。 在这里，我们要了解掌握如下两类常识：,A,115,1、订单列表的显示 在用户登录模式下，用户除可浏览购物车中的预购商品外，也可浏览用户在校园手机网对预购商品所下的订

58、单，包括已完成交易的订单。当用户首次登录系统时，用户是没有任何订单的 。 一但用户对某件商品下了订单，那么，在“我的订单”中就会将该订单以目录的形式显示出来，以供登录用户查阅。 2、用户下订单的步骤 （1）确认商品数量 （2）确认收货人信息 （3）生成订单,四、 生成订单,A,116,五、 订单查询,1、订单状态 从用户对预购商品下订单开始到完成交易，订单的状态要发生以下变化： （1）未做任何处理（订单未做任何处理）； （2）服务商收到款（服务商收到用户购买商品的费用）； （3）服务商已发货（服务商按照收货人的姓名和地址发货）； （4）用户已收到（用户已收到服务商发来的商品）。,A,117,2、订单浏览 登录用户可在线浏览用户所下订单的详细信息。 3、修改订单状态 当登录用户浏览订单详细信息时，可修改订单状态。但在用户模式下，用户只能完成对“用户已收到”状态的修改。“服务商收到款”、“服务商已发货”两种状态则由服务商进行修改。,五、 订单查询,A,118,六、订单撤销,当登录用户的订单处于“未做任何处理”的状态时，用户可对该订单做“退单”处理，