配置对应环境，运行petstore

通过官网给的命令行方法，来运行petstore

• petstore是java ee的经典学习案例，下载链接
• 如何运行呢？ 参见官网给的指导：webx官网

git clone https://github.com/webx/citrus-sample.gitcd citrus-sample/petstoremvn clean installcd webmvn jetty:run-war

maven是一个巨大项目的管理工具，类似于C++的makefile，回头会具体细看maven的用法。下面是执行上面遇到的问题总结：

下载配置maven:下载maven链接 ,注意maven运行需要jdk，而不仅仅是jre,否则会提示对应的错误； 

mvn jetty:run-war，执行报错，参见帖子：mvn jetty:run-war 报错 的解决方法 

jetty跑起来之后，通过如下链接访问：http://localhost:8081/?home

使用eclipse来运行petstore

• 下载java ee的eclipse，解压缩即可使用，这个版本的eclipse自带maven，无需配置；
• 通过前面的命令行操作，已经得到了一个war包，在eclipse中导入war包即可。war包的路径是：D:\code\maven\citrus-sample\petstore\web\target\petstore.war.
• 配置tomcat，来运行petstore。首先去官网下载一个tomcat：http://tomcat.apache.org/download-80.cgi 配置好环境之后，需要将tomcat嵌入到eclipse中:Windows–Preference-Server–Runtime environment中进行配置即可。可以参见帖子:tomcat嵌入到eclipse中，并运行一个jsp文件
• 至此，就可以在eclipse中运行petstore了。
• 补充，通过上述方式虽然可以运行petstore了，但是发现通过war导入的工程，并不能越短*.java的源码。这里通过命令行:mvn eclipse:eclipse，将maven工程转换为eclipse可以识别的工程，再次在eclipse中导入即可，参见帖子：eclipse导入maven工程

使用eclipse建立快速建立webx工程

通过上面步骤已经可以开始分析petstore了，面对一个新框架，分析这个还是有点棘手，所以，我还是选择了从hello,world工程开始。这里，在阿里学习上，找到了一个webx学习的视频，多听几遍，才慢慢听懂，链接：阿里学习-webx分享。通过这个视频对照快速建立的webx工程，可以有效的来进行学习。

为eclipse安装Archetype

new 一个maven工程 

在选择archetype界面，右下角有一个add archetype, webx-archetype信息 ，仓库地址 

至此，就可以通过webx-archetype-quickstart来快速建立一个webx的工程了，并且有基本的学习例子，对照着前面给出的视频教程，反复观看和操作可以简单快速的了解概念。

在eclipse中，让vm模板语法高亮

*vm的模板文件并不能够语法高亮和自动补全，写起来比较痛苦，一个安装插件的地址：veloeclipse插件地址 ,在安装过程中会遇到错误:

An error occurred while installing the items session context was:(profile=epp.package.jee, phase=org.eclipse.equinox.internal.p2.engine.phases.Install, operand=null –>

[R]com.googlecode.veloeclipse.ui 2.0.8, action=).

Failed to prepare partial IU: [R]com.googlecode.veloeclipse.ui 2.0.8.

此时，参考帖子：安装veloeclipse遇到问题解决

仿写一个hello,world

通过petstore项目，来学习webx

通过前面的webx-quickstart产生的例子教程，可以快速的入门webx。个人认为比petstore更加适合来理解webx的概念和运行过程。但是petstore可以称作一个全面的项目，很多东西都涉及到了。所以这里，还是使用petstore来学习webx中的一些重要概念。其中很多东西都来自Webx3_Guide_Book.pdf

webx的层次

webx鼓励层次化设计，框架本身也是层次化的。层次如下图所示： 

其中：

SpringExt：基于Spring，提供扩展组件的能力。它是整个框架的基础。

Webx Framework：基于Servlet API，提供基础的服务，例如：初始化Spring、初始化日志、接收请求、错误处理、开发模式等。Webx Framework只和servlet及spring相关 ——它不关心Web框架中常见的一些服务，例如Action处理、表单处理、模板渲染等。因此，事实上，你可以用Webx Framework来创建多种风格的Web框架。

Webx Turbine：基于Webx Framework，实现具体的网页功能，例如：Action处理、表单处理、模板渲染等。

SpringExt

这个部分，还有待学习，我们知道，SpringExt完全兼容Spring原来schema的概念和风格，但是却可以让schema像程序代码一样被扩展。Webx完全建立在SpringExt的基础上。这个基础决定了Webx是一个高度可扩展的框架，其配置虽然灵活，却又不失方便和直观。SpringExt提供了一个通用的扩展机制。

Webx Framework

webx Framework是第一个真正涉及web技术的层次。

webx Framework这个层次的任务：

初始化spring容器

在web.xml配置文件中，Webx利用WebxContextLoaderListener来初始化Spring。Webx Framework将会自动搜索/WEB-INF目录下的XML配置文件，并创建级联的spring容器。将一个大的应用分解成若干个小应用模块，并使它们的配置文件相对独立，这是一种很不错的开发实践。

初始化日志系统

在web.xml中，Webx利用LogConfiguratorListener来初始化日志系统。

webx响应请求

如下图所示：

*. 首先，它会增强request、response、session的功能，并把它们打包成更易使用的RequestContext对象。在webx.xml中可以配置request-contexts服务。 

*. 其次，它会调用相应子应用的pipeline，用它来做进一步的处理。 

*. 假如在上面的过程中出现异常，则会触发Webx Framework处理异常的过程。 

pipline: webx Framework赋予开发者极大的自由，来定制处理请求的流程。如图所示： 

补充–WebxFrameworkFilter处理一个WEB请求的过程，如下图所示： 

Webx Turbine

设计理念：页面驱动和约定胜于配置。约定的规则如下所示：

下面来看看页面布局:

Screen，代表页面的主体。 

Layout，代表页面的布局。 

Control，代表嵌在screen和layout中的页面片段。

接下来结合具体例子来看看页面的处理流程：

页面的处理流程是在pipeline.xml中定义的，下面以http://localhost:8080/petstore/ 这个url来说明页面的处理流程，Webx Framework的处理流程，从WebxFrameworkFilter接收请求，并且一路顺利到达pipeline。然后Pipeline开始依次执行它的valves。： 

* 1)analyzeURL - 分析URL：获取target，这里并没有path信息，AnalyzeURL valve提供了一个可选的参数“homepage”； 

* 2)进入choose- 多重分支: 这里homepage没有后缀，“homepage”满足了第一个所附带的条件：target-extension-condition extension=”null” ；

* 3)进入这个条件：performAction- 执行action,action是用来执行表单请求的，本地请求，并没有action，所以跳过； 

* 4)performTemplateScreen - 查找并执行screen。有一个规则去查找screen，如果找到screen类，就去执行它，Screen类的功能，通常是读取数据库，然后把模板所需要的对象放到context中。如果找不到，也没关系 —— 这就是“页面优先”：像homepage这样的主页，通常没有业务逻辑，因此不需要screen类，只需要有模板就可以了。 

* 5)renderTemplate - 渲染模板。这里用到两个规则：target映射成screen template，以及target映射成layout template。如果没有找到screen模板，就报404错误，如果找到就按照一定的规则去寻找layout模板，如果存在，就将screen嵌入到layout模板中。

* 6)breakUnlessTargetRedirected - 内部重定向。内部重定向实质上就是由breakUnlessTargetRedirected实施的 —— 如果没有重定向标记，就退出；否则循环到loop标签。

 

 

Webx框架：http://openwebx.org/petstore:webx3/webx-sample/petstore/tags/3.0/petstore编译之后：mvn jetty:run即可, 访问：http://localhost:8081/ Webx MVC(以webx3为基础)1、webx3的入口点
             
      
       webx
              
      
       com.alibaba.citrus.webx.servlet.WebxFrameworkFilter
          
         
             
      
       webx
              
      
       /*
          
       webx.xml：每个webx应用，都需要有一个webx.xml配置文件。这个文件定义了Webx所用到的所有services的配置。pipeline.xml：即管道，它是由一个或多个“阀门Valve”构成的。可以看做webx框架的总控文件。log4j.xml：日志系统配置文件。对于程序的排错至关重要。 典型的webx.xml配置：
      
      
           
           
               
       
        common
            
            
           
            
           
            
           
            
           
            
           
               
                
       
        ${productionMode:true}
                
            
            
           
               
                
                
                
                
                
                    
                         
                      
                     
                         
                              
                           
                      
                     
                         
                      
                 
            
            
           
            
           
               
                
                
                
            
            
           
               
                    
                 
            
        
      2、前端分析所有和前台展示有关的文件，即模板，放在templates目录下，vm后缀的为Velocity的模板对应的java代码src/main/java/…/module。Modules是基本编程模块：包括screen，control，action    Screen — 用来处理页面显示逻辑的module，主要功能就是显示一个页面    Control — 和screen类似，但可以被别的screen或layout引用，甚至可以跨越car应用    Action — 处理用户提交表单的moduleWebx的页面布局以screen为主导，通过screen来查找其余的页面元素，然后通过一系列查找规则来查找页面元素Screen和control都可以有java类来驱动，但不是必须的，也就是说可以先写模板，后写类 ，也可以只写模板，不用构造对应类。页面布局如下：　　截图• Screen，代表页面的主体。• Layout，代表页面的布局。• Control，代表嵌在screen和layout中的页面片段。3、Webx执行的流程 可参考：http://qa.taobao.com/?p=7830,http://qa.taobao.com/?p=7604用户输入URL：http://localhost:7001/petstore/user/login.htm      1）petstore称为Context Path。服务器把这个请求交给petstore应用来接管。      2） login.htm称为Servlet Path。在web.xml中把*.htm映射到Webx Controller Servlet，所以Webx Controller Servlet就接管了这个请求。      3） Webx Controller Servlet激活pipeline，继而调用AnalyzeURLValve来分析/ login.htm是什么意思。根据webx默认的映射规则，/ login.htm被转换成/ login.vm。分析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.vm4、配置文件分析参考：http://qa.taobao.com/?p=12800(1)Webx2 PoolToll     在velocity模板中经常使用到pulltool，这是一些工具类，方便我们进行页面输出内容的控制，组织页面的展示，或者是直接取得web层相关的 一些对象，直接在vm中调用。pull在概念上可以形象的理解为"拉动"，是由页面拉动业务逻辑，获取并控制需要展示的内容，而非应用程序推动 （push），这非常符合webx的页面驱动的模式。在页面进行渲染时，pulltool对象已被预先创建好，并被放入TemplateContext 中，在渲染页面时被调用并输出所需要的内容。      pulltool是由PullService管理的，PullService将pulltool纳入了Service框架的范畴进行管理，理论上我们可以 将任意组件封装为一个pulltool，或者将任意代码逻辑封装在一个pulltool中，只要实现PullTool接口，这个类便可以被 PullService管理起来进而可以在vm模板中直接使用，或者说，pulltool就是一些被PullService管理的组件，这些组件帮助我们控制页面上的内容。pulltool一般都会继承一个抽象类PullToolSupport，这个类方便对PullTool进行配置与调用，它包含了一些 与PullTool的配置与初始化有关的逻辑，它的子类只需要专注于自己需要对外提供的方法即可。而PullService提供了一个自动组装 TemplateContext的机制，通过这个机制，PullTool被put进TemplateContext，可以在模板中被直接使用。     PullTool 有四种不同的作用范围，Global - 全局作用域，此作用域内的tool仅在service被初始化时被创建一次，以后不再改变Request - 请求作用域，此作用域内的tool在每个用户请求到达时被创建Session - 会话作用域，此作用域内的tool在会话的第一个请求到达时被创建，在整个会话期间不再改变Authorized - 验证用户作用域，此作用域内的tool在用户被验证之后创建，随用户的登出而消失         不同的作用域范围代表了pulltool的生效范围,global作用域的PullTool被放入一个全局的TemplateContext中（这个 Template的上下文只在PullService被初始化的时候被创建，只被创建这一次，作为全局的TemplateContext来使用），其他作 用域的PullTool都是在用户请求之后创建的TemplateContext中有效，而每一个显示组件，如screens和controls，都将继 承上述作用域中的tools，但不会相互覆盖，即依旧在各自的作用域中生效。当screen等显示组件所对应的模板被渲染时，调用pulltool的地方 就能够被调用了。PullTool在Webx.xml文件中进行配置，将需要使用的pulltool作为PullService的property，它们会作为PullService的Configuration被读取。以下是一般项目中常用到的一些pulltool的配置            
                
                      
                       
                        
                  
                 
                     
                      
                      
                      
                      
                      
                  
             
      全局作用域的pulltool  $util，实现类是LangToolSet，它是一个pulltool的集合，包含了com.alibaba.lang包下的一系列基本工具类，如StreamUtil，StringEscapeUtil，StringUtil，ArrayUtil等，这些工具在vm模板里可利用对应的变量名称调用，由于pulltool主要用来控制页面显示内容的，最常用的要数StringEscapeUtil，StringUtil。  StringUtil包含对字符串的处理函数，似乎跟字符串判断与字符串比较有关的功能这里都有了，在vm里通过$stringUtil变量调用需要的方法就可以啦。StringEscapeUtil，这个类的用途更大，它可以方便的将字符串转换成适应Java、JavaScript、HTML、XML、SQL、URL语句的形式，当然，在模板里调用，对于HTML、JavaScript及URL的转义肯定是最常见的了。  对于页面上要输出的值，一般都需要进行html转义，以防止要展示的字符串中包含html标签或JavaScript脚本，使得显示格式出错甚至是存在攻击脚本。使用$stringEscapeUtil.escapeHtml($变量名)即可调用相应转义方法。StringEscapeUtil类还包含了反向转义的功能，即将转义后的字符串还原为原来的形式，StringEscapeUtil类提供了URL转义的功能，将字符串按URL编码规则转换为相应格式，即将一些字符转换为%XX的形式，如空格转换为%20。当然也有反向转义的功能，对URL进行解码。在进行URL编解码时，需要注意所使用的编码集，用不同的编码集编解码可能会得到不同的输出结果。在使用escapeURL()方法时可以指定编码集。$viewTool，实现类是IntlViewPullTool，包含了很多国际站页面输出时常用的方法，方便国际站工程师在页面上直接调用，避免重复开发，节省工作量。包括的方法有以下几类  输出值格式化，如formatDate(),formatInt()，getAdjustedString(),截取输出值的一部分显示，还有控制html转义与输出的一些方法。业务逻辑相关的格式化，getCountryTimeZone()，encryptForAlitalk()等，为了解决一些常见的展示需求，在页面直接使用，方便快捷。一些很通用的页面输出的控制逻辑，都可以抽取出来作为pulltool工具来使用，提高开发效率。request作用域的pulltool，在用户提交请求时创建，可以用来直接在vm中使用请求相关的一些对象  $page$control$rundata$webuser  （2）Webx3 pooltool pullTool的配置Webx3 PullTool的配置形式上发生了改变、采用的是Spring Xml Schema的配置方式、例子如下: 
      
       
       
       
       
       
       
       
       
      
       
     Webx3对PullTool的配置进行了简化和封装、但是如果缺少文档的话、上面的有些配置可能就不那么容易理解 比如： 
      这个标签其实表示的是开发者可以直接在Vm中使用com.alibaba.common.lang包下的一些工具类： 如ArrayUtil、StringUtil、SystemUtil等其他的几个标签相对容易理解、如：rundata-tool代表$rundata、csrfToken代表$csrfToken、uris-tool表示的是UriBrokerTool、 可以在Vm使用Uribroker、另外webx2-tool标签表示的是使用Web3的兼容模式集成Web2下自定义的PullTool，scope属性表示的是PullTool的作用级别webx3下如何自定义一个PullToolWebx3下自定义或扩展一个PullTool要比Webx2容易且有多种方法：1、实现ToolFactory、或者ToolSetFactory接口、实现了后者可以创建一组pullTool代码示例：接下来只要将该类配置一下即可使用
     2、采用Webx3提供的BeanTool BeanTool是可以用于创建一个简单bean的tool factory你可以将一个工具类或者简单的Spring容器的Bean只需通过简单的配置就可以成为一个PullTool，BeanTool内部使用AutowireCapableBeanFactory的initializeBean方法将指定的Class动态初始化一个Bean并注入到Spring容器中、同时该Bean可以作为一个PullTool使用：配置如下：
     这种方式的好处：1你可以方便的将已有的一个工具类配置一下就可以变成PullTool而不需要专门实现任何接口、去除了对原有类的不必要侵入，2可以将Spring容器的一个Bean作为PullTool使用 （3）webx3中webx.xml中request context配置