Django 模板中使用css, javascript

Django 模板中使用css, javascript

(r'^css/(?Ppath.*)$', 'django.views.static.serve', {'document_root': '/var/www/django-demo/css'}),

(r'^js/(?P/pathpath.*)$', 'django.views.static.serve', {'document_root': '/var/www/django-demo/js'}),

(r'^images/(?P/pathpath.*)$', 'django.views.static.serve', {'document_root': '/var/www/django-demo/images'}),

模板中使用下述方式即可：

link href="/css/demo.css" type="text/css" rel="stylesheet"

注：可采用os.path.dirname(globals()["__file__"])来获得当前文件所在路径，比如

(r'^css/(?Ppath.*)$', 'django.views.static.serve', {'document_root': os.path.dirname(globals()["__file__"])+'/css'}),

可以使用os.path.abspath()函数返回此路径的绝对路径。

==============

要在django的tempalte file中引用css、js、gif等静态文件，首先一条setting.py中DEBUG开关打开。

1、在project目录下建立一个存放静态文件的目录，如：medias

2、在url.py patterns中增加一行：

(r'^site_media/(?Ppath.*)$','django.views.static.serve',{'document_root':settings.STATIC_PATH}),

还要from django.conf import setting

3、在setting.py中加入一行：

STATIC_PATH='./medias'

如此设置后，就可以在template file 中引用media中存放的静态文件了，如：

img src='/site_media/django.gif'

转载于:https://www.cnblogs.com/pyxiaomangshe/p/7997526.html

Django 模板中使用css, javascript相关推荐

django模板中引入CSS和JS
django中的模板功能非常强大,但是在django的模板中引入css和js要怎么处理呢,这个还是真的和普通的网页不太一样.因为在django中一般用来存放的模板的目录为template目录(注意:这 ...
Django模板中如何将函数的变量作为字典key并获取对应的value
Django模板中如何将函数的变量作为字典key并获取对应的value 问题现有一字典 mydict = {'abc': 123} key = 'abc' 传入到模板后在模板html中你可能像下面 ...
一个注册页面的前端模板（html+css+javascript）可自适应屏幕
一个注册页面的前端模板(html+css+javascript)可自适应屏幕,修改样式即可用. 截图代码 <!DOCTYPE html> <html><head> ...
Django 模板中使用 Ajax POST
Django 模板中使用 Ajax POST 解决 Forbidden (CSRF token missing or incorrect.) 报错的解决方案在以Django作为后端的项目开发中,前端 ...
Django 模板中变量过滤器标签的使用方法
一.变量 1.变量的形式是:{{variable}}, 当模板引擎碰到变量的时候,引擎使用变量的值代替变量. 2.使用dot(.)能够访问变量的属性 3.当模板引擎碰到dot的时候,查 ...
Django 模板中变量、过滤器、标签的使用方法
2019独角兽企业重金招聘Python工程师标准>>> 一.变量 1.变量的形式是:{{variable}}, 当模板引擎碰到变量的时候,引擎使用变量的值代替变量. 2.使用dot( ...
HTML期末大作业~仿京东商城模板网站(HTML+CSS+JavaScript)
HTML期末大作业~仿京东商城(HTML+CSS+JavaScript) 这次网页主要以(HTML+CSS+JavaScript)制作登录注册首页购物商品详情 ,等多个页面~特别适合web期末 ...
HTML5七夕情人节表白网页制作【html5全屏七夕表白页面滚动模板】HTML+CSS+JavaScript
这是程序员表白系列中的100款网站表白之一,旨在让任何人都能使用并创建自己的表白网站给心爱的人看. 此波共有100个表白网站,可以任意修改和使用,很多人会希望向心爱的男孩女孩告白,生性腼腆的人即使那个 ...
python endif_在Django模板中的 if else endif
if/else {% if %} 标签检查(evaluate)一个变量,如果这个变量为真(即,变量存在,非空,不是布尔值假),系统会显示在 {% if %} 和 {% endif %} 之间的任何内容 ...

Django 模板中使用css, javascript

Django 模板中使用css, javascript相关推荐

最新文章

热门文章