当前位置:首页 > 开发 > Web前端 > Ajax > 正文

一步一步学Mule ESB——(第二篇:Ajax篇)

发表于: 2015-11-13   作者:互联网   来源:转载   浏览次数:
摘要: 待完成功能 使用Ajax请求向后端发送请求 把网页的数据转换成请求的处理流 使用XSL and Mule Transformers转换成Google API可以理解的格式 创建一个Google API的拼写检查,处理网页输入 返回XML数据到页面 实施一个Jetty服务器在流程中 创建工程 创建工程ajaxflow,然后在ajaxflow.mflow中加入以

待完成功能

  1. 使用Ajax请求向后端发送请求
  2. 把网页的数据转换成请求的处理流
  3. 使用XSL and Mule Transformers转换成Google API可以理解的格式
  4. 创建一个Google API的拼写检查,处理网页输入
  5. 返回XML数据到页面
  6. 实施一个Jetty服务器在流程中

创建工程

创建工程ajaxflow,然后在ajaxflow.mflow中加入以下组件:

              图:ajax请求流程

添加和配置Ajax接口

在ajaxflow.mflow中选择Global Elements

    图:选择全局元素

点击Create,出现Choose Global Type窗口。

打开Connectors,然后选择Ajax

            图:选择接口中的Ajax

分别在Server URLResource Base中输入:

http://127.0.0.1:8090/Ajax

和 src/main/app/docroot

            图:Ajax设置

点击OK完成就可以在列表中看到Ajax接口了。

          图:Ajax接口

然后双击flow中的Ajax元素,配置Ajax Endpoint,设置Channel:

          图:Channel设置

然后设置引用:

选择我们上边设置的Ajax全局接口。

配置XSLT转换

下载xsl文件:

transform.xsl file

保存进你的MuleStudio > examples > AjaxSpellChecker > TransformFile目录中

然后右键工程,选择Import,选择File System,导入刚才保存好的transform.xsl,将导入的文件放到工程的src\main\app目录下。

做完上面的步骤,双击XSLT transformer会出现Pattern Properties窗口,配置如下参数:

            图:转换属性配置

配置Http请求

双击HTTP Endpoint出现Endpoint Properties窗口。

进行设置如下:

            图:Http Endpoint设置

然后设置HTTP Settings,Content Type属性:

            图:HTTP Settings设置

导入页面并测试

先新建文件夹,New > Folder. 名称为/main/app/docroot,然后在新建的文件夹上点右键,导入示例页面,

页面的位置在MuleStudio > examples > AjaxSpellChecker >HTMLfile中的SpellChecker.html文件。

然后启动Run as Mule Application,启动成功后我们能看到:

        图:ajaxflow启动应用

然后打开浏览器输入http://127.0.0.1:8090/Ajax/SpellChecker.html

        图:Ajax请求页面

根据输入内容的不同,控制台就会输出对应的处理内容了。

          图:控制台打出的日志信息

 

  1. 一步一步学Mule ESB——(第一篇:基础篇)
  2. 一步一步学Mule ESB——(第二篇:Ajax篇)

 

一步一步学Mule ESB——(第二篇:Ajax篇)

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
以前一直都是自己写日志,在麦库写,然后,保存,不过,感觉分享的东西就应该放在博客中,自己写的东西,像
Ajax登录设计 任务需求:做一个登录,拥有自动记住账号和密码的功能,要保证安全性,ajax,无刷新,良好的
转载:http://tech.sina.com.cn/s/2009-07-17/1129988785.shtml 单元测试基础知识 单元测试是开发者
一,摘要 本文作为Android开发的开山篇主要向读者介绍如何搭建Android开发环境 二,工具 1.JAVA JDK(
开始写链表了,xiaod年前都已经实现了,我到现在还迟迟没有实现,表示十分尴尬,好吧,这两天把它给
一、符号的定义 符号是Ruby内建类Symbol的实例,它们的标志是前导冒号。 :a :person :"Hello World"
一、Hash的定义和赋值 Hash代表键值对的集合,Ruby里的键值可以是任意类型,字符串,数字,甚至是数
一、Hash的定义和赋值 Hash代表键值对的集合,Ruby里的键值可以是任意类型,字符串,数字,甚至是数
一、符号的定义 符号是Ruby内建类Symbol的实例,它们的标志是前导冒号。 :a :person :"Hello World"
本人在学习EF4时,读了很多书,走了很多弯路,最后发现其实EF4很简单,结合Linq,可以实现非常简单
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号