Django实践-04静态资源和Ajax请求
官网:https://www.djangoproject.com/
博客:https://www.liujiangblog.com/
git:https://gitcode.net/mirrors/jackfrued/Python-100-Days
Django静态文件问题备注:
参考:
Django测试开发-20-settings.py中templates配置,使得APP下的模板以及根目录下的模板均可生效
django.short包参考:https://docs.djangoproject.com/en/4.1/topics/http/shortcuts/
Django实践-04静态资源配置
创建静态资源目录
在djangoproject项目中,我们将静态资源置于名为static的文件夹中,在该文件夹包含了三个子文件夹:css、js和images,分别用来保存外部CSS文件、外部JavaScript文件和图片资源,如下图所示。
准备一个叫甲1.jpg的图片,放在images目录下。
修改settings.py文件
为了能够找到保存静态资源的文件夹,我们还需要修改Django项目的配置文件settings.py,如下所示:
STATIC_URL = 'static/' # 指定静态文件的存放路径,新增部分 STATICFILES_DIRS=[ os.path.join(BASE_DIR,'static'), os.path.join(BASE_DIR), ]
Django实践-04用Ajax实现投票功能
修改项目的urls.py文件
下面,我们使用Ajax技术来实现投票的功能,首先修改项目的urls.py文件,为“好评”和“差评”功能映射对应的URL。
from django.contrib import admin from django.urls import path from django.contrib import admin from django.urls import path from polls import views as polls_views urlpatterns = [ path('admin/', admin.site.urls), path('', polls_views.show_subjects),# 学科首页 path('teachers/', polls_views.show_teachers), # 教师 path('praise/', polls_views.praise_or_criticize), # 本部分新增 好评 path('criticize/', polls_views.praise_or_criticize),# 本部分新增 差评 ]
修改polls/views.py文件
设计视图函数praise_or_criticize来支持“好评”和“差评”功能,该视图函数通过Django封装的JsonResponse类将字典序列化成JSON字符串作为返回给浏览器的响应内容。
from django.http import JsonResponse def praise_or_criticize(request): """好评""" try: tno = int(request.GET.get('tno')) teacher = Teacher.objects.get(no=tno) if request.path.startswith('/praise'): teacher.good_count += 1 count = teacher.good_count else: teacher.bad_count += 1 count = teacher.bad_count teacher.save() data = {'code': 20000, 'mesg': '操作成功', 'count': count} except (ValueError, Teacher.DoseNotExist): data = {'code': 20001, 'mesg': '操作失败'} return JsonResponse(data)
修改显示老师信息的模板页polls/teachers.html
为便于按照博客练习,页面已经一次性写好,内容如下:
参考:Django实践-03模型-01表生成模型+学科页面与教师页面编写
总结
本文主要是Django系列博客。本文是Django静态资源与Ajax请求示例。
1.创建静态资源目录
2.配置settings.py文件
3.修改urls.py文件
4.修改views.py文件
5.修改teachers.html文件