django模板加载静态资源

1. 目录结构

/mysite/setting.py部分配置:

# Django settings for mysite project.
import os.path

TEMPLATE_DIRS = (
    # Put strings here, like "/home/html/django_templates" or "C:/www/django/templates".
    # Always use forward slashes, even on Windows.
    # Don‘t forget to use absolute paths, not relative paths.
    # ‘/data/python/django/mysite/template‘
    os.path.join(os.path.dirname(__file__), ‘../template‘).replace(‘\\‘,‘/‘),
)

STATIC_PATH= os.path.join(os.path.dirname(__file__), ‘../media‘).replace(‘\\‘,‘/‘)

/mysite/urls.py配置:

from django.conf.urls import patterns, include, url
# from django.conf.urls import *
# Uncomment the next two lines to enable the admin:
from django.contrib import admin
from page1.views import *
from django.conf import *
admin.autodiscover()

urlpatterns = patterns(‘‘,
    # Examples:
    # url(r‘^$‘, ‘mysite.views.home‘, name=‘home‘),
    # url(r‘^mysite/‘, include(‘mysite.foo.urls‘)),

    # Uncomment the admin/doc line below to enable admin documentation:
    # url(r‘^admin/doc/‘, include(‘django.contrib.admindocs.urls‘)),

    # Uncomment the next line to enable the admin:
    # url(r‘^admin/‘, include(admin.site.urls)),
    (r‘^media/(?P<path>.*)$‘,‘django.views.static.serve‘,{‘document_root‘:settings.STATIC_PATH}),

    url(r‘^index/$‘,index),
    url(r‘^monitor/$‘,monitor),
)

/mysite/views.py

# Create your views here.
# coding utf8
from django.template import Template, Context
# from django.http import HttpResponse
from django.shortcuts import render_to_response

def index(request):
    # return render_to_response(‘thanks.html‘)
    return render_to_response(‘index.html‘)

/template/index.html

<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="../media/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn‘t work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <h1>你好,世界!</h1>

    <!-- jQuery (necessary for Bootstrap‘s JavaScript plugins) -->
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="../media/js/bootstrap.min.js"></script>
  </body>
</html>

成功加载资源:

备注:上面的index.html用到了bootstrap,参考地址:http://www.bootcss.com/

时间: 2024-10-13 12:36:17

django模板加载静态资源的相关文章

Flask之加载静态资源

Flask之加载静态资源 1.加载css样式 <link rel="stylesheet" href="{{ url_for('static',filename='css/img.css',_external=True) }}"> 2.加载js脚本 <script rel="stylesheet" src="{{ url_for('static',filename='js/img.js') }}">&l

spring mvc 加载静态资源

由于我们在web.xml进行了如下配置: <servlet> <servlet-name>spring_mvc_demo</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <load-on-startup>1</load-on-startup> </servlet> &l

Spring mvc应用 加载静态资源的几种方式

总结几种Spring mvc应用加载静态资源的方式 1.使用服务器的默认Servlet处理 对于不同的服务器,处理静态资源的servlet-name不一样,需要去看服务器具体的配置文件 比如resin-3.1.12,通过查看app-default.xml可以看到默认处理jsp的servlet-name为>resin-jsp 所以可以通过在web.xml中添加静态资源的访问 <servlet-mapping>        <servlet-name>resin-jsp<

如何让aspnet服务加载静态资源html(我的动态网页静态化) 转

我们知道,IIS自身是不能处理像ASPX扩展名这样的页面,只能直接请求像HTML这样的静态文件. 当客户端请求一个服务器资源时,这个HTTP请求会被inetinfo.exe进程截获(www服务),然后Check请求资源的类型,并依据资源映射信息(存储在IIS元库中,一种IIS专用的配置数据库)将请求的资源分配给特定的处理程序模块.1,如果是静态资源的请求,则分配由IIS处理(IIS在本地Web Server上访问请求的文件),将内容输出到控制台,发出请求的浏览器就能接收到它了.-----End2

laravel框架加载静态资源注意事项

laravel框架加载静态资源 要注意路径问题,一般静态资源都保存在public目录下 默认访问的路径就指向public目录,用 / 表示public目录 静态资源加载示例: <link href="/admin/css/bksystem.css" rel="stylesheet" type="text/css" /> bksystem.css文件存放在public目录下的admin目录下的css文件下面,这里最前面的/千万不要省略否

页面性能优化:preload预加载静态资源

本文主要介绍preload的使用,以及与prefetch的区别.然后会聊聊浏览器的加载优先级. preload 提供了一种声明式的命令,让浏览器提前加载指定资源(加载后并不执行),在需要执行的时候再执行.提供的好处主要是 将加载和执行分离开,可不阻塞渲染和 document 的 onload 事件 提前加载指定资源,不再出现依赖的font字体隔了一段时间才刷出 如何使用 preload 使用 link 标签创建 <!-- 使用 link 标签静态标记需要预加载的资源 --><link r

Django 模板中引用静态资源(js,css等)

Django 模板中免不了要用到一些js和CSS文件,查了很多网页,被弄得略晕乎,还是官网靠谱,给个链接大家可以自己看英文的. https://docs.djangoproject.com/en/1.6/howto/static-files/ 大致步骤是这样的: 1.确保setting.py里的installed_apps中包括了django.contrib.staticfiles,没有的话大家给添上就行. 2.同样是在setting.py里面进行添加,我们需要添加静态资源相关的配置.可以这么写

SpringBoot加载静态资源 无法加载js问题

spring boot thymeleaf 静态资源 默认模板位置为templates , static出现静态资源方在该目录下会出现访问404错误 查了很久发现是 @EnableWebMvc 的问题,我修改方式把注解去掉,用默认的, @Configuration//@EnableWebMvc //添加该注解,则是完全控制MVC,public class CrossConfig extends WebMvcConfigurerAdapter { @Override public void add

yii2 加载静态资源

1.在 assets/AppAsset 里定义方法 <?php /** * @link http://www.yiiframework.com/ * @copyright Copyright (c) 2008 Yii Software LLC * @license http://www.yiiframework.com/license/ */ namespace app\assets; use yii\web\AssetBundle; /** * @author Qiang Xue <[ema