新电子商务系统分析与设计 教学课件 李志刚 第7章 开发技术与模式.pptVIP

第一节 电子商务网站开发技术 一、HTML语言 1．HTML概述 2．HTML文档的结构 HTML HEAD 头部信息 /HEAD BODY 正文部分 /BODY /HTML 3．HTML标记 HTML标记从功能上分有以下几种类型： （1）结构性标记。用于描述HTML文档中文本的意图，如：HTML…/HTML标记HTML内容的开始和结束，h1…/h1标记以二级标题显示内容。 （2）外观性标记。描述文字的外观，如：b…/b标记以粗体显示文字。 （3）超文本标记。将文档的一部分关联到其他文档，如a href=””…/a （4）注释标记。将在文档中的一部分内容标记为注释，浏览器不解释。 （5）框架标记。这类标记将整个网页描述为包括多个部分的框架，如：frameset/frameset 4．HTML编辑工具 任何一个文档编辑器都可以编辑HTML文档，只要在保存时把文件的扩展名设为.html或者.htm就行。 二、客户端脚本语言Java Script 1.用JavaScript来做什么 (1)增加网页交互性、改善用户界面，提高用户操作的便利性 (2)简化有规律地重复的内容、减少下载时间 (3)进行客户端验证，节约带宽及服务端时间 2.怎样插入 JavaScript 基本格式： script !--... (JavaScript代码) ...// -- /script 3.运行javascript脚本 4.JavaScript的特点： （1）JavaScript是脚本语言。 （2）JavaScript是基于对象的语言。 （3）JavaScript是事件驱动的语言。 （4）JavaScript是安全的语言。 （5）JavaScript是平台无关语言。 5.JavaScript的两大缺陷 （1）缺乏清晰而统一的编程模型。 JavaScript兼具面向对象，结构化，非结构化三种编程方式的特点，但却弄得不伦不类，没有一个清晰而统一的编程模型，难于写出结构清晰易于维护的代码。 （2）JavaScript的另一硬伤是它的浏览器运行环境。 三、Ajax 1.定义 Ajax这个概念的最早提出者Adaptive Path公司的Jesse James Garrett这样定义Ajax，Ajax并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合在一起共同的协作中发挥各自的作用,它包括：使用XHTML和CSS标准化呈现；使用DOM实现动态显示和交互；使用XML和XSLT进行数据交换与处理；使用XMLHttpRequest进行异步数据读取；最后用JavaScript绑定和处理所有数据。 2.Ajax的工作原理 3.Ajax的核心技术 Ajax的核心技术是JavaScript对象XmlHttpRequest。 (1)XMLHTTPRequest。 （2）JavaScript。 （3）DOM。 （4）XML。 4．应用 5．Ajax的优势 （1）通过异步模式，无刷新更新页面，减少用户实际和心理等待时间，提升了用户体验。 （2）优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用。 （3）Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大用户量下的服务器负载。 （4）Ajax使WEB中的界面与应用分离(也可以说是数据与呈现分离)，WEB应用更易开发和维护。 6．Ajax的问题 （1）一些手持设备(如手机、PDA等)现在还不能很好的支持Ajax； （2）Ajax引擎是JavaScript，JavaScript的兼容性和DeBug都是让人头痛的事； （3）Ajax的无刷新重载，由于页面的变化没有刷新重载那么明显，所以容易给用户带来困扰 （4）对流媒体的支持没有FLASH、Java Applet好。 四、Java Applet 第二节 基于Java语言的基本开发模式 一、模式1JSP （Controller+View）浏览器JavaBeans (Model)请求响应客户层企业服务器/数据库服务器中间层图7-1 模式1示意图 模式1的基础是JSP文件。在模式1下，客户端向服务器发送请求，服务器把所有请求，包括验证数据的合法性和处理业务的逻辑等交给JSP或Servlet处理，最后服务器把生成结果返回给客户端。图7-1给出了模式1的结构示意图。 二、模式2 第三节 struts开发基础知识 一、struts介绍 （一）Struts2框架 （二）Strusts2组件 Strusts2对模型、视图和控制器都提供了相应的实现组件。 1．控制器 2．模型 3．视图 （三）Struts2框架Web应用的基本开发过程 在开发时可以采用如下所述的一个开发流程： 收集和定义应用需求； 为每一个