您的位置:首页 > Web前端 > JavaScript

Django1.4关于静态文件(css.js等)和模板路径的配置

2013-04-12 23:36 1081 查看


Django1.4关于静态文件(css.js等)和模板路径的配置

  最近在学习新的MVC框架Django,这是一个基于Python语言的Web开发框架。Django框架的好处就是能够以最小的代价构建和维护高质量的Web应用。而说到Web开发,不可避免的要使用到css和javascript文件。而怎样解决在Django框架中将这些静态文件引入,还有怎样在工程中配置模板路径的问题呢。在这里,博主将为大家详细的讲述一下方法。

  首先,在你建立的工程的根目录中建立一个static文件夹,用来存放css,js和图片等静态文件。然后进入工程文件夹,打开settings.py文件,进行如下配置:

1
2
3
4
5
6

import os
STATIC_URL='/static/'
STATICFILES_DIRS = (
//动态的获取static文件的路径
os.path.join(os.path.dirname(__file__), '../static/').replace('\\','/'),
)

然后打开urls.py文件在url模式中做如下配置:

1
2
3
4
5
67
8

import settings
urlpatterns = patterns('',
url( r'^static/(?P<path>.*)$', 'django.views.static.serve',{ 'document_root': settings.STATIC_ROOT }),
#如果没有建static文件夹,而是直接在根目录下建立的JS,CSS和Images文件夹,就将下面的三行代码注释去掉,删除上方的代码
#( r'^js/(?P<path>.*)$', 'django.views.static.serve',{ 'document_root': settings.STATIC_ROOT }),
#( r'^css/(?P<path>.*)$', 'django.views.static.serve', { 'document_root': settings.STATIC_ROOT }),
#( r'^images/(?P<path>.*)$', 'django.views.static.serve', { 'document_root': settings.STATIC_ROOT }),
)

然后在我们的base模板或者有需求的模板中引入这些静态文件即可。

1
2

<link rel = "stylesheet" type = "text/css" href = "/static/css/base.css">
<link rel = "stylesheet" type = "text/css" href = "/static/js/jquery.css">

到这里,django引入静态文件的配置方法就完成了。

而让Django加载模板的方法也是相当的简单,首先也是在工程的根目录下建立templates文件夹,用来存放模板文件。然后再settings.py的文件中找到TEMPLATE_DIRS,加入如下代码:

1
23
4

import os
TEMPLATE_DIRS = (
os.path.join(os.path.dirname(__file__),'../templates/').replace('\\','/'),
)

不管是模板路径的配置还是静态文件的配置的方法都很很简单。希望对初学django的童鞋有所帮助。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: