117 lines
3.7 KiB
Python
117 lines
3.7 KiB
Python
#!/usr/bin/env python
|
||
"""
|
||
测试达人头像显示功能
|
||
演示如何使用本地图片和外部URL
|
||
"""
|
||
|
||
import os
|
||
import django
|
||
|
||
# 设置Django环境
|
||
os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'daren.settings')
|
||
django.setup()
|
||
|
||
from apps.daren_detail.models import CreatorProfile
|
||
from django.core.files import File
|
||
from django.core.files.uploadedfile import SimpleUploadedFile
|
||
|
||
def test_avatar_display():
|
||
"""测试头像显示功能"""
|
||
print("=== 达人头像显示功能测试 ===\n")
|
||
|
||
# 1. 查询现有达人
|
||
creators = CreatorProfile.objects.all()[:3]
|
||
|
||
print("1. 现有达人头像状态：")
|
||
for creator in creators:
|
||
avatar_url = creator.get_avatar_url()
|
||
has_local = bool(creator.avatar)
|
||
has_external = bool(creator.avatar_url)
|
||
|
||
print(f" - {creator.name}:")
|
||
print(f" 本地图片: {'✓' if has_local else '✗'}")
|
||
print(f" 外部URL: {'✓' if has_external else '✗'}")
|
||
print(f" 显示URL: {avatar_url or '无'}")
|
||
print()
|
||
|
||
# 2. 演示URL访问方式
|
||
print("2. 头像URL访问示例：")
|
||
for creator in creators:
|
||
avatar_url = creator.get_avatar_url()
|
||
if avatar_url:
|
||
if creator.avatar:
|
||
print(f" 本地图片: http://localhost:8000{avatar_url}")
|
||
else:
|
||
print(f" 外部URL: {avatar_url}")
|
||
else:
|
||
print(f" {creator.name}: 无头像")
|
||
print()
|
||
|
||
# 3. 创建测试数据示例
|
||
print("3. 创建测试达人示例：")
|
||
|
||
# 示例1：仅外部URL
|
||
creator1, created = CreatorProfile.objects.get_or_create(
|
||
name="测试达人A",
|
||
defaults={
|
||
'avatar_url': 'https://example.com/avatar1.jpg',
|
||
'category': 'Beauty & Personal Care',
|
||
'followers': 1000
|
||
}
|
||
)
|
||
print(f" - {creator1.name}: {creator1.get_avatar_url()}")
|
||
|
||
# 示例2：仅本地图片（如果存在的话）
|
||
existing_avatar = CreatorProfile.objects.filter(avatar__isnull=False).first()
|
||
if existing_avatar:
|
||
print(f" - {existing_avatar.name}: {existing_avatar.get_avatar_url()}")
|
||
|
||
print("\n=== 前端使用示例代码 ===")
|
||
print("""
|
||
// JavaScript: 获取并显示头像
|
||
fetch('/api/daren_detail/creators/')
|
||
.then(response => response.json())
|
||
.then(data => {
|
||
data.results.forEach(creator => {
|
||
if (creator.avatar_display_url) {
|
||
console.log(`${creator.name}: ${creator.avatar_display_url}`);
|
||
|
||
// 创建图片元素
|
||
const img = document.createElement('img');
|
||
img.src = creator.avatar_display_url;
|
||
img.alt = `${creator.name}的头像`;
|
||
img.className = 'creator-avatar';
|
||
|
||
// 添加到页面
|
||
document.getElementById('creators-list').appendChild(img);
|
||
}
|
||
});
|
||
});
|
||
""")
|
||
|
||
print("\n=== HTML模板使用示例 ===")
|
||
print("""
|
||
<!-- Django模板中使用 -->
|
||
{% for creator in creators %}
|
||
<div class="creator-card">
|
||
<h3>{{ creator.name }}</h3>
|
||
{% if creator.get_avatar_url %}
|
||
<img src="{{ creator.get_avatar_url }}"
|
||
alt="{{ creator.name }}的头像"
|
||
class="avatar">
|
||
{% else %}
|
||
<div class="no-avatar">暂无头像</div>
|
||
{% endif %}
|
||
</div>
|
||
{% endfor %}
|
||
""")
|
||
|
||
if __name__ == "__main__":
|
||
try:
|
||
test_avatar_display()
|
||
except Exception as e:
|
||
print(f"测试出错: {e}")
|
||
print("请确保：")
|
||
print("1. 已运行 python manage.py migrate")
|
||
print("2. 数据库中有达人数据")
|
||
print("3. media/avatars/ 目录存在") |