python - 如何将从一个表模型中获取的 HTML 表数据中的记录添加到另一个表模型中？

Question

首先是关于我的一些事情......我只是一个初学者 Python 和 Django 开发人员，所以我正在学习并将所学到的知识应用到我的实际工作项目中。

问题

我正在为我工​​作的医院构建一个小型药房管理应用程序，我想在那里制作一个药品供应跟踪列表，医生可以在其中检查药品是否可用，以便为患者开处方。

我做了什么？

我有一个国家药物处方集 (Formulario Nacional de Medicamentos) 的表格模型，它是我的国家(古巴)使用的所有药物和药理产品的完整列表，在我的 Django models.py 中描述为:

class FarmMedicamento(models.Model):
    meddesc = models.CharField(max_length=250)
    presentacion = models.ForeignKey(FarmPresentacion, models.DO_NOTHING)
    forma_presentacion = models.CharField(max_length=250, blank=True, null=True)

    def __str__(self):
        return ("%s - %s %s" % (self.meddesc, str(self.presentacion).upper(), self.forma_presentacion))

    def propiedad_colname(self):
        return ("%s - %s %s" % (self.meddesc, str(self.presentacion).upper(), self.forma_presentacion))

    propiedad_colname.short_description = 'Medicamento'

    columna_medicamento = property(propiedad_colname)

    class Meta:
        managed = False
        db_table = 'farm_medicamento'
        verbose_name = "Medicamento"
        verbose_name_plural = 'Medicamentos'

我将药物可用性存储在另一个表模型中，描述为:

class FarmExistencia(models.Model):

    medid = models.OneToOneField(FarmMedicamento, models.DO_NOTHING, primary_key=True, verbose_name="Medicamento")
    disponible = models.BooleanField("Disponible")
    actualizado = models.DateTimeField(auto_now=True)

    class Meta:
        managed = True
        db_table = 'farm_existencia'
        verbose_name = "Disponibilidad de medicamento"
        verbose_name_plural = 'Disponibilidad de medicamentos'

    def __str__(self):
        return ("%s" % (self.medid))

药品 ListView 为:

class FarmMedicamentoListView(LoginRequiredMixin, ListView):
    model = FarmMedicamento
    context_object_name = 'listado_fnm'
    template_name = 'existencias/farmmedicamento_list.html'

    def get_context_data(self, **kwargs):
        context = super(FarmMedicamentoListView, self).get_context_data(**kwargs)
        context['disponibles'] = FarmExistencia.disponibles.all()
        context['agotados'] = FarmExistencia.agotados.all()
        return context

我想要什么？

我想在主列表中按加号按钮添加新的可用药物，并立即更新“可用药物”的绿色 div，但我不知道该怎么做。

我的实际模板列表的屏幕截图:/image/jlW6h.png

模板的 HTML

{% extends 'base.html' %}
{% load static %}
{% block title %}AllenFarma | Listado de medicamentos {% endblock title %}
{% block head %}
    <link href="{% static 'css/datatables.min.css' %}" rel="stylesheet" type="text/css" />
    <script src="{% static 'js/datatables.min.js' %}"></script>
    <style rel="stylesheet" type="text/css">
    .table > tbody > tr > td.item_add-control {
        background: url('/static/images/icons/add_button.png') no-repeat center center;
        cursor: pointer;
        padding: 8px 12px 8px 12px;
    }
    .table > tbody > tr > td.item_remove-control {
        background: url('/static/images/icons/remove_button.png') no-repeat center center;
        cursor: pointer;
        padding: 8px 12px 8px 12px;
    }
    </style>
{% endblock head %}
{% block content %}
<div class="container">
    <div class="col-md-6">
        <div class="panel panel-success">
            <div class="panel-heading">
                <div style="text-align:left" class="panel-title">Medicamentos en existencia</div>
            </div>
            <div style="padding-top:10px" class="panel-body">
                {% include 'existencias_list.html' %}
            </div>
        </div>
    </div>
    <div class="col-md-6">    
        <div class="panel panel-danger">
            <div class="panel-heading">
                <div style="text-align:left" class="panel-title">Medicamentos agotados</div>
            </div>
            <div style="padding-top:10px" class="panel-body">
                {% include 'agotados_list.html' %}
            </div>
        </div>
    </div>
    <div class="col-md-12">    
        <div class="panel panel-info">
            <div class="panel-heading">
                <div style="text-align:left" class="panel-title">Medicamentos del Formulario Nacional de Medicamentos</div>
            </div>
            <div style="padding-top:10px" class="panel-body">
                <table id="listado_medicametos" class="table table-striped table-bordered table-hover">
                    <thead>
                        <tr>
                            <th>Medicamentos</th>
                            <th>Presentación</th>
                            <th>Forma de presentación</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for medicamento in listado_fnm %}
                    <tr>
                        <td>{{medicamento.meddesc}}</td>
                        <td>{{medicamento.presentacion}}</td>
                        <td>{{medicamento.forma_presentacion}}</td>
                        <td id="add_control"></td>
                    </tr>
                    {% endfor %}
                    </tbody>
                    <tfoot>
                        <tr>
                        </tr>
                    </tfoot>

                </table>
            </div>
        </div>
    </div>    
</div>
<script type="text/javascript">
$(document).ready( function () {
    $('#listado_medicametos')
        .dataTable({
            "columns": [
                {"data": "meddesc"},
                {"data": "presentacion"},
                {"data": "forma_presentacion"},
                {
                    "class":          "item_add-control",
                    "orderable":      false,
                    "data":           null,
                    "defaultContent": ""
                },
            ],
            "order": [[0, 'asc']],
            "language": {
                "url": "/static/i18n/es_ES.json"
            },
            scrollY: 230
        });
});
</script>
{% endblock content %}

Answer 1

像这样的问题的基本工作流程可能是一个 Ajax 调用来将您的更改发布到 Django 服务器，一个 Django View 来接收和实现模型中的更改并响应 Ajax 调用，从而更新 HTML基于您所做的任何更新。

一个简单的例子:

Javascript:

您需要一个 Ajax 方法，该方法在您单击“添加/删除”按钮时触发，并将药物 ID 发布到 Django View ，您可以在其中将其设置为可用/不可用。

$('.addButton').on('click', function(event){
    $.ajax({
        url : '/add/medicine/url/',
        type : 'POST',
        data : {'medicine_id': id, csrfmiddlewaretoken: 'your csrftoken' },
        success: function(json) {
            // Successful response, so you can update the medicine list HTML using JQuery here.
        },
    });
});

views.py

from django.http import JsonResponse

def add_medicine(request):
    if request.method == 'POST':
        medicine_id = int(request.POST.get('medicine_id'))
        medicine = Medicine.objects.get(id=medicine_id)
        medicine.available = True
        medicine.save()
        return JsonResponse({'medicine_id': medicine_id}, status=200)

这是一个说明工作流程的示例，命名与您的代码不匹配。另外，我认为您应该在药物模型本身中指定药物的可用性，而不是在两个单独的模型中，或者至少在两个模型之间具有一些反向引用关系，以便您可以通过另一个模型访问一个模型，反之亦然。 p>