Formularz edycji - jak zrobić?

Question

Mam aplikację "accounts", w której są profile użytkownika. Chciałbym umożliwić użytkownikom edycje tych danych. Jednak za cholerę nie mogę sobie z tym poradzić, wszystkie moje próby to porażka.. Pełny projekt https://github.com/Incybro/Forum

 

views.py

from django.contrib.auth.forms import UserCreationForm
from django.urls import reverse_lazy
from django.views import generic
from django.contrib.auth.models import User
from django.shortcuts import render, get_object_or_404, redirect

class SignUp(generic.CreateView):
    form_class = UserCreationForm
    success_url = reverse_lazy('login')
    template_name = 'signup.html'

def user_detail(request, pk):
    user = get_object_or_404(User, pk=pk)
    userprofile = user.userprofile
    return render(request, 'accounts/user_detail.html', {'userprofile': userprofile})

url.py

path('<int:pk>/', views.user_detail, name='user_detail'),

models.py

from django.db import models
from django.contrib.auth.models import User
from django.db.models.signals import post_save

class UserProfile(models.Model):
    user = models.OneToOneField(User, on_delete=models.CASCADE)
    website = models.URLField(default='', blank=True)
    city = models.CharField(max_length=100, default='', blank=True)
    signature = models.TextField(default='', blank=True)

    def create_profile(sender, **kwargs): #Funckja, ktora tworzy profile użytkownika
        user = kwargs["instance"]
        if kwargs["created"]:
            user_profile = UserProfile(user=user)
            user_profile.save()
    post_save.connect(create_profile, sender=User)

    def __str__(self): #Definiujemy funkcje, która zwraca tytuł wpisu
        return self.user.username

user_detail.html

{% extends 'base.html' %}
{% block content %}
{% if user.is_authenticated %}
<p><a href="">Edit profile <span class="glyphicon glyphicon-pencil"></span></a></p>
<p>Your nickname: <b>{{ user.username }}</b></p>
<p>Your first name: <b>{{ user.first_name }}</b></p>
<p>Your last name: <b>{{ user.last_name }}</b></p>
<p>Your email: <b>{{ user.email }}</b></p>
<p>Your website: <b>{{ userprofile.website }}</b></p>
<p>Your city: <b>{{ userprofile.city }}</b></p>
<p>Your signature: <b>{{ userprofile.signature }}</b></p>
{% else %}
<p>You are not logged in</p>
<a href="{% url 'login' %}">Login</a> or <a href="{% url 'accounts:signup' %}">Register</a>
{% endif %}
{% endblock %}

 

Answer 1

Cześć

No, może jest to trochę skomplikowanie, ale napewno nie trudne.

Na początku zauważ że w templatkach twój profil użytkownika odwołuje się do dwóch różnych modeli, więc będziemy potrzebować dwóch różnych formularzy. I to pewnie tu jest twój problem. Teraz kod:

Zaczynamy od stworzenia pliku forms.py

from django import forms
from .models import UserProfile
from django.contrib.auth.models import User


class EditUserForm(forms.ModelForm):
    class Meta:
        model = User
        fields = [
            "username",
            "first_name",
            "last_name",
            "email"
        ]


class EditUserProfileForm(forms.ModelForm):
    class Meta:
        model = UserProfile
        fields = [
            "website",
            "city",
            "signature"
        ]

Więcej szczegółów w dokumentacji

 

W pliku views.py tworzymy widok (nie zapomnij zaimportować formularzy z poprzedniego pliku)

def edit_user_profile(request, pk):
    user = get_object_or_404(User, pk=pk)
    user_profile = user.userprofile

    user_form = EditUserForm(request.POST or None, instance=user)
    profile_form = EditUserProfileForm(request.POST or None, instance=user_profile)

    if request.method == "POST" and user_form.is_valid() and profile_form.is_valid():
        user_form.save()
        profile_form.save()
        return redirect(f"/accounts/{pk}")

    return render(request, "accounts/edit.html", {
        "user_form": user_form,
        "profile_form": profile_form
    })

 

Teraz czas na templatke (templates/accounts/edit.html)

<form method="post" action=".">
    {{ user_form }}
    {{ profile_form }}
    {% csrf_token %}
    <input type="submit" value="Submit">
</form>

 

Nie zapominamy o urls.py, gdzie dodajemy np. coś takiego:

path("edit/<int:pk>/", views.edit_user_profile)

 

Pozdrawiam, jak chcesz aby coś wyjaśnić pisz komentarz.

Comments

Męczyłem się z tym od kilku dni. Właśnie to użycie dwóch formularzy nie wiedziałem jak ugryźć.

Generalnie wszystko działa, ale jak się te formularze od strony graficznej edytuje, żeby pododawać "<br/>", aby nie było to w jednej linii?

I co oznacza literka "f" w zapisie:

return redirect(f"/accounts/{pk}")

?

Dziękuję za pomoc :D

---

"f" przed Stringiem to przedrostek umożliwiający formatowanie tekstu. Został dodany w wersji 3.6 (i Bogu dzięki bo wreszcie doczekałem się szybkiego formatowania tekstu ). Przeczytaj ten artykuł, a później możesz jeszcze zerknąć na dokumentacje.

Co do formularzy, spójrzmy na oficjalną dokumentacje.

• {{ form.as_table }} will render them as table cells wrapped in <tr> tags
• {{ form.as_p }} will render them wrapped in <p> tags
• {{ form.as_ul }} will render them wrapped in <li> tags

ps. To też może ci się przydać.

---

Dziękuję, już wszystko jasne :D