【Django学习笔记 - 15】:admin站点编辑(关联对象在列表页中添加,编辑页调整、图片设置)2

简介: 【Django学习笔记 - 15】:admin站点编辑(关联对象在列表页中添加,编辑页调整、图片设置)

图片设置


  1. 添加图片字段

74731eac16104517b5c10e498f6ba771.png

1f99a637e0fd45bc8aedb379c62b0bda.png

b3f4ddf48b254f178e286f95e54414f2.png10bd7a006863412a903e9e8eeae5b8d8.png

. 添加一个在admin中显示照片的方法

847953393d0a4277b58de3d5007f52f2.png

1a0e7cc8d9624140a9df8ebdf4de20af.png


3. 取消图片的转义


需要导入的模块:

from django.utils.safestring import mark_safe


c70e380671944e8abcc4dafee52a65e7.png


33217b8a8f864b6b9f6a3027f2377ea0.png


此时可以在admin中看到一个损坏的图片,这是因为系统没有找到该图片的路径,所以我们需要配置一个media媒体文件,用来存放图片。


media媒体文件的配置

-在项目中创建一个存放媒体文件的文件夹:media,并在静态文件中进行路径的配置


94faad67f64e47e592d532f28f4d2930.png


- 在根路由中配置media静态文件的路由

dc38e4d42dc546aabd2375f6b44bd9e9.png


  1. - 在模型类中添加图片应上传到的地方

upload_to 表示将上传的文件放在哪一个地方,找的是meida而不是static

0b71ee30b91143199b24d2d202254419.png


- 重新上传文件后,即可看见图片,此时图片过大,我们需要进行图片尺寸的设置

496bc83e2e184376a5bf5b99833f3af5.png


设置图片尺寸

ab6dbe585aa544c8b2bde821494c88c2.png

bc41ce3f640b4ec99bd8b1a83770b4ed.png

-点击该图片即可进行页面跳转


7e16906406cd4559a7d5700404c00aa6.png






相关文章
|
6月前
|
前端开发 数据库 Python
Django项目之电商购物商城 -- 修改/删除收货地址/设置默认地址
Django项目之电商购物商城 -- 修改/删除收货地址/设置默认地址
|
2月前
|
JavaScript 前端开发 Python
django接收前端vue传输的formData图片数据
django接收前端vue传输的formData图片数据
62 4
|
5月前
|
存储 JavaScript 前端开发
Django + Vue 实现图片上传功能的全流程配置与详细操作指南
 在现代Web应用中,图片上传是一个常见且重要的功能。Django作为强大的Python Web框架,结合Vue.js这样的现代前端框架,能够高效地实现这一功能。本文将详细介绍如何在Django项目中配置图片上传的后端处理,并在Vue前端实现图片的选择、预览和上传功能。
|
6月前
|
安全 API 数据安全/隐私保护
在django3查看项目和编辑应用权限
【6月更文挑战第5天】本文介绍在Django REST Framework中,权限管理对于Web API的安全至关重要。总的来说,应实施严格的项目级别权限,并按需调整视图级别的权限策略,利用DRF的内置权限系统增强安全性。
51 2
|
6月前
|
前端开发 JavaScript 数据库
四. Django项目之电商购物商城 -- 图片验证码生成
四. Django项目之电商购物商城 -- 图片验证码生成
|
6月前
|
数据管理 数据库 数据安全/隐私保护
Django——Auth模块以及admin站点
Django——Auth模块以及admin站点
|
7月前
|
Python
Django 实现用户需求及反馈系统并支持图片上传
在这篇博客中,我们将介绍如何使用 Django 实现一个用户需求和反馈系统,支持用户上传图片,同时限制上传图片的总大小不超过 3MB。我们将从模型设计开始,然后编写表单和视图来处理用户请求和图片上传。
|
6月前
|
Python
初识Django,以及路由设置
初识Django,以及路由设置
|
7月前
|
Python
基于Django的Python应用—学习笔记—功能完善
基于Django的Python应用—学习笔记—功能完善
|
7月前
|
存储 数据库 数据安全/隐私保护
基于Django的Python应用——学习笔记
基于Django的Python应用——学习笔记