一、整合準備

下載activiti原始碼及activiti-5.22.zip

1. 原始碼下載

   • GitHub地址，下載之後使用命令git checkout 5.22.0-release切換到5.22.0-release分支
   • 網盤地址

2. Activiti-5.22.0.zip下載

   • 官網下載, 進入之後點選No Thanks,take me to download即可進入下載介面。
   • 網盤下載

二、複製專案檔案到自己的專案中

1. 進入原始碼檔案中的modules\activiti-webapp-explorer2\src\main\webapp目錄，複製diagram-viewer、editor-app
   、modeler.html三個檔案到springboot專案中的resources目錄下。(主要是前端頁面)
2. 解壓activiti-5.22.0.zip，在Activiti-5.22.0的libs中找到activiti-modeler-5.22.0-sources.jar，將其解壓，將會找到以下三個類：(三個controller)
   
3. 將以下三個類複製到自己的springboot專案的包中,只要包是位於啟動類的下層包即可，這樣springboot就會自動掃描到這三個類。
4. 將原始碼路徑modules\activiti-webapp-explorer2\src\main\resources\stencilset.json
   複製到springboot專案中的resources目錄下。(這個檔案是控制介面的語言的，附一箇中文的檔案下載地址stencilest.json-中文
5. 至此，所有需要的檔案都複製完成，接下來，我們開始配置修改。專案結構如下:
   

三、修改配置

1.新增依賴，並重新整理專案(這是Gradle的，Maven自己轉換一下)

    dependencies {
        compile('org.activiti:activiti-spring-boot-starter-basic:5.22.0')
        compile("org.springframework.boot:spring-boot-starter-web"
 
)
        testCompile('org.springframework.boot:spring-boot-starter-test')
        compile('org.activiti:activiti-modeler:5.22.0')
        compile('commons-io:commons-io:2.5')
    }

2.修改springboot的啟動類, 在類上加如下註解，關閉security功能。主要是因為activiti的依賴中含有spring security的jar包，所以springboot會自動配置安全功能，訪問時就需要輸入密碼。

@EnableAutoConfiguration(exclude = {
        org.springframework.boot.autoconfigure.security.SecurityAutoConfiguration.class,
        org.activiti.spring.boot.SecurityAutoConfiguration.class,
})

3.修改 resources目錄下的app-cfg.js, 如下更改(這個是專案的路徑，springboot是不需要專案路徑的，所以把專案路徑刪除掉)

ACTIVITI.CONFIG = {
    'contextRoot' : '/service',
};

4.還記得我們前面複製進來的三個類嗎？

在每個類的類名上加上RequestMapping(value = “/service”)註解。(頁面會訪問這個路徑)

5.修改ModelSaveRestResource類
(不修改這個的話，在頁面儲存流程時會報錯)

@RestController
@RequestMapping(value = "/service")
public class ModelSaveRestResource implements ModelDataJsonConstants {

  protected static final Logger LOGGER = LoggerFactory.getLogger(ModelSaveRestResource.class);

  @Autowired
  private RepositoryService repositoryService;

  @Autowired
  private ObjectMapper objectMapper;

  @RequestMapping(value="/model/{modelId}/save", method = RequestMethod.PUT)
  @ResponseStatus(value = HttpStatus.OK)
  public void saveModel(@PathVariable String modelId, @RequestParam("name") String name,
                        @RequestParam("json_xml") String json_xml, 
                        @RequestParam("svg_xml") String svg_xml,
                        @RequestParam("description") String description) {//對接收引數進行了修改
    try {

      Model model = repositoryService.getModel(modelId);

      ObjectNode modelJson = (ObjectNode) objectMapper.readTree(model.getMetaInfo());

      modelJson.put(MODEL_NAME, name);
      modelJson.put(MODEL_DESCRIPTION, description);
      model.setMetaInfo(modelJson.toString());
      model.setName(name);

      repositoryService.saveModel(model);

      repositoryService.addModelEditorSource(model.getId(), json_xml.getBytes("utf-8"));

      InputStream svgStream = new ByteArrayInputStream(svg_xml.getBytes("utf-8"));
      TranscoderInput input = new TranscoderInput(svgStream);

      PNGTranscoder transcoder = new PNGTranscoder();
      // Setup output
      ByteArrayOutputStream outStream = new ByteArrayOutputStream();
      TranscoderOutput output = new TranscoderOutput(outStream);

      // Do the transformation
      transcoder.transcode(input, output);
      final byte[] result = outStream.toByteArray();
      repositoryService.addModelEditorSourceExtra(model.getId(), result);
      outStream.close();

    } catch (Exception e) {
      LOGGER.error("Error saving model", e);
      throw new ActivitiException("Error saving model", e);
    }
  }
}

四、編寫測試

新建一個controller如下

import com.fasterxml.jackson.databind.ObjectMapper;
import com.fasterxml.jackson.databind.node.ObjectNode;
import org.activiti.editor.constants.ModelDataJsonConstants;
import org.activiti.engine.ProcessEngine;
import org.activiti.engine.ProcessEngines;
import org.activiti.engine.RepositoryService;
import org.activiti.engine.repository.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * @author [email protected]
 * @date 2017/8/22 下午6:00
 * @desc .
 */
@RestController
@RequestMapping("/activiti")
public class ActivitiController {
    /**
     * 建立模型
     */
    @RequestMapping("/create")
    public void create(HttpServletRequest request, HttpServletResponse response) {
        try {
            ProcessEngine processEngine = ProcessEngines.getDefaultProcessEngine();

            RepositoryService repositoryService = processEngine.getRepositoryService();

            ObjectMapper objectMapper = new ObjectMapper();
            ObjectNode editorNode = objectMapper.createObjectNode();
            editorNode.put("id", "canvas");
            editorNode.put("resourceId", "canvas");
            ObjectNode stencilSetNode = objectMapper.createObjectNode();
            stencilSetNode.put("namespace", "http://b3mn.org/stencilset/bpmn2.0#");
            editorNode.put("stencilset", stencilSetNode);
            Model modelData = repositoryService.newModel();

            ObjectNode modelObjectNode = objectMapper.createObjectNode();
            modelObjectNode.put(ModelDataJsonConstants.MODEL_NAME, "hello1111");
            modelObjectNode.put(ModelDataJsonConstants.MODEL_REVISION, 1);
            String description = "hello1111";
            modelObjectNode.put(ModelDataJsonConstants.MODEL_DESCRIPTION, description);
            modelData.setMetaInfo(modelObjectNode.toString());
            modelData.setName("hello1111");
            modelData.setKey("12313123");

            //儲存模型
            repositoryService.saveModel(modelData);
            repositoryService.addModelEditorSource(modelData.getId(), editorNode.toString().getBytes("utf-8"));
            response.sendRedirect(request.getContextPath() + "/modeler.html?modelId=" + modelData.getId());
        } catch (Exception e) {
            System.out.println("建立模型失敗：");
        }
    }
}

啟動專案訪問localhost:8080/activiti/create，看看是不是可以看到編輯頁面了呢？
配置過程一定要細心，稍微不小心就會失敗，其中有很多坑，慢慢解決就好