嵌入式 BPMN 编辑器需要一个带有 django

问题描述

目前我有一个 HTML 页面，它通过 https://bpmn.io/ 嵌入了一个 BPMN 建模器。 他们的工作方式是我的媒体目录中有一个空的 .bpmn 文件，每次我访问我的页面时，例如它加载空的 .bpmn 文件，用户可以从那里自由地建模自己的图表。

现在我希望用户能够下载他在页面上创建的 .bpmn 文件。

我以前从未使用过 JS 和 Django。我真的不知道如何将我修改过的 .bpmn 图传回我的 django view downlad 函数。

让我展示到目前为止的代码，从 bpmn.io 脚本开始，它使用户能够使用图表 (modeler.html)：

<link rel="stylesheet" href="https://unpkg.com/bpmn-js@8.0.0/dist/assets/diagram-js.css"/>
<link rel="stylesheet" href="https://unpkg.com/bpmn-js@8.0.0/dist/assets/bpmn-font/css/bpmn.css"/>

<script src="https://unpkg.com/bpmn-js@8.0.0/dist/bpmn-modeler.development.js"></script>
<script>
    function fetchDiagram(url) {
        return fetch(url).then(response => response.text());
    }

    var bpmnjs = new Bpmnjs({
        container: '#canvas',width: '100%',height: '600px',});

    async function openDiagram() {
        const diagram = await fetchDiagram('static/bpmn/empty_bpmn.bpmn');
        try {
            await bpmnjs.importXML(diagram);
            viewer.get('canvas').zoom('fit-viewport');
        } catch (err) {

            console.error('something went wrong:',err);
        }
    }
    openDiagram();
</script>

以及属于这个的视图函数（views.py）：

def modeler(request):
    return render(request,'core/modeler.html')

def download_bpmn(request):

    response = HttpResponse(content_type='application/bpmn')
    response['Content-disposition'] = 'attachment; filename="your_diagram.bpmn"'
    return response

下载按钮（modeler.html）：

<div class="col-2">
    <a class="btn btn-primary" href="{% url 'download_bpmn' %}"> Download </a>
</div>

TLDR： 有没有办法将我的 bpmn 图传回 django，这样我就可以创建一个视图函数，使用户能够下载他的图？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）