完成前端页面，建立数据库，完成基本页面跳转

Author: guaini

backend/__init__.py

@@ -0,0 +1,9 @@
+from django.contrib import admin
+from backend.models import Picture, User, Favorite, Tag, PictoTag
+
+# Register your models here.
+admin.site.register(Picture)
+admin.site.register(User)
+admin.site.register(Favorite)
+admin.site.register(Tag)
+admin.site.register(PictoTag)

backend/__pycache__/__init__.cpython-310.pyc

@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class BackendConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'backend'

backend/__pycache__/__init__.cpython-36.pyc

@@ -0,0 +1,61 @@
+from django.db import models
+from django.contrib.auth.models import AbstractUser
+from django.contrib.auth.hashers import make_password, check_password
+
+
+# Create your models here.
+
+class User(AbstractUser):
+    id = models.BigAutoField(primary_key=True)
+    email = models.EmailField(null=True)
+    birthday = models.CharField(max_length=15, null=True)
+    sex = models.CharField(max_length=1, null=True, default='1')
+    country = models.CharField(max_length=30, null=True)
+    first_name = models.CharField(max_length=10, null=True)
+    last_name = models.CharField(max_length=10, null=True)
+    wechat = models.CharField(max_length=50, null=True)
+
+
+class Picture(models.Model):
+    pid = models.AutoField(primary_key=True)
+    img = models.ImageField(upload_to="pics")
+    imgname = models.CharField(max_length=100, null=True)
+    size = models.IntegerField()
+    uploader = models.ForeignKey('User', on_delete=models.CASCADE)
+    upload_time = models.DateTimeField(auto_now_add=True)
+    num_like = models.IntegerField()
+    num_star = models.IntegerField()
+    num_view = models.IntegerField()
+
+
+class Favorite(models.Model):
+    pid = models.ForeignKey('Picture', on_delete=models.CASCADE)
+    user = models.ForeignKey('User', on_delete=models.CASCADE)
+
+    class Meta:
+        constraints = [
+            # complex primary key: promise combination is only one
+            models.UniqueConstraint(fields=['pid', 'user'], name='favor_pic'),
+        ]
+
+
+class Tag(models.Model):
+    tag_id = models.AutoField(primary_key=True)
+    tname = models.CharField(max_length=20)
+
+    class Meta:
+        constraints = [
+            # complex primary key: promise combination is only one
+            models.UniqueConstraint(fields=['tag_id', 'tname'], name='tag_id'),
+        ]
+
+
+class PictoTag(models.Model):
+    pid = models.ForeignKey('Picture', on_delete=models.CASCADE)
+    tag_id = models.ForeignKey('Tag', on_delete=models.CASCADE)
+
+    class Meta:
+        constraints = [
+            # complex primary key: promise combination is only one
+            models.UniqueConstraint(fields=['pid', 'tag_id'], name='tag_pic'),
+        ]

backend/__pycache__/admin.cpython-310.pyc

@@ -0,0 +1,92 @@
+* {
+    margin: 0;
+    padding: 0;
+  }
+  
+  html,
+  body,
+  #mask {
+    width: 100%;
+    height: 100%;
+  }
+  
+  #mask {
+    background-color: #c9c9c9;
+    position: relative;
+  }
+  
+  #mask .center {
+    position: absolute;
+    background-color: #fff;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    padding: 10px;
+  }
+  #mask .center .title {
+    position: absolute;
+    display: flex;
+    align-items: center;
+    height: 56px;
+    top: -61px;
+    left: 0;
+    color: rgba(175, 47, 47, 0.8);
+    font-size: 26px;
+    font-weight: normal;
+    background-color: white;
+    padding: 5px 50px 0 10px;
+    z-index: 2;
+  }
+  
+  #mask .center .title::before {
+    content: "";
+    position: absolute;
+    width: 0;
+    height: 0;
+    border: 65px solid;
+    border-color: transparent transparent white;
+    top: -65px;
+    right: -65px;
+    z-index: 1;
+  }
+  
+  #mask .center > img {
+    display: block;
+    width: 1400px;
+    height: 700px;
+  }
+  
+  #mask .center .detail {
+      font-size: x-small;
+      font-weight: 600;
+      color: brown;
+  }
+
+  #mask .center .detail #tag {
+    font-size: x-small;
+    font-weight: 600;
+    color: brown;
+}
+
+  #delete img{
+    width: 30px;
+    height: 30px;
+  }
+
+  #thumb img{
+    width: 30px;
+    height: 30px;
+  }
+
+  #star img{
+    width: 30px;
+    height: 30px;
+  }
+
+  .detail {
+    float: left;
+  }
+
+  .like {
+    float: right;
+  }