<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>com.my</groupId>
  <artifactId>activitiTest</artifactId>
  <version>0.0.1-SNAPSHOT</version>
 
    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    </properties>
 
    <dependencies>
        <!-- Activiti -->
        <dependency>
            <groupId>org.activiti</groupId>
            <artifactId>activiti-engine</artifactId>
            <!-- <version>5.15.1</version> -->
            <version>5.22.0</version>
        </dependency>
        
        <dependency>
            <groupId>org.activiti</groupId>
            <artifactId>activiti-explorer</artifactId>
            <version>5.22.0</version>
        </dependency>
        
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.29</version>
        </dependency>
    
    </dependencies>
</project>

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://www.springframework.org/schema/beans
    http://www.springframework.org/schema/beans/spring-beans.xsd">
    
    <bean id="processEngineConfiguration"
        class="org.activiti.engine.impl.cfg.StandaloneProcessEngineConfiguration">
        <property name="jdbcUrl" value="jdbc:mysql://localhost:3306/activiti1?characterEncoding=utf-8" />
        <property name="jdbcDriver" value="com.mysql.jdbc.Driver" />
        <property name="jdbcUsername" value="root" />
        <property name="jdbcPassword" value="123" />
        <property name="databaseSchemaUpdate" value="true" />
    </bean>

</beans>

package activitiTest;

import org.activiti.engine.ProcessEngine;
import org.activiti.engine.ProcessEngineConfiguration;
import org.activiti.engine.ProcessEngines;
import org.activiti.engine.RepositoryService;
import org.activiti.engine.RuntimeService;

public class T1 {

    public static void main(String[] args) {

// Create Activiti process engine 这个是用spring集成时用的，如果不用spring则用下面的getDefaultProcessEngine
//        ProcessEngine processEngine = ProcessEngineConfiguration
//                .createStandaloneProcessEngineConfiguration()
//                .buildProcessEngine();
        
        ///用这个方法，才会去加载 activiti.cfg.xml 配置文件中配置的数据库
          ProcessEngine processEngine = ProcessEngines.getDefaultProcessEngine();

          // Get Activiti services
          RepositoryService repositoryService = processEngine.getRepositoryService();
          RuntimeService runtimeService = processEngine.getRuntimeService();

          // Deploy the process definition
          repositoryService.createDeployment()
            .addClasspathResource("FinancialReportProcess1.bpmn20.xml")
            .deploy();

          // Start a process instance
          runtimeService.startProcessInstanceByKey("financialReport");
        }
}

<?xml version="1.0" encoding="UTF-8"?>
<!-- 定义开始 -->
<!-- 下面3行是头文件，如果包含 bpmndi:BPMNDiagram 标签则不能只用这3行，要用下面那个多的 -->
<!-- <definitions id="definitions" xmlns="http://www.omg.org/spec/BPMN/20100524/MODEL" 
    xmlns:activiti="http://activiti.org/bpmn" targetNamespace="Examples"> -->

<definitions xmlns="http://www.omg.org/spec/BPMN/20100524/MODEL"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema"
    xmlns:activiti="http://activiti.org/bpmn" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI"
    xmlns:omgdc="http://www.omg.org/spec/DD/20100524/DC" xmlns:omgdi="http://www.omg.org/spec/DD/20100524/DI"
    typeLanguage="http://www.w3.org/2001/XMLSchema" expressionLanguage="http://www.w3.org/1999/XPath"
    targetNamespace="http://www.activiti.org/processdef">


    <process id="financialReport" name="Monthly financial report reminder process">
        <!-- 开始事件 -->
        <startEvent id="theStart"></startEvent>
        <!-- 从开始到第一个用户任务之间的箭头连线(会包含定义箭头起始点对应的节点 id) -->
        <sequenceFlow id="flow1" targetRef="writeReportTask"
            sourceRef="theStart"></sequenceFlow>
        <!-- 第一个用户任务（写月财报） -->
        <userTask id="writeReportTask" name="Write monthly financial report">
            <!-- 描述信息，可有可无 （各个标签上的name属性也是同理） -->
            <documentation>
                write monthly finacial reoport for publication to
                sharehollders.
            </documentation>
            <!-- 潜在拥有者 -->
            <potentialOwner>
                <!-- 资源分配表达式 -->
                <resourceAssignmentExpression>
                    <!-- 真正的表达式 -->
                    <formalExpression>
                        <!-- 没有显示指明是用户还是组，默认为组，这里是之会计组的成员 -->
                        accountancy
                    </formalExpression>
                </resourceAssignmentExpression>
            </potentialOwner>
        </userTask>

        <!-- 从第一个用户任务到第二个用户任务之间的箭头连线(会包含定义箭头起始点对应的节点 id) -->
        <sequenceFlow id="flow2" targetRef="verifyReportTask"
            sourceRef="writeReportTask"></sequenceFlow>

        <!-- 第二个用户任务（领导审批任务） -->
        <userTask id="verifyReportTask" name="Verigy monthly financial report">
            <documentation>
                Verify monthly financial report composed by the
                accountancy department.
                This financial report is going to be sent to
                all the company
                shareholders.
            </documentation>
            <potentialOwner>
                <resourceAssignmentExpression>
                    <!-- 这个任务的潜在用户是管理组成员 -->
                    <formalExpression>management</formalExpression>
                </resourceAssignmentExpression>
            </potentialOwner>
        </userTask>

        <!-- 第二个用户任务到结束节点的箭头连线 -->
        <sequenceFlow id="flow3" targetRef="theEnd" sourceRef="verifyReportTask"></sequenceFlow>

        <!-- 结束事件节点 -->
        <endEvent id="theEnd"></endEvent>

    </process>

    <!-- 下面是用编辑器画流程图时生成的图像信息，在Eclipse中用代码方式可以把下面的都注释 -->
    <bpmndi:BPMNDiagram>
        <bpmndi:BPMNPlane bpmnElement="financialReport">
            <bpmndi:BPMNShape bpmnElement="theStart">
                <omgdc:Bounds height="30.0" width="30.0" x="75.0" y="225.0" />
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="writeReportTask">
                <omgdc:Bounds height="80.0" width="100.0" x="165.0" y="200.0" />
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="verifyReportTask">
                <omgdc:Bounds height="80.0" width="100.0" x="330.0" y="200.0" />
            </bpmndi:BPMNShape>
            <bpmndi:BPMNShape bpmnElement="theEnd">
                <omgdc:Bounds height="28.0" width="28.0" x="480.0" y="226.0" />
            </bpmndi:BPMNShape>
            <bpmndi:BPMNEdge bpmnElement="flow1">
                <omgdi:waypoint x="105.0" y="240.0" />
                <omgdi:waypoint x="165.0" y="240.0" />
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="flow2">
                <omgdi:waypoint x="265.0" y="240.0" />
                <omgdi:waypoint x="330.0" y="240.0" />
            </bpmndi:BPMNEdge>
            <bpmndi:BPMNEdge bpmnElement="flow3">
                <omgdi:waypoint x="430.0" y="240.0" />
                <omgdi:waypoint x="480.0" y="240.0" />
            </bpmndi:BPMNEdge>
        </bpmndi:BPMNPlane>
    </bpmndi:BPMNDiagram>

</definitions>

<dependencies>
 	<dependency>
   		<groupId>org.apache.activemq</groupId>
   		<artifactId>activemq-all</artifactId>
   		<version>5.15.3</version>
	</dependency>
  </dependencies>

package main;

import javax.jms.Connection;
import javax.jms.ConnectionFactory;
import javax.jms.DeliveryMode;
import javax.jms.Destination;
import javax.jms.JMSException;
import javax.jms.MessageProducer;
import javax.jms.Session;
import javax.jms.TextMessage;

import org.apache.activemq.ActiveMQConnection;
import org.apache.activemq.ActiveMQConnectionFactory;

public class Producer {

    // 默认连接用户名
    private static final String USERNAME = ActiveMQConnection.DEFAULT_USER;
    // 默认连接密码
    private static final String PASSWORD = ActiveMQConnection.DEFAULT_PASSWORD;
    // 默认连接地址
    private static final String BROKER_URL = ActiveMQConnection.DEFAULT_BROKER_URL;

    public static void main(String[] args) {
        // 连接工厂
        ConnectionFactory connectionFactory =
                new ActiveMQConnectionFactory(USERNAME, PASSWORD, BROKER_URL);

        try {
            // 连接
            Connection connection = connectionFactory.createConnection();
            // 启动连接
            connection.start();
            // 创建session
            Session session = connection.createSession(true, Session.AUTO_ACKNOWLEDGE);
            // 消息目的地
            Destination destination = session.createQueue("FirstQueue");
            // 消息生产者
            MessageProducer producer = session.createProducer(null);
            // 设置不持久化，此处学习，实际根据项目决定
            producer.setDeliveryMode(DeliveryMode.NON_PERSISTENT);

            // 发送消息
            for (int i = 0; i < 10; i++) {
                // 创建一条文本消息
                TextMessage message = session.createTextMessage("ActiveMQ: 这是第 " + i + " 条消息");
                // Destination destination = session.createTopic("FirstQueueTopic");
                // 生产者发送消息
                producer.send(destination, message);
            }
            session.commit();
            session.close();
            connection.close();
        } catch (JMSException e) {
            e.printStackTrace();
        }
    }
}

package main;

import javax.jms.*;

import org.apache.activemq.ActiveMQConnection;
import org.apache.activemq.ActiveMQConnectionFactory;

public class Consumer {

    // 默认连接用户名
    private static final String USERNAME = ActiveMQConnection.DEFAULT_USER;
    // 默认连接密码
    private static final String PASSWORD = ActiveMQConnection.DEFAULT_PASSWORD;
    // 默认连接地址
    private static final String BROKER_URL = ActiveMQConnection.DEFAULT_BROKER_URL;

    public static void main(String[] args) {
        // 连接工厂
        ConnectionFactory connectionFactory =
                new ActiveMQConnectionFactory(USERNAME, PASSWORD, BROKER_URL);
        try {
            // 连接
            Connection connection = connectionFactory.createConnection();
            // 启动连接
            connection.start();
            // 创建session
            Session session = connection.createSession(false, Session.AUTO_ACKNOWLEDGE);
            // 消息目的地
            Destination destination = session.createQueue("FirstQueue");
            // Destination destination = session.createTopic("FirstQueueTopic");
            // 消息消费者
            MessageConsumer consumer = session.createConsumer(destination);
            while (true) {
                TextMessage message = (TextMessage) consumer.receive();
                if (message != null) {
                    System.out.println("接收到消息： " + message.getText());
                } else {
                    break;
                }
            }
            session.close();
            connection.close();
        } catch (JMSException e) {
            e.printStackTrace();
        }
    }
}

<?xml version="1.0" encoding="UTF-8"?>
<!-- 查找最新的schemaLocation 访问 http://www.springframework.org/schema/ -->
<beans xmlns="http://www.springframework.org/schema/beans"
    xmlns:context="http://www.springframework.org/schema/context"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:amq="http://activemq.apache.org/schema/core"
    xmlns:jms="http://www.springframework.org/schema/jms"
    xsi:schemaLocation="http://www.springframework.org/schema/beans   
        http://www.springframework.org/schema/beans/spring-beans.xsd   
        http://www.springframework.org/schema/context   
        http://www.springframework.org/schema/context/spring-context.xsd
        http://www.springframework.org/schema/jms
        http://www.springframework.org/schema/jms/spring-jms.xsd
        http://activemq.apache.org/schema/core
        http://activemq.apache.org/schema/core/activemq-core.xsd"> 
 
    <amq:connectionFactory id="amqConnectionFactory" 
    	brokerURL="${activemq.brokerURL}" userName="${activemq.username}" password="${activemq.password}" />    	
 
    <bean id="connectionFactory">
        <constructor-arg ref="amqConnectionFactory" />
        <property name="sessionCacheSize" value="100" />
    </bean>
     
    <!-- 定义JmsTemplate的Queue类型 -->
	<bean id="jmsQueueTemplate">
		<constructor-arg ref="connectionFactory" />
        <!-- 非pub/sub模型（发布/订阅），即队列模式 -->
		<property name="pubSubDomain" value="false" />
	</bean>
     
    <!-- 定义JmsTemplate的Topic类型 -->
	<bean id="jmsTopicTemplate">
		<constructor-arg ref="connectionFactory" />
        <!-- pub/sub模型（发布/订阅） -->
		<property name="pubSubDomain" value="true" />
	</bean>
     
</beans>

activemq.brokerURL=failover:(tcp://10.135.100.59:9203,tcp://10.135.100.60:9203)
#activemq.brokerURL=tcp://10.135.100.59:9203
activemq.username=admin
activemq.password=admin

@Autowired
    @Qualifier("jmsQueueTemplate")
    private JmsTemplate jmsTemplate;// 通过@Qualifier修饰符来注入对应的bean

    /** 
     * @Title: send 发送一条消息到指定的队列（目标）
     * @Description: 
     * @param queueName 队列名称
     * @param message 消息内容
     * @date 2016年10月12日 上午10:15:56
     */
    public void send(String queueName, final String message) {
        jmsTemplate.send(queueName, new MessageCreator() {
            public Message createMessage(Session session) throws JMSException {
                return session.createTextMessage(message);
            }
        });
    }

berfore:

虽然自己的方向一直是在Web上，但是自己总是急于求成，所以越是到后面，越发觉基础不牢固，导致有时在综合思考的一些问题寻找突破口的时候就难上加难。 所以在此告诫自己，做技术要认真，脚踏实地。做人做事都要脚踏实地。 只有这样，站的更稳，走的越坚强。
老规矩，学习类的内容都写在csdn上。

正题

ajax

什么是ajax呢

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
AJAX 不是新的编程语言，而是一种使用现有标准的新方法。
AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。

所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）。

XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

所以现在大部分的网站 都是使用 ajax+xml 在后台实现数据交互。
前台通过 div 来更新页面。

就这样。为了加深理解，写了一个小例子

需求

search.html 为查询页面 选择指定产品，点击查询，然后会通过ajax向服务器发送查询信息，服务器返回xml数据。
html页面解析xml替换innerhtml显示返回结果

api.PHP
接受两种查询
第一种是接受参数c=list返回 产品名列表
第二种是接受c=search&pname=name返回每种产品的详细信息

写完了感觉没什么难的，不过其中写的时候有很多细节没有注意到。也感觉到了自己的js功底真是匮乏。

<!DOCTYPE html>
<html>
<head>
<Meta charset="utf-8">
<script language="javascript"> window.onload=function() { var xmlhttp=null; if (window.XMLHttpRequest) {// code for IE7+,Firefox,Chrome,Opera,Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6,IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { var xmlDoc=xmlhttp.responseXML; var elements = xmlDoc.getElementsByTagName("name"); for(var i=0;i<elements.length;i++) { var ele=elements[i].firstChild.nodeValue; var se=document.getElementById('product'); se.add(new Option(ele,ele)); } } } xmlhttp.open("GET","/api/api.PHP?c=list",true); xmlhttp.send(); } function search() { var xmlhttp=null; if (window.XMLHttpRequest) {// code for IE7+,IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { // var xmlDoc=xmlhttp.responseText; var xmlDoc=xmlhttp.responseXML; // <root><id>1</id><name>test</name><num>1</num><price>200</price></root> var id=xmlDoc.getElementsByTagName('id')[0].innerHTML; var name=xmlDoc.getElementsByTagName('name')[0].innerHTML; var num=xmlDoc.getElementsByTagName('num')[0].innerHTML; var price=xmlDoc.getElementsByTagName('price')[0].innerHTML; var res="" res+='id='+id+"<br/>"; res+='name='+name+"<br/>"; res+='num='+num+"<br/>"; res+='price='+price+"<br/>"; document.getElementById('result').innerHTML=res; } } var pname=document.getElementById('product').getElementsByTagName('option')[ document.getElementById('product').selectedindex ].innerHTML; xmlhttp.open("GET","/api/api.PHP?c=search&pname="+pname,true); xmlhttp.send(); } </script>
</head>
<body>

<form action="" style="margin-top: 15px;">
<label>请选择一种产品:</label>   
<select name="product" id='product'>
<!-- <option value="test2">test2</option> -->
<input type="button" value="search" onclick="search();return false;" />
<br/>
<hr/><br/>
<div id="result">这里显示结果</div>
</select>

</body>
</html>

<?PHP
header("Content-type: text/xml; charset=utf-8"); 

/** * @authors:F001 * @blog: ev1l.cc */
//api/api.PHP
//
class ArrayToXML {
    /** * The main function for converting to an XML document. * Pass in a multi dimensional array and this recrusively loops through and builds up an XML document. * * @param array $data * @param string $rootNodeName - what you want the root node to be - defaultsto data. * @param SimpleXMLElement $xml - should only be used recursively * @return string XML */
    public static function toXml($data,$rootNodeName = 'root',$xml=null) {
        // turn off compatibility mode as simple xml throws a wobbly if you don't.
        if (ini_get('zend.ze1_compatibility_mode') == 1)
        {
            ini_set ('zend.ze1_compatibility_mode',0);
        }

        if ($xml == null)
        {
            $xml = simplexml_load_string("<?xml version='1.0' encoding='utf-8'?><$rootNodeName />");
        }

        // loop through the data passed in.
        foreach($data as $key => $value)
        {
            // no numeric keys in our xml please!
            if (is_numeric($key))
            {
                // make string key...
                // $key = "unkNownNode_". (string) $key;
                $key='name';
            }

            // replace anything not alpha numeric
            // $key = preg_replace('/[^a-z]/i','',$key);

            // if there is another array found recrusively call this function
            if (is_array($value))
            {
                $node = $xml->addChild($key);
                // recrusive call.
                ArrayToXML::toXml($value,$rootNodeName,$node);
            }
            else 
            {
                // add single node.
                $value = htmlentities($value);
                $xml->addChild($key,$value);
            }

        }
        // pass back as string. or simple xml object if you want!
        return $xml->asXML();
    }
};


$conn=MysqL_connect('localhost','root','qtxz');
if(!$conn)
{
    die('can\'t connect to the MysqL server');
}
MysqL_selectdb('ajax');

if(isset($_GET['c']) && $_GET['c']=='list')
{
    $sql='select name from product';
    $rows=MysqL_query($sql);
    $res=array();
    while ($row=MysqL_fetch_array($rows)) {
        array_push($res,$row['name']);
}
echo ArrayToXML::toXml($res);
exit();
}
else if(isset($_GET['c']) &&   $_GET['c']=='search' && isset($_GET['pname']))
{
    $pname=$_GET['pname'];
    $sql="select * from product where name='".$pname."'";
    $rows=MysqL_query($sql);
    $res=MysqL_fetch_assoc($rows);

    echo ArrayToXML::toXml($res);
}
MysqL_close($conn);
?>

大体思路就是 前台一个简陋的 search.html
里面有select标签，当打开search.html的时候，会访问api.PHP?c=list 从服务器返回当前的产品列表,然后将每个产品add到select标签内，当点击查询的时候通过ajax产生形如api.PHP?c=search&pname=test，的请求返回有关该产品的详细信息xml， 通过解析xml 然后动态修改div id=result就可以显示返回的数据。

在var xmlDoc=xmlhttp.responseXML;时，多次遇到了返回xml为NUll但是如果改成responseText时还有数据的情况。总结一下，发现有以下几种原因。
1. 设置content type = text/xml
（本遇述问题由问题解决程序强制使用utf-8使用句header(“Content-Type: text/html;charset=UTF-8”)家已经知道）
2. 确定请求发送服务器并返
3. alert/检查 responseText候否看其些该信息（例xml信息）
4. 直接打浏览器打xml文档（浏览器输入请求页面能需要传递参数或者构建表单）浏览器告诉xml文档格式否确确

效果展示

打开时

查询后

最后

做技术，要认真，要踏实。就这样！