2017.7.24

  • ubuntu 复制文件夹 cp -a /from_dir /dest
  • css 图片完全填充背景
  • 独立于 django 环境运行
  • django 静态文件配置

ubuntu 复制文件夹

在 ubuntu 下复制目标文件夹到制定地址
使用 -a 参数即可

$ cp -a  /from_dir /dest

css 图片完全填充背景

参考地址


.body{background: url(images/bg.jpg) no-repeat center center fixed;background-size: cover;
}

在 django 项目中,独立于 django 运行脚本

使用场景:

在 django 结合 爬虫 的项目中,我们希望使用 django 对数据进行展示,爬虫部分获取数据,他们之间以数据库连接,在 爬虫 部分,爬下数据后使用 django models 部分对数据进行保存,所以就产生了需求,在不启动 django server 的情况下使用 models。

问题解决:

引入 django 运行环境即可


import os, django
os.environ.setdefault("DJANGO_SETTINGS_MODULE", "yourproject.settings")
django.setup()from .models import YourModel# your code

django 配置静态文件

在 django 项目中,我们常常会遇到加载静态图片的情况,比如用户上传的图片等,如何配置 media 设置曾经困惑了我很久,在做了很多次项目之后,终于将配置过程弄懂了。

按一下步骤逐一设置

settings.py


MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

(project.)urls.py


from django.conf.urls import url, include
from django.contrib import admin
from django.conf import settings
from django.conf.urls.static import staticurlpatterns = [url(r'^admin/', admin.site.urls),# ...# ...
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

(app.) models.py

from django.db import modelsclass Movie(models.Model):# 这里的 upload_to 参数设置的路径基于 media 文件夹下# 以这里为例,cover_img 上传的图片都会存到 /media/cover/ 这个路径下cover_img = models.ImageField('封面图片', upload_to='cover/')

设置就是以上了,在 template 下使用

(app.)views.py


from django.shortcuts import render
from .models import Moviedef index(request):movie_img = Movie.objects.get(pk=1)content = {'movie_img': movie_img}return render(request, '##/index.html', content)

(template.) index.html


<img src="{{ movie_img.cover_img.url }}" alt="">

以上就包含了基本的使用方法了。

转载于:https://www.cnblogs.com/zx576/p/7231678.html

日记-2017-7-24-cp-css-django/media相关推荐

  1. 2020不容错过!24个CSS新特性来了

    简介:@argyleink在第四次伦敦CSS活动(LondonCSS 2020)[1]中分享了一个有关于CSS特性相关的话题.本文基于该PPT,整理了近24个CSS方面的新特性,分为Web动效 .We ...

  2. css -- 运用@media实现网页自适应中的几个关键分辨率

    经常为不同分辨率设备或不同窗口大小下布局错位而头疼,可以利用@media screen实现网页布局的自适应,但是怎样兼容所有主流设备就成了问题.到底分辨率是多少的时候设置呢? 先看下面的代码,这是从b ...

  3. 设置css手机屏幕 media all,手机屏幕自适应之css写法@media

    一千款手机,就有一千种屏幕,犹如千人千面.在运用原生html+css写页面时,如何让不同屏幕显示出合适的效果,是个常见的棘手问题. 如今主流手机的尺寸分别有(单位为points): i4:320x48 ...

  4. 微软常用运行库合集自动安装 2017.06.24 X86X64

    相信使用windows的小伙伴们都遇到过运行库报错的问题,尤其是使用绿色软件的时候,比如QQ和PS,由于在精简的时候把运行库精简掉了,所以难免会出现运行库报错.除了市面上的盗版ghost系统会内置运行 ...

  5. 成都市等市州2015《四川省工程量清单计价定额》人工费调整的批复〔2017〕24

    四川省建设工程造价管理总站 川建价发[2017]24号 四川省建设工程造价管理总站关于对成都市等15个市.州2015年<四川省建设工程工程量清单计价定额>人工费调整的批复 各有关市.州工程 ...

  6. 24.纯 CSS 创作出平滑的层叠海浪特效

    24.纯 CSS 创作出平滑的层叠海浪特效 原文地址:https://segmentfault.com/a/1190000014895634 感想:这里的波浪只是侧面的,利用几个平面一部分弧旋转得到. ...

  7. 成都市等市、州2015年《工程量清单计价定额》人工费调整批复〔2017〕24

    四川省建设工程造价管理总站 川建价发[2017]24号 四川省建设工程造价管理总站 关于对成都市等15个市.州 2015年<四川省建设工程工程量清单计价定额> 人工费调整的批复 各有关市. ...

  8. 2017第24届中国国际汽车用品展览会会刊(参展商名录)

    2017第24届中国国际汽车用品展览会会刊(参展商名录) 展会名称: 2017第24届中国国际汽车用品展览会 所属展馆: 中国国际展览中心(新馆) 开展时间: 2017-02-17 至 02-20 参 ...

  9. django css_在应用程序上实现CSS Django的

    django css CSS (Cascade Style Sheets) are used to implement design. CSS(级联样式表)用于实现设计. Step 1: Create ...

  10. 定义css设备类型-Media Queries图表简介及使用方法

    移动时代是任何网页设计师和开发者不可忽略的一个时代,现在我设计的页面有时会在电脑大屏幕上或者移动小屏幕上显示.如何让同一个网站同时适应完全不同尺寸的屏幕,CSS3完美地解决了这些问题.在CSS2.1版 ...

最新文章

  1. Verilog读写文件
  2. delphi如何让程序最小化到任务栏(使用Shell_NotifyIcon API函数)
  3. 新版本 Swashbuckle swagger 组件中的 坑
  4. 论文阅读笔记(二)【ACL2021】知识抽取NER
  5. 腾讯TIM自动回复内容怎么自定义添加
  6. lambda 复制数组
  7. JMeter基础之组件的作用域与执行顺序
  8. H3C OSPF综合实验
  9. hdu 1856 求集合里元素的个数 输出最大的个数是多少
  10. python基础教程 pdf github_GitHub - looly/python-basic: 老齐(qiwsir)的Python基础教程Gitbook版...
  11. 网易2017校招合唱团
  12. c 语言转成 梯形图,把语句表转换成梯形图.doc
  13. 利用tftp服务器进行IOS备份升级
  14. 《阵列信号处理及MATLAB实现》阵列响应矩阵(均匀线阵、均匀圆阵、L型阵列、平面阵列和任意阵列)
  15. (转载)常见的差分(动)阻抗计算模型(CITS25 软件)
  16. win7之 nodejs 升级
  17. CSS3干货28:妙用 transition 实现中英文切换导航
  18. 【操作系统】读者写者问题——写者优先、寿司店问题 题目+答案
  19. 《Python语言程序设计》王恺 王志 李涛 机械工业出版社 第8章 多线程与多进程 课后习题答案【强烈推荐】
  20. 算法思想为什么重要,通过IMDB学习算法的设计思路

热门文章

  1. 隐藏SSID无线网络ID 你的无线网络真的安全吗?
  2. Linux部署Node.js应用
  3. 备战618,京东如何保障系统稳定性?
  4. 从平台到中台 | Elaticsearch 在蚂蚁金服的实践经验
  5. 一文盘点数据行业的动态演变
  6. 程序员需要能show出来!
  7. Consul和服务网格的智能网络
  8. windows 下更新 npm 和 node
  9. WSP框架:WEB组件的原理
  10. 【Scratch】青少年蓝桥杯_每日一题_5.01_画三五七边型