Django中构建公共用户资料页：显示非登录用户头像与信息

# myapp/views.py
from django.contrib.auth import get_user_model
from django.shortcuts import render, get_object_or_404

# 获取当前项目使用的User模型
User = get_user_model()

def user_info(request, pk):
    """
    显示指定主键（pk）用户的详细资料页面。
    此视图能够根据URL中的用户ID，查询并展示相应用户的资料，
    无论访问者是否登录。
    """
    # 使用get_object_or_404根据主键获取用户对象
    # 如果用户不存在，将自动返回404页面
    user = get_object_or_404(User, pk=pk)

    # 将获取到的用户对象作为上下文传递给模板
    return render(request, 'posts/prof.html', {'user': user})

# 辅助视图：显示所有用户列表（可选，用于导航）
def users_list(request):
    """
    显示所有用户的列表，通常用于导航到单个用户资料页。
    """
    all_users = User.objects.all()
    # 注意：这里需要一个不同的模板，例如 'posts/users_list.html'
    return render(request, 'posts/users_list.html', {'users': all_users})

# myproject/urls.py 或 myapp/urls.py
from django.urls import path
from . import views # 确保从你的应用中导入views

urlpatterns = [
    # ... 其他URL模式 ...

    # 定义用户资料页面的URL模式
    # <int:pk> 会捕获一个整数作为用户的主键，并传递给views.user_info函数
    path('users/<int:pk>/', views.user_info, name='user_info'),

    # 如果需要，可以添加一个用户列表页面的URL
    path('users/', views.users_list, name='users_list'),
]

<!-- posts/prof.html -->
{% extends "base.html" %}
{% load static %}

{% block content %}
<div class="frame">
  <div class="center">

        <div class="profile">
            <div class="image">
                <div class="circle-1"></div>
                <div class="circle-2"></div>
                <div style="margin-left: -20px">
                <!-- 关键：通过传递的user对象访问其属性 -->
                <!-- 确保 user.profile.image 存在，这通常需要一个Profile模型 -->
                @@##@@
            </div>
            </div>
            <div style="margin-top: 30px"></div>
            <div class="name"> {{ user.username }} </div>
            <div class="job">Visual Artist</div>


            <div class="actions">
                <button class="btn">Follow</button>
                <button class="btn">Message</button>
            </div>

            <div class="sociic">
                <a href="{% url 'home' %}"><i class="fa fa-telegram"></i></a>
                <a href="#"><i class="fa fa-envelope-o"></i></a>
                <a href="{% url 'home' %}"><i class="fa fa-linkedin-square"></i></a>
                <a href="#"><i class="fa fa-github"></i></a>
            </div>

        </div>

        <div class="stats">
            <div class="box">
                <span class="value">523</span>
                <span class="parameter">Stories <i class="fa fa-pencil"></i></span>
            </div>
            <div class="box">
                <span class="value">1387</span>
                <span class="parameter">Likes <i class="fa fa-heart-o"></i></span>
            </div>
            <div class="box">
                <span class="value">146</span>
                <span class="parameter">Follower <i class="fa fa-thumbs-o-up"></i></span>
            </div>
        </div>
  </div>
</div>

<style>
  /* ... (此处省略原始CSS样式，请保持在你的项目中) ... */
</style>

{% endblock %}

<!-- posts/users_list.html (示例) -->
{% extends "base.html" %}
{% block content %}
    <h1>所有用户</h1>
    <ul>
    {% for u in users %}
        <li>
            <!-- 使用 {% url %} 标签生成指向单个用户资料页的链接 -->
            <a href="{% url 'user_info' pk=u.pk %}">{{ u.username }}</a>
        </li>
    {% endfor %}
    </ul>
{% endblock %}