Flask-admin как добавить кнопку рядом со строками

Question

Я делаю приложение оплаты за обучение, используя Flask и используя Flask-admin для управления платежом.

Flask-Admin автоматически генерирует строки таблиц с помощью SQLAlchemy, который я объявил в моих models.py

Вот изображение моей таблицы: Теперь я хочу дать кнопку рядом с каждым общим счетом номером для цели проверки счета.

Я знаю, как добавить столбцы с помощью метода column_list которые предоставляют ModelView , как я пытаюсь, как этот код ниже:

column_list = ('student_id', 'total_bill', 'Pay Now')

, и он будет отображать вид следующим образом: Теперь я хочуВ столбце Оплатить сейчас есть кнопка для каждой строки, которую я кодирую вручную с помощью HTML , например: Для каждой строки есть кнопка проверки, какЯ упомянул выше, эта цель предназначена для кнопки оформления заказа.

Итак, как это сделать? .., любая помощь будет высоко ценится

Answer 1

Вы можете использовать column_formatters для рендеринга столбца любым удобным вам способом.

Пример кода на Github, flask-admin-row-form .

Например, каждая кнопка «Оформить заказ» в строке может быть представлена ​​в виде HTML-формы с кнопкой отправки, а идентификатор студента представлен в виде скрытого поля в форме.

Простой пример ниже (Python 2.7),Все файлы находятся в корневом каталоге.views.py содержит важный код, остальное - простой материал Flask.

Класс StudentView определяет метод _format_pay_now, который либо визуализируетСтрока "Оплачено", если значение is_paid модели True или иным образом HTML-форма.

Класс StudentView также предоставляет маршрут '/admin/student/checkout' с помощью метода checkout_view для обработки отправленной формы.В этом конкретном случае для столбца is_paid задано значение True, а представление списка перерисовано.

views.py

from flask import redirect, flash, url_for
from flask_admin import expose
from flask_admin.contrib import sqla
from flask_admin.helpers import get_form_data
from flask_admin.babel import gettext
from markupsafe import Markup


class StudentView(sqla.ModelView):

    page_size = 5

    column_list = ('id', 'cost', 'Pay Now')
    column_editable_list = ['cost']

    # override the column labels
    column_labels = {
        'id': 'Student ID',
        'cost': 'Total Bill',
    }

    def _format_pay_now(view, context, model, name):

        if model.is_paid:
            return 'Paid'

        # render a form with a submit button for student, include a hidden field for the student id
        # note how checkout_view method is exposed as a route below
        checkout_url = url_for('.checkout_view')

        _html = '''
            <form action="{checkout_url}" method="POST">
                <input id="student_id" name="student_id"  type="hidden" value="{student_id}">
                <button type='submit'>Checkout</button>
            </form
        '''.format(checkout_url=checkout_url, student_id=model.id)

        return Markup(_html)

    column_formatters = {
        'Pay Now': _format_pay_now
    }

    @expose('checkout', methods=['POST'])
    def checkout_view(self):

        return_url = self.get_url('.index_view')

        form = get_form_data()

        if not form:
            flash(gettext('Could not get form from request.'), 'error')
            return redirect(return_url)

        # Form is an ImmutableMultiDict
        student_id = form['student_id']

        # Get the model from the database
        model = self.get_one(student_id)

        if model is None:
            flash(gettext('Student not not found.'), 'error')
            return redirect(return_url)

        # process the model
        model.is_paid = True

        try:
            self.session.commit()
            flash(gettext('Student, ID: {student_id}, set as paid'.format(student_id=student_id)))
        except Exception as ex:
            if not self.handle_view_exception(ex):
                raise

            flash(gettext('Failed to set student, ID: {student_id}, as paid'.format(student_id=student_id), error=str(ex)), 'error')

        return redirect(return_url)

models.py

from flask_sqlalchemy import SQLAlchemy


db = SQLAlchemy()


class Student(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    cost = db.Column(db.Integer(), nullable=False)
    is_paid = db.Column(db.Boolean(), nullable=False)

    def __str__(self):
        return unicode(self).encode('utf-8')

    def __unicode__(self):
        return "ID: {id}; Cost : {cost}".format(id=self.id, cost=self.cost)

commands.py

Используйте flask create-database для создания базы данных SQLite.

import random
from flask.cli import click, with_appcontext
from models import db, Student


@click.command('create-database')
@with_appcontext
def create_database():

    # Create 100 students

    db.drop_all()
    db.create_all()

    for _ in range(0, 100):
        _project = Student(
            cost=random.randrange(10, 200),
            is_paid=False
        )
        db.session.add(_project)

    db.session.commit()

app.py

from flask import Flask
from flask_admin import Admin
from models import db, Student
from commands import create_database

app = Flask(__name__)

# Create dummy secrey key so we can use sessions
app.config['SECRET_KEY'] = '123456790'
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = True

# Create in-memory database
app.config['DATABASE_FILE'] = 'sample_db.sqlite'
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///' + app.config['DATABASE_FILE']
db.init_app(app)

app.cli.add_command(create_database)


# Flask views
@app.route('/')
def index():
    return '<a href="/admin/">Click me to get to Admin!</a>'


from views import StudentView

admin = Admin(app, template_mode="bootstrap3")
admin.add_view(StudentView(Student, db.session))


if __name__ == '__main__':
    app.run()

needs.txt

Click==7.0
enum34==1.1.6
Flask==1.0.2
Flask-Admin==1.5.3
Flask-SQLAlchemy==2.3.2
itsdangerous==1.1.0
Jinja2==2.10
MarkupSafe==1.1.0
SQLAlchemy==1.2.17
Werkzeug==0.14.1
WTForms==2.2.1