1. 程式人生 > >208.12.29CLASS306。整個WEB已經可以運行了,但是還是有小BUG

208.12.29CLASS306。整個WEB已經可以運行了,但是還是有小BUG

主頁沒有問題神一樣的圖片

後端的登入頁面程式碼在這裡插入圖片描述

# base.html
 <!-- User image -->
                            <li class="user-header">
                                <img src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=609380044,682012158&fm=26&gp=0.jpg"
                                     class="img-circle" alt="User Image">
                                <p>
                                    {{ user.username }}
                                    <small>帥的驚動了全國人民</small>
                                </p>
                            </li>

前端的img src是寫死的,這樣無論誰登入都是這個圖片,這是不正確的。
1.重新建造一個客戶登入頁面,讓客戶上傳圖片。但是,這樣又要重複寫前端頁面煩死了。
2.所以我進行了取巧,在資料庫裡面多加了一個image的image = models.TextField(null=True)的模型。

image = models.TextField(null=True)
class User(AbstractBaseUser,PermissionsMixin):
    # 我們不使用預設的自增長的主鍵
    # id:100,101,102,103
    # uuid/shortuuid
    # Shortuuidfield:pip install django-shortuuidfield
    uid = ShortUUIDField(primary_key=True)
    telephone = models.CharField(max_length=11,unique=True)
    image = models.TextField(null=True)
    email = models.EmailField(unique=True,null=True)
    username = models.CharField(max_length=100)
    is_active = models.BooleanField(default=True)
    is_staff = models.BooleanField(default=False)
    data_joined = models.DateTimeField(auto_now_add=True)

    USERNAME_FIELD = 'telephone'
    # telephone,username,password
    REQUIRED_FIELDS = ['username']
    EMAIL_FIELD = 'email'

    objects = UserManager()

    def get_full_name(self):
        return self.username

    def get_short_name(self):
        return self.username

前端修改後的程式碼

   <!-- User image -->
                            <li class="user-header">
                                <img src="{{ user.image }}"
                                     class="img-circle" alt="User Image">
                                <p>
                                    {{ user.username }}
                                    <small>帥的驚動了褲襠</small>
                                </p>
                            </li>

這樣頭像和名字都是活的了。