电子商务平台开发技术课件(全)全书教学教程完整版电子教案最全幻灯片.ppt
《电子商务平台开发技术课件(全)全书教学教程完整版电子教案最全幻灯片.ppt》由会员分享,可在线阅读,更多相关《电子商务平台开发技术课件(全)全书教学教程完整版电子教案最全幻灯片.ppt(365页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、电子商务平台开发技术电子商务平台开发技术 第一章第一章 概述概述 电子商务是以信息网络技术为手段,以商品交换为中心的商务活动;也可理解为在互联网(Internet)、企业内部网(Intranet)和增值网(VAN,Value Added Network)上以电子交易方式进行交易活动和相关服务的活动,是传统商业活动各环节的电子化、网络化、信息化。电子商务平台即是一个为企业或个人提供网上交易洽谈的平台。企业电子商务平台是建立在Internet网上进行商务活动的虚拟网络空间和保障商务顺利运营的管理环境;是协调、整合信息流、货物流、资金流有序、关联、高效流动的重要场所。企业、商家可充分利用电子商务平台
2、提供的网络基础设施、支付平台、安全平台、管理平台等共享资源有效地、低成本地开展自己的商业活动。Web简介 Web是一个基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统,一般而言,Web包括web服务器和web客户端两部分;Web开发是用程序设计语言来解决相关互联网领域问题的技术,Web开发主要集中在服务器端的开发,目前,服务器端的开发技术非常丰富,比如ASP、JSP、PHP、ASP.NET和第三方框架等等。这些技术对Web领域的发展注入了强大的动力。Web技术是Internet的核心技术之一,它的主要功能是信息发布和信息处理,这也是基于互联网的信息系统的一个重要功能。它
3、具有以下特点:(1)Web是一种超文本信息系统。(2)Web是图形化的和易于导航的。(3)Web是平台无关的。(4)Web是分布式的。(5)Web是动态的、交互的。(6)Web具有新闻性。由于技术的进步和网络环境的进化,Web 应用程序开发技术也在不断的进步,在最早,人们为了方便开展科学研究,设计出了Internet用于连接美国的少数几个顶尖研究机构,之后随着进一步的发展,人们开始应用HTTP协议(Hypertext Transfer Protocol,超文本传输协议)进行超文本(hypertext)和超媒体(hypermedia)数据的传输,从而将一个个的网页展示在每个用户的浏览器上,今天的
4、Web已经从最早的静态Web发展到了动态Web阶段,随之而来的像网上银行、网络购物等电子商务站点的兴起,更是将Web带进了人们的生活和工作之中。Web应用程序的运行原理应用程序的运行原理 互联网中有数以亿计的网站,用户可以通过浏览这些网站获得所需要的信息。这些信息存放在服务器上,服务器就是网络中的一台主机,由于它提供Web、FTP等网络服务,因此称其为服务器。Web应用程序通常由大量的页面、资源文件、部署文件等文件组成,组成网站的大量文件之间通过特定的方式进行组织,并且由一个软件系统来管理这些文件。管理这些文件的软件系统通常称为应用服务器,它的主要作用就是管理网站的文件。网站的文件通常由以下几
5、种类型:(1)网页文件:主要是提供用户访问的页面,包括静态的和动态的,这是网站中最重要的部分,如.html、.jsp等;(2)网页的格式文件:可以控制网页信息显示的格式、样式,如.css等;(3)资源文件:网页中用到的图形、声音、动画、资料库、以及各式各样的软件;(4)配置文件:用于声明网页的相关信息、网页之间的关系、以及对所在运行环境的要求等;(5)处理文件:用于对用户的请求进行处理,如供网页调用、读写文件或访问数据库等。静态网页和动态网页静态网页和动态网页 静态网页是指网页的内容是固定的,不会根据浏览者的不同而改变。静态网页一般使用HTML(超文本标记语言)语言进行编写。其文件后缀通常为.
6、htm、.html、.shtml、.xml等。静态网页的基本特点是除非网页设计者修改了网页的内容否则网页内容不会发生变化。静态网页的信息流向是单向的,在执行过程中不能和客户端进行交互,即内容信息流只能从服务器到浏览器。需要注意的是在静态网页上,也可以出现各种“动态效果”,如.GIF格式的动画、FLASH、滚动字母等,但这些“动态效果”只是视觉上的,而不是内容上的动态。所以这样的网页依然是静态网页。静态Web页面存在着一些重要的问题:(1)所有的用户看到的页面效果都是一样的,因为服务器向所有用户提供的内容都是一样的。(2)在静态Web技术中,一个重要的缺点是静态Web页面无法访问数据库资源,而现
7、在用数据库保存数据又是绝大多数应用系统必需的选择,因为需要使用数据库进行数据的CDUR操作(增加Creat,删除Delete,更新Update,查询Requery)。动态网页就是该网页文件不仅包括HTML标记,而且包含一些程序代码。这种网页文件名的后缀依不同的程序设计语言而不同,如使用JAVA语言的JSP文件的后缀为.JSP,除此之外,还有一些动态网页形式,如.asp、.php、.perl、.cgi等形式。动态网页主要用于实现客户端和服务器端的交互,其内容是根据不同用户的不同请求由服务器运行程序后生成不同的网页后返回的。采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、搜索查询、
8、用户管理、订单管理等。还需要注意的是动态网页以数据库技术为基础,可以大大提高网站的效率和降低网站维护的工作量。动态网页和静态网页的根本区别在于服务器端返回的HTML文件是事先存储好的还是由动态网页程序生成的。静态网页文件里只有HTML标记,没有程序代码,网页的内容都是事先写好,存放在服务器上的,用户请求哪个页面就将哪个页面发送给客户端即可;动态网页文件不仅含有HTML标记,并且还含有程序代码,当用户发出请求时,服务器由动态网页程序生成HTML文件。动态网页能够根据不同的时间、不同的用户生成不同的HTML文件,显示不同的内容。Web应用程序开发模式应用程序开发模式C/S模式模式 C/S模式(Cl
9、ient/Server,客户端/服务器端模式)是一种传统的开发模式,在这种开发模式中,客户端是安装在客户机上的,负责用户端业务逻辑的处理,且可以根据不同的用户的需求进行定制。在服务器端仅仅对重要的过程和数据库进行处理和存储。在C/S开发模式中,需要注意将任务合理分配到客户端和服务器端,最简单的C/S体系架构由两部分组成,即客户应用程序和数据库服务器程序,可分别称为前台程序与后台程序。不足之处:(1)伸缩性差:客户机与服务器联系很紧密,在修改客户机或服务器的某一方程序时一般还要修改另一方,这使软件不易伸缩、维护量大。(2)性能较差:在数据量较大的情况下,数据从服务器端传送到客户端进行处理时,会消
10、耗客户机的系统资源,出现网络拥塞,从而使整个系统的性能下降。(3)重用性差:数据库访问、业务规则等都固化在客户端应用程序中,如果客户另外提出的其他应用需求中也包含了相同的业务规则,程序开发者将不得不重新编写相同的代码。(4)移植性差:某些处理任务是在服务器端由触发器或存储过程来实现的,其适应性和可移性较差。因为这样的程序可能只能运行在特定的数据库平台下,当数据库平台变化时,这些应用程序可能需要重新编写。B/S模式模式 B/S模式(Browser/Server,浏览器/服务器模式)是Web兴起后的一种新型的网络结构模式,它是在客户层(Client)和数据服务器层(Data Server)之间添加
11、第三层:应用服务器层。其中客户层只用来实现人机交互,数据服务器层提供数据信息服务,应用服务器层来完成应用逻辑的实现、数据访问等功能。这种模式中,系统功能实现的核心部分集中到服务器上,简化了系统的开发、维护和使用。Web浏览器是客户端最主要的应用软件,客户机上只需要安装一个浏览器即可,如Internet Explorer或Netscape Navigator,服务器端安装Oracle、Sybase、Informix或SQL Server等数据库,浏览器通过服务器同数据库进行数据交互。大大简化了客户端计算机的逻辑功能,减轻了系统维护与升级的成本和工作量,降低了用户的总体成本。优点:(1)B/S结构
12、最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件。只要有一台能上网的计算机或掌上设备就能使用,客户端零维护。系统的使用性非常容易,只要能上网,再由系统管理员分配一个用户名和密码,就可以使用了。(2)安全性高,隔离了客户端与数据服务器的直接访问。(3)易维护,业务逻辑在中间件服务器上,当业务规则发生改变时,客户端不须改动,只升级中间件服务器层的程序即可。(4)快速响应,通过中间件服务器层上的负载均衡及缓存数据的能力。(5)系统扩展灵活,通过在中间件服务器层上部署新的程序组件来扩展系统规模。缺点:(1)B/S架构在图形的表现能力上以及运行的速度上弱于C/S架构。(2)受程序运行环境限制
13、。由于B/S架构依赖浏览器,而浏览器的版本繁多,很多浏览器核心架构差别也很大,导致对于网页的兼容性有很大影响,尤其是在CSS布局,JAVASCRIPT 脚本执行等方面,会有很大影响。在C/S和B/S 两种架构之间,并没有严格的界限,两种架构之间没有好坏之分,使用这两种架构都可以实现系统的功能。开发人员可以根据实际的需要进行选择,例如需要丰富的用户体验(如一些网络游戏),那就选择C/S架构,如果更偏重的是功能服务方面的实现,就需要选择B/S架构,还有部分管理应用系统采用两种软件架构相结合的方法。第二章第二章 静态网页开发基础静态网页开发基础 在在在在网站设计中,纯粹网站设计中,纯粹网站设计中,纯
14、粹网站设计中,纯粹HTMLHTML格式的网页通常格式的网页通常格式的网页通常格式的网页通常被称为被称为被称为被称为“静态网页静态网页静态网页静态网页”,它的文件扩展名是,它的文件扩展名是,它的文件扩展名是,它的文件扩展名是htmhtm或或或或htmlhtml,可以包含文本、图像、声音、,可以包含文本、图像、声音、,可以包含文本、图像、声音、,可以包含文本、图像、声音、FLASHFLASH动画、动画、动画、动画、客户端脚本和客户端脚本和客户端脚本和客户端脚本和ActiveXActiveX控件及控件及控件及控件及JAVAJAVA小程序等。静小程序等。静小程序等。静小程序等。静态网页是网站建设的基础
15、,早期的网站一般都是态网页是网站建设的基础,早期的网站一般都是态网页是网站建设的基础,早期的网站一般都是态网页是网站建设的基础,早期的网站一般都是由简单静态网页制作的。静态网页是相对于动态由简单静态网页制作的。静态网页是相对于动态由简单静态网页制作的。静态网页是相对于动态由简单静态网页制作的。静态网页是相对于动态网页而言,是指没有后台数据库、不含程序和不网页而言,是指没有后台数据库、不含程序和不网页而言,是指没有后台数据库、不含程序和不网页而言,是指没有后台数据库、不含程序和不可交互的网页。可交互的网页。可交互的网页。可交互的网页。HTMLHTML语言概述语言概述语言概述语言概述HTML HT
16、ML 简介简介简介简介 HTML HTML 的英文全称是的英文全称是的英文全称是的英文全称是Hypertext Marked Hypertext Marked LanguageLanguage,即超文本标记语言,即超文本标记语言,即超文本标记语言,即超文本标记语言,是一种用来制作超是一种用来制作超是一种用来制作超是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了文本文档的简单标记语言。超文本传输协议规定了文本文档的简单标记语言。超文本传输协议规定了文本文档的简单标记语言。超文本传输协议规定了浏览器在运行浏览器在运行浏览器在运行浏览器在运行HTMLHTML文档时所遵循的规则和进行的文档
17、时所遵循的规则和进行的文档时所遵循的规则和进行的文档时所遵循的规则和进行的操作。操作。操作。操作。HTTPHTTP协议的制定使浏览器在运行超文本时协议的制定使浏览器在运行超文本时协议的制定使浏览器在运行超文本时协议的制定使浏览器在运行超文本时有了统一的规则和标准,用有了统一的规则和标准,用有了统一的规则和标准,用有了统一的规则和标准,用HTMLHTML编写的超文本文编写的超文本文编写的超文本文编写的超文本文档称为档称为档称为档称为HTMLHTML文档,它能独立于各种操作系统平台,文档,它能独立于各种操作系统平台,文档,它能独立于各种操作系统平台,文档,它能独立于各种操作系统平台,自自自自199
18、01990年以来年以来年以来年以来HTMLHTML就一直被用作(是就一直被用作(是就一直被用作(是就一直被用作(是World Wide WebWorld Wide Web的缩写,也可简写的缩写,也可简写的缩写,也可简写的缩写,也可简写WEBWEB、中文叫、中文叫、中文叫、中文叫做万维网做万维网做万维网做万维网)的信息表示语言,使用的信息表示语言,使用的信息表示语言,使用的信息表示语言,使用HTML HTML 语言描述语言描述语言描述语言描述的文件,需要通过的文件,需要通过的文件,需要通过的文件,需要通过WEBWEB浏览器显示出效果。浏览器显示出效果。浏览器显示出效果。浏览器显示出效果。HTML
19、 的基本结构的基本结构HTML语言格式:卷标名称语言格式:卷标名称 属性名称属属性名称属性值性值 数据内容数据内容/卷标名称卷标名称如如:您好您好 一一个个HTML文档是由一系列的元素和文档是由一系列的元素和标签组成,元素名不区分大小写。标签组成,元素名不区分大小写。HTML 用标签来规定元素的属性和它在文件中的用标签来规定元素的属性和它在文件中的位置,位置,HTML 超文本文档分文档头和文档超文本文档分文档头和文档体两部分,文档头主要是对这个文档进行体两部分,文档头主要是对这个文档进行一些必要的定义,文档体中才是要显示的一些必要的定义,文档体中才是要显示的各种文档信息。各种文档信息。一个最基
20、本的一个最基本的一个最基本的一个最基本的HTMLHTML文档的代码:文档的代码:文档的代码:文档的代码:meta http-equiv=Content-Type content=text/html;charset=gb2312/显示显示显示显示titletitle的内容的内容的内容的内容 内容内容内容内容.bgcolor背景色,background 背景图案,text文本颜色link链接文字颜色alink活动链接文字颜色vlink已访问链接文字颜色leftmargin页面左侧的留白距离topmargin页面顶部的留白距离bodybody属性列表属性列表网页基本结构简单举例网页基本结构简单举例
21、这是标题这是标题 这是文档主体,正文部分这是文档主体,正文部分 常常常常用用用用HTMLHTML排版标记排版标记排版标记排版标记对于对于对于对于HTMLHTML页面,文字排版标记必不可少,一个美页面,文字排版标记必不可少,一个美页面,文字排版标记必不可少,一个美页面,文字排版标记必不可少,一个美观大方的文字页面能够确切地传达出页面的主要观大方的文字页面能够确切地传达出页面的主要观大方的文字页面能够确切地传达出页面的主要观大方的文字页面能够确切地传达出页面的主要信息。常见的信息。常见的信息。常见的信息。常见的HTMLHTML语言排版标记如下:语言排版标记如下:语言排版标记如下:语言排版标记如下:
22、1 1、标记标记标记标记 文本文本文本文本分段一般以分段一般以分段一般以分段一般以开头、以开头、以开头、以开头、以结尾。段落结尾。段落结尾。段落结尾。段落标记标记标记标记是是是是HTMLHTML中最常用的标记,虽然中最常用的标记,虽然中最常用的标记,虽然中最常用的标记,虽然可可可可以省略,因为下一个以省略,因为下一个以省略,因为下一个以省略,因为下一个的开始就意味着上一个的开始就意味着上一个的开始就意味着上一个的开始就意味着上一个的结束,但最好还是遵循规范,正规书写。的结束,但最好还是遵循规范,正规书写。的结束,但最好还是遵循规范,正规书写。的结束,但最好还是遵循规范,正规书写。标记的常用语法
23、格式为:标记的常用语法格式为:标记的常用语法格式为:标记的常用语法格式为:其中,其中,其中,其中,alignalign用来定义段落的对齐方式,它可以用来定义段落的对齐方式,它可以用来定义段落的对齐方式,它可以用来定义段落的对齐方式,它可以取以下值:取以下值:取以下值:取以下值:centercenter:居中对齐。:居中对齐。:居中对齐。:居中对齐。leftleft:靠左对齐,是默认值。:靠左对齐,是默认值。:靠左对齐,是默认值。:靠左对齐,是默认值。rightright:靠右对齐。:靠右对齐。:靠右对齐。:靠右对齐。2、和和标记标记段落与段落之间一般会空出一行距离。如果不想段落与段落之间一般会
24、空出一行距离。如果不想分段而只想分行,可以使用分段而只想分行,可以使用标记,常用格标记,常用格式为:式为:一般来说一般来说,每当浏览器窗口被缩小时,浏,每当浏览器窗口被缩小时,浏览器会自动将段落右边的文字转折至下一行。览器会自动将段落右边的文字转折至下一行。所以编写者对于自己需要断行的地方,应加上所以编写者对于自己需要断行的地方,应加上标记。标记。标记仅仅分行而不分段。需标记仅仅分行而不分段。需要注意的是要注意的是不是成对出现的,也就是说,不是成对出现的,也就是说,没有没有。在浏览器窗口缩小时,如果不想自动折行,可以使用在浏览器窗口缩小时,如果不想自动折行,可以使用在浏览器窗口缩小时,如果不想
25、自动折行,可以使用在浏览器窗口缩小时,如果不想自动折行,可以使用和和和和标记,格式为:标记,格式为:标记,格式为:标记,格式为:在在在在通过各种标记对文字进行排版时如果要保留原始通过各种标记对文字进行排版时如果要保留原始通过各种标记对文字进行排版时如果要保留原始通过各种标记对文字进行排版时如果要保留原始排版效果,例如文本中的空格、制表符等都要保留,则排版效果,例如文本中的空格、制表符等都要保留,则排版效果,例如文本中的空格、制表符等都要保留,则排版效果,例如文本中的空格、制表符等都要保留,则需要使用需要使用需要使用需要使用、标记,主要格式为:标记,主要格式为:标记,主要格式为:标记,主要格式为
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 电子商务平台 开发 技术 课件 全书 教学 教程 完整版 电子 教案 幻灯片
限制150内