Flask 管理界面中的列格式化程序

Question

您好，我创建了一个 Flask 管理界面。在其中一个字段（列）中，我想包含一个超链接。

class workout(db.Model):
    equipment = db.Column(db.String(100))
    place = db.Column(db.String(100))
    image = db.Column(db.Text)

或在模板中使用 Jinja2 宏：

我必须创建一个应包含上述列的视图，并且我必须格式化视图中的图像列。

我真的不太确定如何为上述自定义类模型创建视图。

from flask_admin.model.template import macro

class WorkoutView(ModelView):

在 _macros.html 文件中。

{% macro render_image() %}
<a href="#" id="upload_widget_opener">Upload images</a>
<script src="https://widget.cloudinary.com/global/all.js" type="text/javascript"></script>  

<script type="text/javascript">  
  document.getElementById("upload_widget_opener").addEventListener("click", function() {
    cloudinary.openUploadWidget({ cloud_name: 'mycloudname', sources: [ 'local', 'url', 'camera', 'image_search', 
                 'facebook', 'dropbox', 'google_photos' ], upload_preset: 'myuploadpreset'}, 
      function(error, result) { console.log(error, result) });
  }, false);
</script>

{% endmacro %}

如果我运行 _macros.html 文件，这很好，我得到了预期的超链接。 问题：当我尝试从 _macros.html 文件导入宏时，我没有在格式化的列中获得超链接

我在 _macros.html 或 app.py 文件中的语法有什么问题吗？

Answer 1

我认为你在滥用 SQLAlchemy 和 Flask-Admin。 CustomModel 类从 SQLAlchemy 的 db.Model 继承，CustomModelView 类从 Flask-Admin 的 ModelView 继承，以控制该模型在 Flask-Admin 中的行为。您可以通过以下方式实现您的目的：

使用form_widget_args 将id 属性添加到表单字段；

继承create.html & edit.html 以添加javascript。

class ExampleModelView(ModelView):

    # ...

    edit_template = "admin/edit.html"
    create_template = "admin/create.html"

    form_widget_args = {
        "image": {
            "id": "cloudinary"
        }
    }

    # ...

# template inherit. "edit.html" is same as "create.html" except the first line.

{% extends "admin/model/create.html" %}
{% block tail %}
    {{ super() }}
    <script src="https://widget.cloudinary.com/global/all.js" type="text/javascript"></script>
    <script type="text/javascript">
        # js code to upload image and return response
    </script>
{% endblock %}