您的位置：首页 > 编程语言 > Python开发

django python html css js

2015-05-12 15:37 351 查看

在django 框架下使用 css 和 js 或则使用静态库不像 php 有根目录的概念，不过在django 中是包的概念，所以在引用这些包的时候需在django 中做一些配置。

（1）首先是配置setting.py 里找到 TEMPLATE_DIRS 然后配置你的html的路径：

类似这样：TEMPLATE_DIRS
= (

'/Users/JzhuiWeb/djproject/html',

)其中这个html 是我项目里的一个html 的文件夹，里面是整个项目的html文件

（2）然后配置url.py 里的urlpatterns 这个函数

类似这样：urlpatterns = patterns('',

(
r'^js/(?P.*)$', 'django.views.static.serve',

{
'document_root': '/Users/JzhuiWeb/djproject/js/' }

),

(
r'^css/(?P.*)$', 'django.views.static.serve',

{
'document_root': '/Users/JzhuiWeb/djproject/css/' }

),

)

其中r'^js/(?P.*)$ 和r'^css/(?P.*)$
是要展示 url 的方法/文件名字的这个会再html 代码里做个详细说明，{ 'document_root': '/Users/JzhuiWeb/djproject/js/' }，{ 'document_root': '/Users/JzhuiWeb/djproject/css/' } 是真实的文件目录,其中js,css 是和html这个文件夹是统一个目录下的。

配置好以后我们看一下在html 里是如果用的

html 代码：

<head>

<link rel="stylesheet" href="/css/syletext.css" type="text/css" />

<title>{%
block title %}{% endblock %}</title>

</head>

<body>

<p
id="textchengen"> javaScript is change HTML elemens</p>

<script
src="/js/babyJS.js" type="text/javascript"></script>

<button
type="button" onclick="myFunction()">clik my</button>

<button
type="button" onclick="getNowDay()"> day </button>

</body>

代码说明：这里将css 放到了head 里， js 放在了body 下，无需讨论html 代码的好坏，只是为了看的更清晰，其中/css/syletext.css/ 中的css 就是我们步骤2里说的展示url也就是r'^css/(?P.*)$ 里的css,当然其实这个命名可以随便你怎么起，只要符合django
的要求就ok,这里的css 千万不要和真实路径下的css文件夹弄混了，在这里只是个人习惯。同理 /js/bobyJS.js/和css 是一样的，不做多解释，

ok 了，打开浏览器看一下效果吧，当然css 和js 里写一些简单的样式和函数，测试一下。

这里需要注意几点，有可能是很多人犯的错误，就是/css/syletext.css/前面一定要有个/

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航