从项目中学习Django 天天生鲜---------前台首页分析

深碍√TFBOYSˉ_ 2022-12-01 09:59 105阅读 0赞

### 前台首页分析 ###

*  效果图
 *  逻辑分析
 *   *  实现的功能
     *  后台传给首页的信息
 *  步骤
 *   *  创建前台app并注册
     *  建模
     *  普通的的登录和注册
     *  邮箱登录(难点)
     *   *  163邮箱开启pop3/SMTP
         *  QQ邮箱开启pop3/SMTP
         *  邮箱配置
         *  逻辑分析
         *   *  验证码
             *   *  Ajax
                 *  流程
             *  邮箱点击登录
     *  首页渲染
     *  给后台添加数据

# 效果图 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center]

# 逻辑分析 #

![在这里插入图片描述][20200826153230862.png_pic_center]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 1]  
**从上图就很容易分析出我们需要实现的功能及其后台需要传给首页那些信息**  
如果读者想看效果图的纯静态文件  
链接：https://pan.baidu.com/s/1LijTjHtKdc301IJw37Xk5Q  
提取码：xkhf

## 实现的功能 ##

*  登录  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 2]
 *  注册  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 3]
 *  用户中心  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 4]
 *  我的购物车  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 5]
 *  我的订单  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 6]  
    **注意**  
    **用户中心,购物车和我的订单在本篇暂时不实现,在后续会一一实现**

## 后台传给首页的信息 ##

*  所有商品类型信息
 *  每个商品类型下所有商品

# 步骤 #

## 创建前台app并注册 ##

python manage.py startapp app名

python manage.py startapp buyer

![在这里插入图片描述][2020082616081876.png_pic_center]  
![在这里插入图片描述][20200826160827455.png_pic_center]  
然后在**setting**中进行注册  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 7]

## 建模 ##

buyer/models.py

from django.db import models
    
    # Create your models here.
    # 买家
    class Buyer(models.Model):
        username = models.CharField(max_length=32)
        password = models.CharField(max_length=32)
        email = models.CharField(max_length=32)
        phone = models.CharField(max_length=32)
        address = models.CharField(max_length=128)
    # 因为会用到邮箱注册,所以要有一个验证码模型类
    #校验验证码 模型类
    class CheckEmail(models.Model):
        emailname=models.CharField(max_length=32) #邮箱名称
        authcode=models.CharField(max_length=32) #验证码
        etime=models.DateTimeField() #记录验证码生成时的时间

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 8]  
![在这里插入图片描述][20200826161329130.png_pic_center]

## 普通的的登录和注册 ##

前台的登录和注册和后台的登录和注册基本上一样,这里就直接附上代码了  
**buyer/views.py**

import datetime
    import random
    from django.shortcuts import render, redirect
    from buyer.models import *
    from project01.models import *
    # 登录
    def login(request):
        msg=''
        if request.method=="POST":
            username = request.POST.get("user_name")
            password = request.POST.get("user_pwd")
            buyer=Buyer.objects.filter(username=username,password=password).first()
            if buyer:
                response=redirect("/index")
                response.set_cookie("buyer_id",buyer.id)
                response.set_cookie("buyer_name",buyer.username)
                return response
            else:
                msg="用户名或密码错误"
        return render(request,"buyer/login.html",{ "msg":msg})
    #注册
    def register(request):
        if request.method=="POST":
            username=request.POST.get("user_name")
            password=request.POST.get("user_pwd")
            email=request.POST.get("user_email")
            phone=request.POST.get("phone")
            address=request.POST.get("address")
            buyer=Buyer.objects.create(username=username,password=password,email=email,phone=phone,address=address)
            buyer.save()
            return redirect("/login")
        return render(request,"buyer/register.html")

**然后就是一定需要做的事就是配置路由,为了防止遗漏所以作者这里把本篇需要用到的功能的路由都一次性写出**  
buyer/urls.py

from . import views
    
    urlpatterns = [
        path('',views.index),#首页
        path('index',views.index),#首页
        path('login',views.login),#登录
        path('email_login',views.email_login),#邮箱登录
        path('get_yzm_ajax',views.yzm_ajax),#获取邮箱验证码
        path('logout',views.logout),#登出
        path('register',views.register),#注册
    ]

自己项目名/urls.py

....
    from buyer import views
    ....
    urlpatterns = [
        path('admin/', admin.site.urls),
        path('seller/',include('project01.urls')),#卖家
        #新加
        path('',include('buyer.urls')),#主页
    ]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 9]  
![在这里插入图片描述][20200826163622989.png_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 10]

## 邮箱登录(难点) ##

在进行邮箱注册前需要读者先完成打开自己邮箱的pop3/SMTP开启,

### 163邮箱开启pop3/SMTP ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 11]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 12]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 13]  
这里一定要记住或者保存自己的授权密码在后面会用

### QQ邮箱开启pop3/SMTP ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 14]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 15]

### 邮箱配置 ###

开启pop3/smtp后需要在**settings.py** 中添加以下信息  
自己项目名/settings.py

.....
    #因为用到datatime需要去除时区, 在settings.py 中 修改USE_TZ为USE_TZ=False
    USE_TZ=False
    ....
    # 邮箱配置
    EMAIL_HOST_USER = 'oneself@163.com'  # 自己的邮箱
    EMAIL_HOST_PASSWORD = ''  # 授权码
    EMAIL_USE_SSL = True  # SSL 表示更加安全
    EMAIL_HOST = 'smtp.163.com'  # 主机
    EMAIL_PORT = 994  # 端口号

### 逻辑分析 ###

配置完后则需要进行逻辑分析  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 16]  
我们可以看到有二个功能:

*  获取验证码
 *  输入信息然后进行登录

#### 验证码 ####

这里我们可以先看网页源代码,来确定前台流程  
![在这里插入图片描述][20200826165044222.png_pic_center]  
![在这里插入图片描述][20200826165111632.png_pic_center]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 17]  
在这里可以看到会发生点击事件  
这里刚好可以科补一下**ajax**是什么?

##### Ajax #####

AJAX（Asynchronous Javascript And XML）翻译成中文就是“异步JavaScript和XML”。即使用JavaScript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML）还有JSON数据。  
AJAX还有一个最大的特点就是，当服务器响应时，不用刷新整个浏览器页面，而是可以局部刷新。这一特点给用户的感受是在不知不觉中完成请求和响应过程。  
应用场景：更多商品中的上下分页。  
简单的说,ajax可以实现将前台数据传入后台  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 18]  
从图中我们可以看到ajax中一部分属性  
**url**:将数据发生到那个路由  
**type**:以什么形式传给后台  
**data**:传入以字典形式的数据给后台  
**success**:当后台没有问题则接收后台传来的数据  
**error**:与上面反之

##### 流程 #####

从上面可以分析出流程为:  
**当用户点击获取验证码后->触发axaj->将data传入到指定的url中->后台逻辑->接收后台传来的数据->判断数据是否符合条件**  
所以现在只需要我们将后台逻辑分析清楚即可  
**后台逻辑分析:**  
前台会传入用户填入的邮箱,而我们则**需要向该邮箱发送验证码**并存储在数据库中也便在后面点击登录后判断用户是否输入正确,还需要让数据库填入生成验证码的时间,因为发送验证码后有一个条件及必须要在二分钟输入验证码  
后台分析完了则就开始写代码吧  
**buyer/views.py**

from django.core.mail import EmailMultiAlternatives
    from django.http import JsonResponse
    .....
    # 发送验证码给目标邮箱
    def yzm_ajax(request):
        dic_msg = { 'status': 'success', 'data': ''}
        # 1.获取前端提交的邮箱
        email = request.GET.get('email')
        yzm = str(random.randint(1000, 9999))
        # 删除所有该邮箱的验证码
        checkemail_list=CheckEmail.objects.filter(emailname=email).all()
        for checkemail in checkemail_list:
            checkemail.delete()
        # # 2.发送邮件
        try:
            email_obj = EmailMultiAlternatives(
                subject='天天生鲜邮箱登录验证码',
                body=yzm,  # 验证码
                from_email='xiaocaiqi_lg@163.com', #发送人
                to=[email]  # 目标邮箱
            )
            # 发送
            email_obj.send()
        except:
            # 邮箱有问题
            dic_msg['data'] = '邮箱不正确！！！'
            dic_msg['status'] = 'error'
        else:
            # 需要保存验证码和邮箱以及时间，用于注册校验
            email_obj = CheckEmail.objects.create(emailname=email,authcode=yzm,etime=datetime.datetime.now())
            email_obj.save()
        finally:
            return JsonResponse(dic_msg)
    .....

这里先测试一下是否真的会发验证码给指定的邮箱  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 19]  
![在这里插入图片描述][20200826171409512.png_pic_center]  
成功了!!!  
接下来居然成功了则分析邮箱登录成功后的后台具体逻辑

#### 邮箱点击登录 ####

**逻辑分析:**

*  获取表单提交的邮箱和验证码和密码
 *  然后进行判断该邮箱是不是我们之前发过验证码的邮箱,如果不是则提示邮箱已经被修改了
 *  符合条件后,我们在判断输入的验证码是否该邮箱的验证码一致,如果不表示则提示验证码错误
 *  如果上面二者都满足条件,则需要判断当前验证码有没有超时,如果超时则表示验证码已经失效
 *  当上面三者都满足条件了,则需要从用户表中查询是否有用户绑定的邮箱是该邮箱,如果 没有则系统自动创建一个以该邮箱名作为用户名进行注册  
    **代码实现:**  
    buyer/views.py

#邮箱登录
    def  email_login(request):
        dic = { 'email_name_error': '', 'code_error': '', 'code_time_error': ''}
        if request.method == 'POST':
            # 1.获取表单提交的邮箱和验证码和密码
            emailname = request.POST.get('emailname')
            code = request.POST.get('code')
            # 2.判断
            # (1).邮箱
            check_obj = CheckEmail.objects.filter(emailname=emailname).first()
            if check_obj:  # 邮箱输入正确
                # (2).验证码输入是否正确
                authcode = check_obj.authcode
                if authcode == code:  # 验证码输入正确
                    # (3).时间是否过期
                    dtime = check_obj.etime  # 数据库保存的时间 查询时默认带时区
                    ntime = datetime.datetime.now()  # 当前时间，不带时区, 在settings.py 中 USE_TZ=False
                    zztime = ntime - dtime
                    if zztime.seconds < 120:
                        # 判断买家表是否存在该邮箱,如果存在则取出,不存在则自动以该邮箱名作为用户名进行注册
                        buyer_obj=Buyer.objects.filter(email=emailname).first()
                        if not buyer_obj:
                            # 邮箱注册
                            # 密码默认为1111111
                            buyer_obj = Buyer.objects.create(username=emailname,password='1111111',email=emailname,phone='',address='')
                            buyer_obj.save()
                        response = redirect("/index")
                        response.set_cookie("buyer_id", buyer_obj.id)
                        response.set_cookie("buyer_name", buyer_obj.username)
    
                        # 删除验证码
                        check_obj.delete()
                        # 重定向到 登录页面
                        return response
                    else:
                        dic['code_time_error'] = '验证码失效了...'
                        # 删除验证码
                        check_obj.delete()
                else:  # 验证码错误了..
                    dic['code_error'] = '验证码错误,请重新输入'
            else:  # 邮箱错误
                dic['email_name_error'] = '邮箱已经被修改了...'
    
            # 保存用户
        return render(request, 'buyer/login_email.html', { 'dic': dic})

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 20]  
![在这里插入图片描述][20200826173259511.png_pic_center]  
![在这里插入图片描述][20200826173331908.png_pic_center]

## 首页渲染 ##

根据前面的分析,后台只需要传以下数据给前台即可

*  所有商品类型信息
 *  每个商品类型下所有商品

**buyer/views.py**

....
    # 首页
    def index(request):
        # 获取所有商品类型
        goodstype_obj_list=GoodsType.objects.all()
        #轮播图
        lb_goods_obj_list=Goods.objects.all()[:4]
        buyer_id=request.COOKIES.get("buyer_id")
        # 这里没有去获取每个商品类型下所有商品,是因为前台可以通过goodstype_obj.goods_set.all即可获取
        return  render(request,"buyer/index.html",locals())
    ....

## 给后台添加数据 ##

因为前面后台建立时没有怎么添加多少数据,所以为了让页面更加**饱满**,所以添加一些数据  
**project01\_goodstype.sql**

INSERT INTO `project01_goodstype` VALUES (1, '新鲜水果', 'banner01.jpg',1);
    INSERT INTO `project01_goodstype` VALUES (2, '海鲜水产', 'banner02.jpg',1);
    INSERT INTO `project01_goodstype` VALUES (3, '猪牛羊肉', 'banner03.jpg',1);

**project01\_goods.sql**

INSERT INTO `project01_goods` VALUES (1, '草莓', 30.00, 30, '2018-08-09', 'goods/goods003.jpg', '草莓浆果柔软多汁，味美爽口，适合速冻保鲜贮藏。草莓速冻后，可以保持原有的色、香、味，既便于贮藏，又便于外销。', 1, 1);
    INSERT INTO `project01_goods` VALUES (2, '葡萄', 5.00, 20, '2018-08-09', 'goods/goods002.jpg', '草莓浆果柔软多汁，味美爽口，适合速冻保鲜贮藏。草莓速冻后，可以保持原有的色、香、味，既便于贮藏，又便于外销。', 1, 1);
    INSERT INTO `project01_goods` VALUES (3, '柠檬', 3.90, 31, '2019-09-09', 'goods/goods001.jpg', '草莓浆果柔软多汁，味美爽口，适合速冻保鲜贮藏。草莓速冻后，可以保持原有的色、香、味，既便于贮藏，又便于外销。', 1, 1);
    INSERT INTO `project01_goods` VALUES (4, '青岛野生海捕大青虾', 48.00, 20, '2020-12-20', 'goods/goods018.jpg', '草莓浆果柔软多汁，味美爽口，适合速冻保鲜贮藏。草莓速冻后，可以保持原有的色、香、味，既便于贮藏，又便于外销。', 2, 1);
    INSERT INTO `project01_goods` VALUES (5, '扇贝', 46.00, 21, '2019-09-09', 'goods/goods019.jpg', '草莓浆果柔软多汁，味美爽口，适合速冻保鲜贮藏。草莓速冻后，可以保持原有的色、香、味，既便于贮藏，又便于外销。', 2, 1);
    INSERT INTO `project01_goods` VALUES (6, '刀鱼', 19.00, 10, '2019-09-21', 'goods/goods020.jpg', '草莓浆果柔软多汁，味美爽口，适合速冻保鲜贮藏。草莓速冻后，可以保持原有的色、香、味，既便于贮藏，又便于外销。', 2, 1);
    INSERT INTO `project01_goods` VALUES (7, '猪脚', 37.00, 20, '2020-01-01', 'goods/goods023.jpg', '草莓浆果柔软多汁，味美爽口，适合速冻保鲜贮藏。草莓速冻后，可以保持原有的色、香、味，既便于贮藏，又便于外销。', 3, 1);

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 21]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/bbf63e5364dc4dc49dc6a91bd477d87d.png
[20200826153230862.png_pic_center]: /images/20221123/68752d987e6049789d7273bc9a25ec23.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/ec930cde651e428cb606f775255ea2ab.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/ee0dca89175e4e5e92bf0272e8d35168.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221123/f715e256b99249e4b0ad627c7dad05dd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221123/b046ce41b71c47ab803be81cad728401.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221123/f0ae3b4273ff41238710a127bafb95f6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221123/8c72cebfe63f4a978da6d2d6bd55a41b.png
[2020082616081876.png_pic_center]: /images/20221123/a3027fdb467745f5bc282a3fb9b991e4.png
[20200826160827455.png_pic_center]: /images/20221123/4658c185eba44593b9c95ddd96ae80bc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221123/b71e325f4d0a4a20aee8fb216ea16e0e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20221123/40390cd3ba5c4ac2bc04c1fc318de57a.png
[20200826161329130.png_pic_center]: /images/20221123/6feecbdd4c0d40d29e6672de050532d9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20221123/e7becce33f57477aa60551f816fdd0ab.png
[20200826163622989.png_pic_center]: /images/20221123/c2f2762669f8493fbe575df2be0ebb45.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20221123/ba8d4f0813714abb8f60ab74fedc5e5c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 11]: /images/20221123/bff9af547389423ea531fbac557dc0b3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 12]: /images/20221123/7266da71f23348279a38bf041a4ed19a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 13]: /images/20221123/9b6d07aa76db446caf4218195e778560.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 14]: /images/20221123/f1f2c90ab062432eba39f94a6969d6c0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 15]: /images/20221123/ca8c7acb173c4bfbae438b1b20c22ced.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 16]: /images/20221123/5909f72c9d5a4549aded5ab3170b7c7d.png
[20200826165044222.png_pic_center]: /images/20221123/d80592e432154f01b019b59db77f3475.png
[20200826165111632.png_pic_center]: /images/20221123/e27d27397d404f62a6eaaf772953a8ea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 17]: /images/20221123/d171c7a6c9d44636b779a52fd7b2b8cd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 18]: /images/20221123/ee55bf13b1db41f7982d9fd647a35382.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 19]: /images/20221123/037ffd589d2947c1ad22bc58613f82f2.png
[20200826171409512.png_pic_center]: /images/20221123/b06bb73ca53a4619bb27d3e24067ff3f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 20]: /images/20221123/640b6639411d4b69b22f673de7cd1b4a.png
[20200826173259511.png_pic_center]: /images/20221123/b8f53a98a26343608a48f10bfc0c3232.png
[20200826173331908.png_pic_center]: /images/20221123/e8d730aa8a1d4b61ab456bfac7f996e7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ExMzA5NTI1ODAy_size_16_color_FFFFFF_t_70_pic_center 21]: /images/20221123/0d3541885e4242708d28f9cfa9490529.png