Как добавить записи из таблицы HTML, данные, взятые из табличной модели, в другую табличную модель?

#python #django #django-forms #django-templates #django-views

#python #django #django-forms #django-шаблоны #django-представления

Вопрос:

Сначала вообще кое-что обо мне… Я всего лишь начинающий разработчик 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))
 

Представление списка лекарств:

 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 %}
 

Комментарии:

1. Под немедленным вы подразумеваете без обновления страницы?

2. Да, желательно без обновления страницы! но любое другое решение также приветствуется.

3. Que bola asere!!! Мира … Вам понадобится некоторая работа с js для достижения того, чего вы хотите. Если вы можете жить с обновлением страницы, вам нужно только перезагрузить то же представление после добавления лекарства. Позвольте мне спросить, что вы пробовали, как вы добавляете новые лекарства?

4. @Raydel Miranda Я сейчас работаю над формой, чтобы добавить новые доступные лекарства, просто чтобы узнать, как это сделать, но сейчас у меня их нет… только форма интерфейса администратора Djando. Помните, что я не эксперт, я всего лишь начинающий Django. (Извините, мой английский ужасен)

5. Исходя из вашего требования, неясно, почему вы храните доступность лекарств в отдельной модели с отношением «один к одному». Вместо этого вы можете указать доступность лекарств в поле в модели FarmMedicamento и добиться того же результата.

Ответ №1:

Основным рабочим процессом для решения подобной проблемы может быть вызов Ajax для публикации ваших изменений на вашем сервере Django, представление Django для получения и реализации изменений в ваших моделях и ответа на вызов Ajax, который, в свою очередь, обновляет HTML на основе любого обновления, которое вы делаете.

Простой пример:

Javascript:

Вам нужен метод Ajax, который запускается при нажатии кнопки добавления / удаления и отправляет идентификатор лекарства в представление 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)
 

Это пример, иллюстрирующий рабочий процесс, именование не соответствует вашему коду. Кроме того, я думаю, вам следует указать доступность лекарств в самой модели лекарств, а не в двух отдельных моделях, или, по крайней мере, иметь некоторую обратную связь между двумя моделями, чтобы вы могли получить доступ к одной через другую и наоборот.

Ответ №2:

Поскольку вы хотите добавить новое лекарство через интерфейс администратора и автоматически обновить список, вы должны написать функцию Javascript, которая загружает данные и заполняет список доступных лекарств.

Эта функция JS должна выполняться периодически (использовать таймер) и вызывать представление Django, которое предоставляет данные, которые вы хотите там показать.