Implement Django backend and Vue frontend structure

- Django backend with projects, templates, exports apps
- SQLite database models for Project, Asset, CardLayer
- REST API endpoints for project management
- Vue frontend with Vite, Element Plus, Fabric.js
- Home page for project selection
- Editor page with Fabric.js canvas integration

backend/apps/projects/__init__.py

@@ -0,0 +1 @@
+# apps/projects/__init__.py

backend/apps/projects/models.py

@@ -0,0 +1,56 @@
+from django.db import models
+import uuid
+
+class Project(models.Model):
+    """项目配置模型"""
+    id = models.UUIDField(primary_key=True, default=uuid.uuid4, editable=False)
+    name = models.CharField(max_length=100)
+    template_id = models.CharField(max_length=50, default='classic')
+    card_width = models.IntegerField(default=750)
+    card_height = models.IntegerField(default=1050)
+    created_at = models.DateTimeField(auto_now_add=True)
+    updated_at = models.DateTimeField(auto_now=True)
+
+    # 导出设置
+    export_resolution = models.CharField(max_length=20, default='standard')
+    export_include_back = models.BooleanField(default=True)
+
+    def __str__(self):
+        return self.name
+
+    class Meta:
+        ordering = ['-updated_at']
+
+
+class Asset(models.Model):
+    """项目素材模型"""
+    asset_type = models.CharField(max_length=20)  # 'suit_symbol', 'face_card', 'joker', 'back', 'border'
+    asset_key = models.CharField(max_length=50)    # 如 'spade', 'heart-J', 'big_joker'
+    width = models.IntegerField(null=True)
+    height = models.IntegerField(null=True)
+    uploaded_at = models.DateTimeField(auto_now_add=True)
+
+    def __str__(self):
+        return f"{self.asset_type}:{self.asset_key}"
+
+
+class CardLayer(models.Model):
+    """牌面图层配置模型"""
+    card_type = models.CharField(max_length=20)  # 'number', 'face', 'joker'
+    card_key = models.CharField(max_length=30)   # 'spade-A', 'heart-K', 'big_joker'
+    layer_name = models.CharField(max_length=50)
+    layer_type = models.CharField(max_length=20)  # 'background', 'border', 'image', 'text'
+    visible = models.BooleanField(default=True)
+    locked = models.BooleanField(default=False)
+    opacity = models.FloatField(default=1.0)
+    z_index = models.IntegerField(default=0)
+
+    # 图层属性（JSON存储）
+    properties = models.JSONField(default=dict)
+    file_ref = models.ForeignKey(Asset, on_delete=models.SET_NULL, null=True, related_name='layers')
+
+    def __str__(self):
+        return f"{self.card_key}-{self.layer_name}"
+
+    class Meta:
+        ordering = ['card_key', 'z_index']

backend/apps/projects/serializers.py

@@ -0,0 +1,29 @@
+from rest_framework import serializers
+from .models import Project, Asset, CardLayer
+
+
+class ProjectSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = Project
+        fields = '__all__'
+
+
+class AssetSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = Asset
+        fields = '__all__'
+
+
+class CardLayerSerializer(serializers.ModelSerializer):
+    class Meta:
+        model = CardLayer
+        fields = '__all__'
+
+
+class ProjectDetailSerializer(serializers.ModelSerializer):
+    assets = AssetSerializer(many=True, read_only=True)
+    layers = CardLayerSerializer(many=True, read_only=True)
+
+    class Meta:
+        model = Project
+        fields = '__all__'

backend/apps/projects/urls.py

@@ -0,0 +1,7 @@
+from django.urls import path
+from .views import project_list, project_detail
+
+urlpatterns = [
+    path('', project_list, name='project-list'),
+    path('<str:pk>/', project_detail, name='project-detail'),
+]

backend/apps/projects/views.py

@@ -0,0 +1,45 @@
+from rest_framework.decorators import api_view
+from rest_framework.response import Response
+from rest_framework import status
+from .models import Project
+from .serializers import ProjectSerializer, ProjectDetailSerializer
+
+
+@api_view(['GET', 'POST'])
+def project_list(request):
+    """获取项目列表或创建新项目"""
+    if request.method == 'GET':
+        projects = Project.objects.all()
+        serializer = ProjectSerializer(projects, many=True)
+        return Response(serializer.data)
+
+    elif request.method == 'POST':
+        serializer = ProjectSerializer(data=request.data)
+        if serializer.is_valid():
+            serializer.save()
+            return Response(serializer.data, status=status.HTTP_201_CREATED)
+        return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)
+
+
+@api_view(['GET', 'PUT', 'DELETE'])
+def project_detail(request, pk):
+    """获取、更新或删除项目"""
+    try:
+        project = Project.objects.get(pk=pk)
+    except Project.DoesNotExist:
+        return Response({'error': 'Project not found'}, status=status.HTTP_404_NOT_FOUND)
+
+    if request.method == 'GET':
+        serializer = ProjectDetailSerializer(project)
+        return Response(serializer.data)
+
+    elif request.method == 'PUT':
+        serializer = ProjectSerializer(project, data=request.data)
+        if serializer.is_valid():
+            serializer.save()
+            return Response(serializer.data)
+        return Response(serializer.errors, status=status.HTTP_400_BAD_REQUEST)
+
+    elif request.method == 'DELETE':
+        project.delete()
+        return Response(status=status.HTTP_204_NO_CONTENT)