Django实现基于cookie及JavaScript的响应式图像
创建Django工程和应用
首先，打开命令行窗口，创建一个Django工程。在工程内创建一个应用，使用以下命令：
```
django-admin startproject djrespic
cd djrespic
python startapp book
```
然后，使用PyCharm开发工具打开这个工程。编辑工程根目录下的``文件，添加`templates`路径和`STATICFILES_DIRS`路径，并修改部分内容如下：
```python
INSTALLED_APPS [
'',
'',
'',
'',
'',
'',
'',
]
TEMPLATES [
{
'BACKEND': '',
'DIRS': [(BASE_DIR, 'templates')],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'_',
'_',
'_',
'_',
],
},
},
]
STATICFILES_DIRS [(BASE_DIR, 'staticfiles')]
```
创建模板和静态文件
在工程根目录下创建一个`templates`文件夹，在文件夹内创建一个名为``的模板文件，代码如下：
```html
{% load staticfiles %}
```
这段嵌入的JavaScript代码的目的是获取屏幕宽度并写入cookie。
在工程根目录下创建一个`staticfiles`文件夹，并在该文件夹下创建一个`images`文件夹。在`images`文件夹内放置两个图片，根据上一步写入cookie中的屏幕宽度来显示不同的图片。完整的工程文件结构如下：
```
djrespic
├── book
│ ├── __init__.py
│ ├──
│ ├──
│ ├── migrations
│ │ └── __init__.py
│ ├──
│ ├──
│ └──
├── djrespic
│ ├── __init__.py
│ ├──
│ ├──
│ └──
└── staticfiles
└── images
├──
└──
```
配置URL
在工程根目录下的``文件中添加应用的URL配置，代码如下：
```python
from import url, include
from import admin
urlpatterns [
url(r'^admin/', ),
url(r'^book/', include('book.urls')),
]
```
编写视图函数
在book应用的``文件中编写视图函数，代码如下：
```python
from import render
def pic(request):
if ('screen_width'):
w ('screen_width')
if int(w) > 1024:
pic_dir ''
else:
pic_dir ''
return render(request, '', {'pic': pic_dir})
```
根据屏幕宽度返回不同的图片路径。
配置应用URL
在book应用内创建一个``文件，并添加URL配置，代码如下：
```python
from import url
from . import views
urlpatterns [
url(r'^pic/$', views.pic),
]
```
运行Django工程
在开发工具的终端运行Django工程，使用以下命令：
```
python runserver
```
查看效果
在浏览器中访问网站，并切换为手机模式时，屏幕宽度会变化，页面会根据不同的屏幕宽度显示不同的图片。
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
