电子商务建设知识讲解.ppt

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