本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习

https://www.bilibili.com/video/BV1vt41147K8?p=1

页面静态化

为什么需要静态化首页

主页是一个网站被访问次数最多的页面,且不管用户登不登陆都可以访问,每次访问主页时,都需要从数据库中查询数据,而且每次访问几乎展示的内容都是一样的,除非后台管理员修改了主页的数据信息。

所以可以将主页单独做出来一个静态的页面(其中包括了数据信息),让未登录的用户直接访问该页面,这样就能够减少服务器的压力。

又因为该页面是静态写死的,如果后台数据变化了,这个页面的信息也还是原来的信息,为了解决这个问题,保持静态页面的数据是最新的,可以在后台管理员每次修改了首页数据信息时,重新生成新的静态页面。

如何生成静态化页面

当管理员每次更新首页需要的数据时,就可以调用生成静态化页面的方法,而这时,如果生成静态化页面处理时间比较长,那么可能会造成管理员前台长时间的等待,因此可以通过celery来进行异步的生成页面。

celery的配置与‘DJANGO-天天生鲜项目从0到1-002-用户模块-注册’中的利用celery一样,因此在其基础上的tasks.py文件上新增一个任务即可。

获取首页数据

因为获取首页的数据在多个地方都需要使用到,因此将其封装成一个方法,与上一节的获取购物车数量一样,放在utils/utils.py中:

  1. from goods.models import *
  2.  
  3. def get_index_data():
  4. '''获取首页数据信息'''
  5. # 获取商品分类
  6. goods_type = GoodsType.objects.all()
  7. # 获取轮播商品
  8. goods_banner = IndexGoodsBanner.objects.all().order_by('index')
  9. # 获取活动信息
  10. promotion_banner = IndexPromotionBanner.objects.all().order_by('index')
  11.  
  12. # 获取分类商品展示信息
  13. for goodstype in goods_type:
  14. # 获取该类型下面的商品的标题信息,并进行排序
  15. title_banner = IndexTypeGoodsBanner.objects.filter(goodstype=goodstype,
  16. display_type=0).order_by('index')
  17. # 获取该类型下面的商品的图片信息,并进行排序
  18. image_banner = IndexTypeGoodsBanner.objects.filter(goodstype=goodstype,
  19. display_type=1).order_by('index')
  20. # 动态给type增加属性,分别保存首页分类商品的文字信息和图片信息
  21. goodstype.title_banner = title_banner
  22. goodstype.image_banner = image_banner
  23.  
  24. # 组织上下文
  25. context = {
  26. 'goods_type': goods_type,
  27. 'goods_banner': goods_banner,
  28. 'promotion_banner': promotion_banner,
  29. }
  30. return context

创建celery任务

获取数据后,仍然使用goods/index.html模板文件,使用模板对象的render方法将获取到的数据填入模板文件中生成html内容,再通过with open将html内容写入至static下的index.html文件中,这里需要先创建出该空文件。

  1. from utils.utils import get_index_data
  2. from django.template import loader
  3.  
  4. @app.task()
  5. def generate_static_index():
  6. # 获取需要展示的信息
  7. context = get_index_data()
  8. # 使用模板
  9. # 加载模板文件,返回模板对象
  10. template = loader.get_template('goods/index.html')
  11. # 渲染模板
  12. static_index = template.render(context)
  13.  
  14. # 生成html文件
  15. save_path = os.path.join(settings.BASE_DIR, 'static/index.html')
  16. with open(save_path, 'w') as f:
  17. f.write(static_index)

创建admin模型管理类,调用celery任务

我们需要后台管理员在修改了首页数据信息时调用创建静态文件的celery任务,因此需要用到admin模型管理类,重写相关模型类的save和delete方法

编辑goods/admin.py文件:

  1. from django.contrib import admin
  2. from goods.models import *
  3. from utils.tasks import generate_static_index
  4. from django.core.cache import cache
  5. # Register your models here.
  6.  
  7. class BaseModelAdmin(admin.ModelAdmin):
  8. '''模型管理站点'''
  9. def save_model(self, request, obj, form, change):
  10. # 继承父类方法
  11. super().save_model(request, obj, form, change)
  12. # 调用celery重新生成静态首页文件
  13. generate_static_index.delay()
  14. # 清除缓存
  15. cache.delete('index_data')
  16.  
  17. def delete_model(self, request, obj):
  18. # 继承父类方法
  19. super().delete_model(request, obj)
  20. # 调用celery重新生成静态首页文件
  21. generate_static_index.delay()
  22. # 清除缓存
  23. cache.delete('index_data')
  24.  
  25. admin.site.register(Goods, BaseModelAdmin)
  26. admin.site.register(GoodsSPU, BaseModelAdmin)
  27. admin.site.register(GoodsType, BaseModelAdmin)
  28. admin.site.register(GoodsImage, BaseModelAdmin)
  29. admin.site.register(IndexGoodsBanner, BaseModelAdmin)
  30. admin.site.register(IndexTypeGoodsBanner, BaseModelAdmin)
  31. admin.site.register(IndexPromotionBanner, BaseModelAdmin)

通过Nginx访问静态页面

上面生成的静态页面只能够通过django服务器ip:8000/static/index.html网址访问,但是我们想要的是用户直接输入ip地址后就能访问静态页面,于是需要Nginx帮忙。在Nginx配置文件(/usr/local/nginx/conf/nginx.conf)中,修改如下配置:

  1. server {
  2. listen 80;
  3. server_name localhost;
  4. #charset koi8-r;
  5. #access_log logs/host.access.log main;
  6. location /static {
  7. alias /home/gong/study/projects/dailyfresh/static/;
  8. }
  9. location / {
  10. #root html;
  11. root /home/gong/study/projects/dailyfresh/static/;
  12. index index.html index.htm;
  13. }
  14. error_page 500 502 503 504 /50x.html;
  15. location = /50x.html {
  16. root html;
  17. }
  18. }

在浏览器中输入IP地址后不输入端口号时,则默认访问的是80端口,location相当于是url匹配器,从上往下进行匹配,若符合ip/static,则显示 /home/gong/study/projects/dailyfresh/static/ 下面的index.html文件,若ip地址后面什么都没有输入,则也显示/home/gong/study/projects/dailyfresh/static/下面的index%文件

在浏览器中输入http://192.168.183.129/static/http://192.168.183.129时访问的就是生成的静态页面

何时访问静态化首页,何时访问正常动态化的首页

当我们访问静态化首页时,访问的地址是http://192.168.183.129,默认的是80端口,访问到的服务器是Nginx服务器

当我们访问动态化首页时,访问的地址是http://192.168.183.129:8000,是8000端口,访问到的是服务器是Django服务器

但是部署上线后,最后暴露给用户的地址肯定只有一个,而不是将上述两个地址给用户,让用户选择访问哪个页面,这里就需要在用户和(Nginx、Django)服务器之间,再搭一台Nginx服务器,通过这台Nginx服务器给用户暴露一个浏览的地址(比如为http://192.168.183.130),然后让服务器判断决定用户最终访问的服务器是哪个(比如当用户直接输入http://192.168.183.130时,中间的Nginx最终让其访问的是Nginx指向的静态首页,当用户输入http://192.168.183.130/index时,中间的Nginx最终让其访问的是Django服务器的动态首页)。

缓存首页数据信息

当我们不是访问静态页面的首页,而是访问正常动态首页时,每次访问也依然需要重新查询数据库,而其实查出来的数据基本都是一样的,除非后台管理员修改了后台数据,这时为了避免重复查询,可以使用django的缓存机制,将第一次查出来的数据放入django服务器的缓存中(注意不是浏览器的缓存),后续访问页面时,先在缓存中查询数据是否存在,存在即直接取出数据,不存在即重新查询数据。

配置django缓存

缓存可以存在数据库或者文件系统中,一般我们都会存在内存型数据库汇总,前面登录配置session时(DJANGO-天天生鲜项目从0到1-003-用户模块-登录),已经配好了将缓存存在redis数据库中

  1. CACHES = {
  2.   "default": {
  3.     "BACKEND": "django_redis.cache.RedisCache",
  4.     "LOCATION": "redis://127.0.0.1:6379/1",
  5.     "OPTIONS": {
  6.       "CLIENT_CLASS": "django_redis.client.DefaultClient",
  7.     }
  8.   }
  9. }

使用django缓存,cache.get(key),cache.set(key, data, timeout)

在首页view.py中,在查询数据库信息前,先通过cache.get从缓存中查询是否存在需要的数据,若不存在则在查询完一些公用的数据库信息之后,将这些公用信息通过cache.set存在缓存中

  1. from django.core.cache import cache
  2.  
  3. class IndexView(View):
  4. '''首页视图'''
  5. template_name = 'goods/index.html'
  6. def get(self, request):
  7. '''显示首页'''
  8. # 从缓存汇总获取数据
  9. context = cache.get('index_data')
  10. if not context:
  11. # 获取数据库信息
  12. context = get_index_data()
  13. # 设置缓存,3600秒过期
  14. print('设置缓存')
  15. cache.set('index_data', context, 3600)
  16.  
  17. # 获取购物车数量,购物车存储格式为:cart_userid : {'goodsid': quantity}
  18. cart_count = get_cart_count(request)
  19. context['cart_count'] = cart_count
  20. return render(request, self.template_name, context)

删除缓存,cache.delete(key)

同样在后台管理员修改了首页数据库信息时,需要将原来的缓存删除掉,等删除后再次访问首页时,重新设置新的缓存信息

  1. from django.core.cache import cache
  2.  
  3. class BaseModelAdmin(admin.ModelAdmin):
  4. def save_model(self, request, obj, form, change):
  5. '''新增或更新表中的数据时调用'''
  6. super().save_model(request, obj, form, change)
  7.  
  8. # 发出任务,让celery worker重新生成首页静态页
  9. from celery_tasks.tasks import generate_static_index_html
  10. generate_static_index_html.delay()
  11.  
  12. # 清除首页的缓存数据
  13. cache.delete('index_page_data')
  14.  
  15. def delete_model(self, request, obj):
  16. '''删除表中的数据时调用'''
  17. super().delete_model(request, obj)
  18. # 发出任务,让celery worker重新生成首页静态页
  19. from celery_tasks.tasks import generate_static_index_html
  20. generate_static_index_html.delay()
  21.  
  22. # 清除首页的缓存数据
  23. cache.delete('index_page_data')

DJANGO-天天生鲜项目从0到1-007-首页静态化与缓存的更多相关文章

  1. django天天生鲜项目

    .后台admin管理天天生鲜商品信息 models里 from django.db import modelsfrom tinymce.models import HTMLField #需要pip安装 ...

  2. python 天天生鲜项目

    python 天天生鲜项目 django版:https://github.com/Ivy-1996/fresh flask版:https://github.com/Ivy-1996/flask-fre ...

  3. Django之天天生鲜项目

    准备工作 1.配置settings.py内置文件 注意: AUTH_USER_MODEL配置参数要在第一次迁移数据库之前配置,否则可能django的认证系统工作不正常 2.创建应用 3.配置主路由 一 ...

  4. DJANGO-天天生鲜项目从0到1-012-订单-用户订单页面

    本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...

  5. DJANGO-天天生鲜项目从0到1-011-订单-订单提交和创建

    本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...

  6. DJANGO-天天生鲜项目从0到1-010-购物车-购物车操作页面(勾选+删改)

    本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...

  7. DJANGO-天天生鲜项目从0到1-009-购物车-Ajax实现添加至购物车功能

    本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...

  8. DJANGO-天天生鲜项目从0到1-009-搜索功能实现(django-haystack+whoosh+jieba)

    本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...

  9. DJANGO-天天生鲜项目从0到1-006-首页-内容展示

    本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...

随机推荐

  1. JavaWeb网上图书商城完整项目--21.用户模块各层相关类的创建

    1.现在要为user用户模块创建类 用户模块功能包括:注册.激活.登录.退出.修改密码. User类对照着t_user表来写即可.我们要保证User类的属性名称与t_user表的列名称完全相同. 我们 ...

  2. c语音学习笔记

    1.学习教程参考了杨光福 android jni Android视频<JNI> http://edu.csdn.net/course/detail/3235/54186?auto_star ...

  3. 设计模式:JDK和Spring中常见的设计模式

    设计模式 总结 类 工厂模式 封装创建过程,只对结果负责 BeanFactory.Calender 单例模式 全局唯一 ApplicationContext.Calender 原型模式 多重影分身之术 ...

  4. React实战教程之从零开始手把手教你使用 React 最新特性Hooks API 打造一款计算机知识测验App

    项目演示地址 项目演示地址 项目代码结构 前言 React 框架的优雅不言而喻,组件化的编程思想使得React框架开发的项目代码简洁,易懂,但早期 React 类组件的写法略显繁琐.React Hoo ...

  5. laravel --- composer install之后,项目没有vender目录

    composer install之后,项目没有vender目录 1. 原因一:PHP版本过低 PHP版本需要7.1以上,目前使用的是7.0.23

  6. Python3-multiprocessing模块-多进程

    Python3中的multiprocessing模块是一个与threading模块类似,提供生成进程的API 多进程multiprocessing模块允许程序员充分利用给定机器上的多个CPU(处理器) ...

  7. html+css快速入门教程(2)

    3 标签 3.1 div div 标签表示一个区块或者区域,你可以把它看成是一个容器,比如说一个 竹篮 作用:用来把网页分块 并且里面可以装任意的html元素 <div>这里是一个div容 ...

  8. Javascript中的"函数是第一类对象(first-class object)"

    本身这句话很好解释,函数有两个主要特点,援引自 陈新 译的<JavaScript模式>: 1.函数是第一类对象: 函数可以在运行时动态创建,还可以在程序执行过程中创建. 函数可以分配变量, ...

  9. ORA-04063: package body "DBSNMP.BSLN" has errors

    ORA-04063: package body "DBSNMP.BSLN" has errors 问题描述: 警告日志出现报错: Sun Jun 28 00:00:01 2020 ...

  10. day08总结

    集合常用操作# 一.关系运算firends1 = {"zero", "kevin", "jason", "egon"}f ...