如何将来自一个表格模型的HTML表格数据中的记录添加到另一个表格模型中?

时间:2019-04-16 19:03:26

标签: python django django-forms django-templates django-views

首先,关于我的一些事情……我只是Python和Django的初学者,所以我正在学习和应用在我的实际工作项目中学到的东西。

问题

我正在为我工​​作所在的医院构建一个小型的药房管理应用程序,我想制定一个药物可用性跟踪列表,医生可以检查该列表中的药物是否可用,以便他们可以编写患者处方。

我做了什么?

我有一个用于国家药品配方(Formulario Nacional de Medicamentos)的表格模型,在我的国家(Cuba)中使用的所有药品和药理产品的完整清单在我的Django模型中描述为:

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))

药品清单视图为:

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,但我不知道该怎么做。

我的实际模板列表的屏幕快照,位于:https://i.imgur.com/yNr7jic.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 %}

2 个答案:

答案 0 :(得分:0)

由于您要通过管理界面添加新药品并自动刷新列表,因此必须编写一个Javascript函数来加载数据并填充可用药品列表。

该JS函数应定期执行(使用计时器),并调用提供您要在此处显示的数据的Django视图。

答案 1 :(得分:0)

此类问题的基本工作流程可能是Ajax调用,以将您的更改发布到Django服务器,Django视图用于接收和实现模型中的更改并响应Ajax调用,从而依次更新HTML根据您所做的任何更新。

一个简单的例子:

Javascript:

您需要一个Ajax方法,该方法将在您单击添加/删除按钮时触发,并将药品ID开机自检到Django视图,您可以在其中将其设置为可用/不可用。

$('.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)

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