金蝶BOS开发工程师基础认证培训Web框架

金蝶BOSWeb框架金蝶软件（中国）有限公司P2版权所有©1993-2006金蝶软件(中国)有限公司P2目录总体架构JSFFaceletsExtAOMWAFWeb开发调试P3版权所有©1993-2006金蝶软件(中国)有限公司P3总体架构金蝶开发平台基于aom开发，aom的底层技术为JSF，表现层采用ext和FaceletsP4版权所有©1993-2006金蝶软件(中国)有限公司P4JSF是什么JavaServerFaces(JSF,或者“Faces”)是一个构建JavaWeb应用的UI框架；它基于Java社区流程(JCP)开发，并且成为J2EE的一个组成部分。Faces的一个主要目标是为JavaWeb应用开发领域带来RAD风格的应用开发，就像MicrosoftVisualBasic和BorlandDelphi一样。JSF提供一系列标准部件(按钮、超链接、复选框等等)，一个创建定制组件的模型，以及在服务器端处理客户端产生事件的方式，并且有良好的工具支持。你可以同步UI组件和相关对象的值，而不必编辑太多令人生厌的代码。所有的JSF应用都构建于ServletAPI之上，使用HTTP进行通信，并且使用JSP.之类的显示技术P5版权所有©1993-2006金蝶软件(中国)有限公司P5JSF与Struts区别P6版权所有©1993-2006金蝶软件(中国)有限公司P6JSF包含什么P7版权所有©1993-2006金蝶软件(中国)有限公司P7JSF生命周期P8版权所有©1993-2006金蝶软件(中国)有限公司P8JSF生命周期构建复原组件树视图（RestoreViewPhase）JSF组件树用来构建和维护页的状态和事件。对于每个会话，将会构建一次树，并且当用户返回到该页时复用该树。在此阶段的末尾，当前请求的FacesContext实例的根属性反映由先前的“Faces响应”生成的视图的已保存配置（如果有的话）。P9版权所有©1993-2006金蝶软件(中国)有限公司P9JSF生命周期应用请求值请求处理生命周期这一阶段的目的是使当前请求中包括的信息更新各组件的当前值（如参数、标题和cookie）更新到相应组件树中的每个组件。从这里我们可以看到，从客户端发过来的请求是么种意义上的纯文本信息，而UI组件对应的是java实体，这里必然就存在了数据格式转换的问题。所以，在整个生命周期中，这个地方就成了数据转换发生的特定阶段（如：数据、日期显示格式）。P10版权所有©1993-2006金蝶软件(中国)有限公司P10JSF生命周期处理验证为保证上一个阶段的数据正确，特定抽取了这个阶段作为数据校验。在这里作为创建此请求的视图的一部分，可以为每个组件注册零个或多个验证器实例。另外，组件类自身也可以在它们的validate()方法中实现验证逻辑。在此阶段的末尾，会完成所有配置的验证。P11版权所有©1993-2006金蝶软件(中国)有限公司P11JSF生命周期更新模型值如果到达了请求处理生命周期的这一阶段，就意味着入局请求根据所执行的验证在语法和语义上都是有效的，且组件树中每一组件的本地值都已被更新，这一阶段主要通过调用组建树的每个UI组件的processUpdates（）方法，递归更新每个组件树对应的应用程序的模型数据P12版权所有©1993-2006金蝶软件(中国)有限公司P12JSF生命周期调用应用程序如之前构建复原视图时所述，如果当前请求的视图是根据先前请求保存的状态信息重新构造的，则JSF实现就能够确保通过在此Web应用程序的“应用程序”对象上调用getActionListener。P13版权所有©1993-2006金蝶软件(中国)有限公司P13JSF生命周期呈现响应此阶段同时完成两项任务：使响应呈示给客户机，以及使响应的状态得到保存以供后续请求处理之用。在一个阶段中同时处理这两项任务的原因是在JSP应用程序中呈示响应的行为会导致在呈示页面时构建视图。因此，要在视图的状态被呈示给客户机之后才能保存该状态。P14版权所有©1993-2006金蝶软件(中国)有限公司P14为什么要选用JSF对于RAD工具的四个层次，JavaServerFaces定义了其中3个：一个基础组件架构，一个标准的UI部件集，以及一个应用基础架构。JSF的组件架构定义了一个通用的方式来建立UI部件JavaServerFaces有一个特定的目标：使web开发更快更容易。它允许开发人员以组件，事件，BackingBean以及它们之间的交互来进行思考，而不是基于请求，响应和标记。换句话说，它掩盖了Web开发的大量的复杂性，使开发人员能够集中于他们最擅长的事情：开发应用系统。P15版权所有©1993-2006金蝶软件(中国)有限公司P15典型例子Hello，worldP16版权所有©1993-2006金蝶软件(中国)有限公司P16FaceletsFacelets非常适合JSF，专为JSF设计的视图技术Facelets是用来建立JSF应用程序时的一个可供选择的表现层技术。Facelets提供了一个强有力的模板化系统，让你使用HTML样式的模板来定义JSF的表现层，减少了组件整合进表现层时候冗余的代码，而不需要一个web容器P17版权所有©1993-2006金蝶软件(中国)有限公司P17FaceletsFacelets有以下吸引人的特性：模板化（像Tiles）复合组件定制的逻辑标记表达式语言对设计师友好的页面开发创建组件库P18版权所有©1993-2006金蝶软件(中国)有限公司P18用Facelets进行模板化（定义模版）创建layout.xhtml页面。定义Facelet的命名空间，导入对Facelets的使用。用ui:insert标记定义页面的逻辑区域。用纯文本和ui:include标记定义合理的默认值P19版权所有©1993-2006金蝶软件(中国)有限公司P19用Facelets进行模板化（使用模版）当页面调用布局模板时，需要指定模板的位置使用ui:composition标记。为了把参数传递给模板，要使用ui:define标记，它是ui:composition标记的子元素P20版权所有©1993-2006金蝶软件(中国)有限公司P20复合组件不要重复自己Facelets把它的精华放在复合组件上P21版权所有©1993-2006金蝶软件(中国)有限公司P21复合组件的创建创建Facelets标记库。在web.xml中声明标记库。用命名空间导入标记文件P22版权所有©1993-2006金蝶软件(中国)有限公司P22ExtJsExtJS可以用来开发RIA也即富客户端的AJAX应用，是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中ExtJS由一系列的类库组成，一旦页面成功加载了ExtJS库后，我们就可以在页面中通过javascript调用ExtJS的类及控件来实现需要的功能P23版权所有©1993-2006金蝶软件(中国)有限公司P23EXTJSExtJS的类库由以下几部分组成底层API(core)：底层API中提供了对DOM操作、查询的封装、事件处理、DOM查询器等基础的功能。其它控件都是建立在这些底层api的基础上，底层api位于源代码目录的core子目录中，包括DomHelper.js、Element.js等文件P24版权所有©1993-2006金蝶软件(中国)有限公司P24Extjs控件(widgets)：控件是指可以直接在页面中创建的可视化组件，比如面板、选项板、表格、树、窗口、菜单、工具栏、按钮等等，在我们的应用程序中可以直接通过应用这些控件来实现友好、交互性强的应用程序的UI。控件位于源代码目录的widgets子目录中P25版权所有©1993-2006金蝶软件(中国)有限公司P25ExtJs实用工具Utils：Ext提供了很多的实用工具，可以方便我们实现如数据内容格式化、JSON数据解码或反解码、对Date、Array、发送Ajax请求、Cookie管理、CSS管理等扩展等功能P26版权所有©1993-2006金蝶软件(中国)有限公司P26ExtJs组件Ext组件是由Component类定义，每一种组件都有一个指定的xtype属性值，通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。组件体系P27版权所有©1993-2006金蝶软件(中国)有限公司P27ExtJs组件使用组件可以直接通过new关键子来创建，比如控件一个窗口，使用newExt.Window()，创建一个表格则使用newExt.GridPanel()组件的构造函数中一般都可以包含一个对象，这个对象包含创建组件所需要的配置属性及值，组件根据构造函数中的参数属性值来初始化组件P28版权所有©1993-2006金蝶软件(中国)有限公司P28ExtJs组件每一个组件除了继承基类中的配置属性以外，还会根据需要增加自己的配置属性，另外子类中有的时候还会把父类的一些配置属性的含义及用途重新定义。学习及使用ExtJS，其中最关键的是掌握ExtJS中的各个组件的配置属性及具体的含义版权所有©1993-2006金蝶软件(中国)有限公司P29AOMAOM：ApusicOperaMask，金蝶中间件公司的Web开发框架AOM完整实现了JSF1.2规范，同时，对JSF1.2规范做了大量扩充，主要有AJAX支持、IoVC编程模型P30版权所有©1993-2006金蝶软件(中国)有限公司P30AOM架构图P31版权所有©1993-2006金蝶软件(中国)有限公司P31AOM对Web组件的扩展标准的JSF提供了与HTML元素一一对应的Web组件，标准的JSFWeb组件基本上不能满足业务开发要求AOM在此基础上提供了一套基于ExtJS的RichComponents，根据ExtJS所提供的客户端组件模型，提供了相应的服务器端组件模型、事件和组件渲染器，服务器端组件模型可以被复用，与具体的组件表现形式无关。而组件的渲染器可以自行以替换的方式进行扩展P32版权所有©1993-2006金蝶软件(中国)有限公司P32AOM对Web组件的扩展组件使用方式w:textFieldbinding=#{***ListBean.number}value=/w:buttonid=“btnAddNew”value=“新增actionBinding=#{***ListBean.addNewAction}/通过指定控件属性jsvar,可以用extjsapi在页面访问=/org.operamasks.docs/output/eclipse/index.htmlP33版权所有©1993-2006金蝶软件(中国)有限公司P33AOM约定优于配置目前主流的一些框架如（Struts和spring）通过很多配置实现对象的依赖注入AOM中通过约定优于配置的规则，实现对象的注入P34版权所有©1993-2006金蝶软件(中国)有限公司P34AOM---数据校验简单校验Annotation：@Required客户端校验w:formid=“form1clientValidate=true自定义校验完整上下文校验P35版权所有©1993-2006金蝶软件(中国)有限公司P35AOM---JSF生命周期拦截默认提供@BeforePhase、@AfterPhase的标注式拦截其他生命周期可扩展P36版权所有©1993-2006金蝶软件(中国)有限公司P36AOMMBean编程模型AOM对标准JSF的ManagedBe