Django后端实现多级目录

Question

本人土木狗，初学代码，请求解答
我用Django编写后端，使用了simpleUI，目前已实现如下图

现在我想实现将各个项目的图纸上传到对应项目文件夹下，该如何实现

Answer 1

晚上好🌙🌙🌙
本答案参考通义千问

你目前使用的是 Django 框架，并结合了 simpleUI 进行界面展示，现在想要实现“多级目录”功能，特别是将图纸上传到对应项目文件夹下。这是一个典型的文件存储与目录管理问题。

---

一、核心需求分析

你希望：

1. 每个项目有独立的文件夹（即多级目录结构）。
2. 用户可以上传图纸到对应项目的文件夹中。
3. 在前端通过 simpleUI 显示这些文件，并支持查看、下载等操作。

---

二、解决方案概述

✅ 解决方案步骤如下：

1. 设计模型结构：创建 Project 和 File 模型，用于表示项目和文件。
2. 配置文件存储路径：动态生成文件存储路径，确保每个项目有自己的目录。
3. 编写视图逻辑：处理文件上传、显示、下载等请求。
4. 配置 simpleUI 界面：集成上传、浏览功能。
5. 优化文件管理：添加权限控制、文件类型限制等。

---

三、详细实现步骤

1. 定义模型（models.py）

from django.db import models
import os
from django.core.files.storage import default_storage
from django.core.files.base import ContentFile

class Project(models.Model):
    name = models.CharField(max_length=100)
    description = models.TextField()

    def __str__(self):
        return self.name

class File(models.Model):
    project = models.ForeignKey(Project, on_delete=models.CASCADE, related_name='files')
    file = models.FileField(upload_to='projects/')
    uploaded_at = models.DateTimeField(auto_now_add=True)

    def __str__(self):
        return f"{self.file.name} - {self.project.name}"

注意：upload_to='projects/' 表示所有文件都存放在 media/projects/ 目录下，但我们需要根据 project.id 动态调整路径。

---

2. 修改文件存储路径（自定义 upload_to 函数）

def get_upload_path(instance, filename):
    return f"projects/{instance.project.id}/{filename}"

# 修改 File 模型
class File(models.Model):
    project = models.ForeignKey(Project, on_delete=models.CASCADE, related_name='files')
    file = models.FileField(upload_to=get_upload_path)  # 使用自定义路径
    uploaded_at = models.DateTimeField(auto_now_add=True)

重点：get_upload_path 函数会根据当前 project.id 动态生成路径，如：projects/1/file.pdf。

---

3. 编写视图逻辑（views.py）

from django.http import HttpResponse, HttpResponseRedirect
from django.shortcuts import render, get_object_or_404
from .models import Project, File
from .forms import FileUploadForm

def upload_file(request, project_id):
    project = get_object_or_404(Project, id=project_id)
    if request.method == 'POST':
        form = FileUploadForm(request.POST, request.FILES)
        if form.is_valid():
            new_file = form.save(commit=False)
            new_file.project = project
            new_file.save()
            return HttpResponseRedirect(f'/project/{project_id}/')
    else:
        form = FileUploadForm()
    return render(request, 'upload.html', {'form': form, 'project': project})

def view_files(request, project_id):
    project = get_object_or_404(Project, id=project_id)
    files = project.files.all()
    return render(request, 'files.html', {'project': project, 'files': files})

---

4. 创建表单（forms.py）

from django import forms
from .models import File

class FileUploadForm(forms.ModelForm):
    class Meta:
        model = File
        fields = ['file']

---

5. 配置 URL（urls.py）

from django.urls import path
from . import views

urlpatterns = [
    path('project/<int:project_id>/upload/', views.upload_file, name='upload_file'),
    path('project/<int:project_id>/', views.view_files, name='view_files'),
]

---

6. 配置 simpleUI（假设你已经安装了 simpleUI）

如果你使用的是 django-simpleui，可以在 admin 中注册 Model 并配置界面。

from django.contrib import admin
from .models import Project, File

admin.site.register(Project)
admin.site.register(File)

在 settings.py 中启用 simpleUI：

INSTALLED_APPS = [
    ...
    'simpleui',
    ...
]

---

7. 前端页面模板（templates/upload.html / templates/files.html）

upload.html 示例：

<h2>上传文件到 {{ project.name }}</h2>
<form method="post">
    {% csrf_token %}
    {{ form.as_p }}
    <button type="submit">上传</button>
</form>

files.html 示例：

<h2>{{ project.name }} 的文件</h2>
<ul>
    {% for file in files %}
        <li><a href="{{ file.file.url }}">{{ file.file.name }}</a></li>
    {% endfor %}
</ul>

---

四、优化建议

1. 文件类型限制：在表单中添加对文件类型的校验（如只允许 .pdf, .dwg 等）。
2. 权限控制：为不同用户分配不同的项目访问权限。
3. 文件预览：如果需要预览图片或 PDF，可以使用第三方库（如 pdf.js）。
4. 文件删除：添加删除功能，注意删除文件时也需从服务器中删除。

---

五、代码修改总结（关键部分）

| 文件 | 修改内容 | |------|----------| | models.py | 添加 get_upload_path 方法，动态生成文件路径 | | views.py | 实现上传和文件列表视图 | | forms.py | 创建文件上传表单 | | urls.py | 添加上传和文件列表路由 | | templates/ | 创建上传和文件展示页面 |

---

六、最终效果

• 每个项目都有一个独立的文件夹（如：media/projects/1/）
• 用户可以上传文件到对应项目
• 可以在前端查看和下载文件
• 简单 UI 界面友好，适合初学者

---

如果你还需要具体文件类型限制、文件预览、权限系统等功能，也可以继续提问，我可以提供更详细的实现方式。