《Webx及框架简介》PPT课件.ppt

Webx简介,第一课,WebX框架基础,WebXPackaging,Webx应用的打包方法,传统方式,Webx方式,War是WebApplicationArchive的缩写Car是ComponentArchive的缩写多个car可以组装成一个war,Car在开发中的应用,Car的目录结构和War基本相同，除了不需要文件：WEB-INF/web.xml不需要目录：WEB-INF/lib开发时，可以把car当作war来开发、调试部署时，可以把多个car组合成一个warWebX框架保证，无论下面哪种情况，对程序代码而言都是透明的：将car以war的形式单独运行或将多个car组合成一个war运行,Petstore.war的组成,home.carcssimagestemplatescontrollayoutscreenWEB-INFwebx.xmlclasses,user.carcssimagestemplatescontrollayoutscreenWEB-INFwebx.xmlclasses,Petstore.warhomecssimagestemplatescontrollayoutscreenusercssimagestemplatescontrollayoutscreenstoreadminWEB-INFhomewebx.xmluserwebx.xmlstoreadminlibclasses,WebX框架基础,URL的解析与生成,URL的解析,WebX的URL是怎样的呢？以下面的URL为例：http:/localhost:7001/petstore/user/account/edit.htmURLscheme（协议）：http:Servername：localhostServerport：7001Contextpath：/petstoreComponentpath：/userServletpath：/account/edit.htmTarget：/account/edit.vm分析URL是由AnalyzeURLValve完成的（后面会讲到），因此以上URL分析的规则是完全可以被改变的。,URL的生成,和解析URL相反，我们还需要在页面上生成指向其它页面的URL。URL是由URIBrokerService来动态生成的。使用URIBrokerService有什么好处呢？集中管理全网站的URL均可在同一个配置文件中管理可靠动态生成，不容易出错规范例如在生成querystring时，会自动URLencoding透明应用程序、模板不需要知道最终生成的URL的样子，修改URL就变得很简单,URL配置文件举例,http:/toolkit.alibaba-,在模板中使用URIBroker的方法,$toolkitSite生成结果：http:/toolkit.alibaba-,在程序中使用URIBroker的方法,取得URIBrokerService：URIBrokerServiceuriBrokerService=(URIBrokerService)getWebxComponent().getService(URIBrokerService.SERVICE_NAME);取得指定名称的URIBroker：URIBrokeruriBroker=uriBrokerService.getURIBroker(petstoreLoginLink,rundata);渲染URL：Stringurl=uriBroker.render();,WebX框架基础,RunData,RunData的功能,封装了Request和Response对象保存requestscope的状态透明地处理常规表单和multipart/form-data格式的表单数据简化cookie的存取提供透明的buffering支持,RunData常用方法,取得HTTPrequest、response和sessionrundata.getRequest()rundata.getResponse()rundata.getSession()取得输出流（自动buffering）rundata.getResponse().getWriter()rundata.getResponse().getOutputStream()取得query参数（无论是一般form还是multipartform）rundata.getParameters().getString(id)rundata.getParameters().getInt(quantity)内部重定向rundata.setRedirectTarget(homepage.vm)外部重定向rundata.setRedirectLocation(,WebX框架基础,页面布局,Turbine风格的页面布局,Layout,Control,Control,Control,Screen,PetstoreSample,CopyrightNotice,NavigationMenu,MainContent,Turbine风格的目录结构,模板目录结构src/webroottemplatescontrolbottom.vmtabs.vmtop.vmtopNoLogo.vmlayoutdefault.vmscreenhomepage.vm,Java模块package结构src/javacomalibabasamplepetstorewebhomemodulescreenHomepage.javacontrolaction,开发turbine应用程序的基本单元是Module实际应用中，大部分的module都是TemplateModule。TemplateModule由两部分构成：模板和Java模块：,实际例子：Petstore登录页面,这个页面是怎么显示出来的呢？,实际例子：Petstore登录页面（过程）,用户输入URL：http:/localhost:7001/petstore/user/login.htm分析URL取得target：/login.vm根据target查找screen模板：/screen/login.vm根据target查找screen模块的类：com.alibaba.sample.petstore.web.user.module.screen.Login（找不到该类）com.alibaba.sample.petstore.web.user.module.screen.Default（找不到该类）com.alibaba.turbine.module.screen.TemplateScreen（默认screen类）执行screen类，并渲染screen模板根据target查找layout模板：/layout/login.vm（找不到）/layout/default.vm（找到）渲染layout模板渲染在layout模板中引用的两个control：home:top.vm在home.car中查找/control/top.vmhome:bottom.vm在home.car中查找/control/bottom.vm,访问无模板的screen,假设有下面的URL（注意后缀）：http:/localhost:7001/petstore/user/login.do那么WebX将不会查找login.vm这个模板，而是直接执行screen：com.alibaba.sample.petstore.web.user.module.screen.Login什么时候要使用这种URL呢？不使用模板的情形模板只是一种文本生成技术，除此之外，还有其它技术。在某些情形下，使用模板不一定是最好的方法。不需要返回可见的页面的情形例如一个被机器回调的URL。重定向到另一个页面的情形有时一个页面自身不显示内容，而是重定向（内部/外部）到另一个页面。例如：支付宝的商家工具。,WebX框架基础,页面驱动,页面驱动,什么是页面驱动？以页面（view）为主导先写页面，再写和页面配套的程序模块通过规则，查找页面所对应的程序模块页面驱动的好处？符合WEB项目开发的流程：在产品设计阶段就可以做出页面在开发阶段对页面进行细化。页面驱动的动力PullTools,PullTools,看看petstore中的一个页面模板：想想看：以上这些“红色”的变量是哪来的？,#set($group=$form.login.defaultInstance),WebX框架基础,TurbineModules,TurbineModules,Modules是基本编程模块：Screen用来处理页面显示逻辑的moduleControl和screen类似，但可以被别的screen或layout引用，甚至可以跨越car应用Action处理用户提交表单的module所有module都实现Module接口：publicinterfaceModulevoidexecute(RunDatarundata)throwsWebxException;,ScreenModule的写法,Screen的功能就是显示一个页面，最简单的screen可以这样写：publicclassSimpleScreenextendsAbstractModulepublicvoidexecute(RunDatarundata)throwsWebxExceptionPrintWriterout=rundata.getResponse().getWriter();out.println(hello,world);但这种写法并不常用，99%的screen使用了模板技术：publicclassMyTemplateScreenextendsTemplateScreenprotectedvoidexecute(RunDatarundata,TemplateContextcontext)throwsWebxExceptioncontext.put(hello,world);模板文件myTemplateScreen.vm可以这样写：Hello,$hello显示结果：hello,world,ControlModule的写法,Control和screen的写法完全类似：publicclassSimpleControlextendsAbstractModulepublicvoidexecute(RunDatarundata)throwsWebxExceptionPrintWriterout=rundata.getResponse().getWriter();out.println(hello,world);支持模板技术的control从TemplateControl类派生publicclassMyTemplateControlextendsTemplateControlprotectedvoidexecute(RunDatarundata,TemplateContextcontext)throwsWebxExceptioncontext.put(hello,world);模板文件myTemplateControl.vm可以这样写：Hello,$hello显示结果：hello,world,ActionModule的写法,Action是用来处理用户提交的表单的（以petstore用户登录为例）程序这样写：publicclassLoginActionextendsTemplateActionpublicvoiddoLogin(RunDatarundata,Tem