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

1、1,第七章 电子商务系统开发技术与模式,本章学习目标 本章主要介绍包括HTML、JavaScript、Ajax、Java Applet电子商务网站建设客户端技术、JDBC等主要服务器端技术、基于Java语言的两种基本模式及Struts2框架。通过本章学习，学生初步掌握HTML、JavaScript、Ajax、Java Applet等电子商务网站客户端技术;能正确应用基于JAVA的常见开发模式;掌握JDBC数据库访问技术.,第一节 电子商务网站开发技术,一、HTML语言 1HTML概述 2HTML文档的结构 头部信息 正文部分 ,3HTML标记 HTML标记从功能上分有以下几种类型： （1）结构性标记。用于描述HTML文档中文本的意图，如：标记HTML内容的开始和结束，标记以二级标题显示内容。 （2）外观性标记。描述文字的外观，如：标记以粗体显示文字。 （3）超文本标记。将文档的一部分关联到其他文档，如 （4）注释标记。将在文档中的一部分内容标记为注释，浏览器不解释。 （5）框架标记。这类标记将整个网页描述为包括多个部分的框架，如：,4HTML编辑工具 任何一个文档编辑器都可以编辑HTM

2、L文档，只要在保存时把文件的扩展名设为.html或者.htm就行。,二、客户端脚本语言Java Script,1.用JavaScript来做什么 (1)增加网页交互性、改善用户界面，提高用户操作的便利性 (2)简化有规律地重复的内容、减少下载时间 (3)进行客户端验证，节约带宽及服务端时间 2.怎样插入 JavaScript 基本格式： ,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公司的Jes

3、se 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应用,5Ajax的优势 （1）通过异步模式，无刷新更新页面，减少用户实际和心理等待时间，提升了用户体验。 （2）优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用。 （3）Ajax引擎在客户端运行，承担了一部分本来由服务器承担的工作，从而减少了大用户量下的服务器负载。 （4）Ajax使WEB中的界面与应用分离(也可以说是数据与呈现分离)，WEB应用更易开发和维护。,6Ajax的问题 （1）一

4、些手持设备(如手机、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框架W

5、eb应用的基本开发过程,在开发时可以采用如下所述的一个开发流程： 收集和定义应用需求； 为每一个“用户显示界面”定义访问路径； 定义Interceptor，建立到应用业务逻辑之间的联系； 开发满足“用户显示界面”需求的所有视图对象（JSP页面）； 开发应用业务逻辑对象（Action对象）； 建立合适的配置文件web.xml和struts.xml 测试和部署开发好的应用系统。,二、struts的模型组件,Struts的模型组件代表Web应用的业务数据和逻辑。Struts框架并没有为设计和创建模型组件提供现成的框架，它允许使用其他的模型组件来处理应用的业务领城，如使用JavaBeans, BJB等。 1模型组件简述 模型是应用中重要的一部分，它包含了业务实体和业务规则，负责访问和更新持久化数据（文件，数据据库中的数据等）。,2Struts2的主要模型组件Action,三、struts的视图组件,Struts框架提供了对视图组件的支持，但是它自身并没有提供实际的视图组件。因此，在Struts框架下开发系统的视图部分时，可以使用各种流行的表示层技术，如JSP、XSLT、Cocoon等。本节内容

6、将基于JSP技术。Struts框架对这些视图组件的支持包括页面资源的国际化和动态数据引用与验证等，其中页面资源国际化目前用得并不多。,四、struts的控制器组件,五、struts标记库,1struts2的标签分为两大类：非UI标志和UI标志 （1）UI标记。 （2）非UI标记。if、elseif和else 标记：执行基本的条件流转。 2Struts标记库的重要性体 在电子商务系统开发中，Struts标记库的重要性体现在： 能够提供比普通的HTML表单标记更加强大的表单功能； 能够消除在JSP页面中出现的JAVA代码，降低页面开发难度； 与Struts框架紧密结合，能够充分利用Struts框架的优势和特点。,第四节 基于strus架构的Web开发实例,在本实例中Web应用的上下文路径都是fu，如果在Web根目录有一个index.jsp文件，则访问路径如下： http:/localhost:8080/fu/index.jsp 开发本实例使用的工具和程序库的版本如下： Java环境：JDK5.0(http:/) 应用服务器：Tomcat6(http:/tomcat.apahce.org)

7、Struts版本：Struts2.0.11.1(http:/struts.apache.org) 其它组件：commons-fileupload-1.1.1.jar、commons-io-1.1.jar,一、struts应用程序结构,本例包含以下需要实现或修改的文件一共6个： FilePpload.jsp (实现) FileUploadAction.java (实现) ShowUpload.jsp (实现) Struts.xml (修改) Fu.xml (实现) Web.xml (修改) Fu应用的目录结构如图7-4所示。,二、建立应用struts的Web模块,在struts框架Web应用中，视图部分一般采用JSP技术构建，除了极少量纯静态的网页制作为HTML页外，一般均制作为JSP页。在本例中均使用模板应用的index.html，将其中转向目标页修改为第一个JSP页即可。,三、建立struts应用的JSP程序,本例需要建立2个JSP页面：FileUpload.jsp、ShowUpload.jsp。出错页面没有制作，Struts提供默认出错页面。为了更好地利用Struts的功能，页面内

8、的表单元素均由Struts标记实现。 FileUpload.jsp。图7-5是本应用运行时返回给用户的第一个视图FileUpload.jsp页面，此页面接受用户输入。,例7-5 fileupload.jsp源代码,例7-6 showUpload.jsp 源代码,四、建立Action,本例的业务逻辑由FileUploadAction.java实现，FileUploadAction作用是将浏览器上传的文件拷贝到WEB应用程序的UploadImages文件夹下，新文件的名称是由系统时间与上传文件的后缀组成，该名称将被赋给imageFileName属性，以便上传成功的跳转页面使用。,五、应用配置（web.xml、struts.xml）,2Struts.xml,3Porperties文件 在本例中我们需要指定存放临时文件的文件夹，这需要在struts.properties文件加入代码：struts.multipart.saveDir = /tmp 4应用程序是如何工作的： （1）用户通过浏览器输入地址http:/localhost:8080/fu向服务器发出访问请求； （2）控制器根据Web.x

9、ml中的配置首先将视图页面index.html展现给用户，index.html随后将视图页面fileUpload.jsp展现给用户； （3）用户在视图页面fileUpload.jsp中选择图形文件后提交(产生fileUpload动作)，控制器根据Struts.xml中配置将业务转给模型组件tutorial.FileUploadAction； （4）模型组件tutorial.FileUploadAction进行相应业务处理，完成文件上传后返回SUCCESS给控制器； （5）控制器根据Struts.xml中配置将视图文件ShowUpload.jsp展现给用户。,六、sturts的可视化设计工具,（一）Eclipse Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。 （二）MyEclipse 简单而言，MyEclipse是Eclipse的插件，也是一款功能强大的J2EE集成开发环境，支持代码编写、配置、测试以及除错。,第五节 JDBC数据库访问技术,了解JDBC的概念及必要性 理解JDBC 程序的结构 运用JDBC进行数据库编程,35,数据库访问技术简介,客户机/服务器 应用程序,数据库编程,ODBC,JDBC,两个常用的API,数据库,执行 SQL 语句,检索查询结果,36,数据库,ODBC,客户机/服务器 GUI应用程序,ODBC （开放式数据库连接） （Microsoft 提供）,插 入,删 除,修 改,应用程序编程接口,查询,37,JDBC,JDBC （Java 数据库连接） （sun公司提供）,Java 应用程序编程接口,Java应用程序,数据库,插 入,修 改,删 除,查询,38,JDBC 体系结构 2-1,Java 程序,JDBC 驱动程序,数据库,SQL 命令,结果,39,JDBC 体系结构 2-2,应用层,Driver,Statement,ResultSet,Connection,各接口,驱动层,40,java.sql 包 3-1,41,java.sql 包 3-2,42,java.s

《电子商务系统分析与设计 教学课件 ppt 作者 李志刚 第7章 开发技术与模式》由会员E****分享，可在线阅读，更多相关《电子商务系统分析与设计 教学课件 ppt 作者 李志刚 第7章 开发技术与模式》请在金锄头文库上搜索。