Django框架确实让开发速度提高了不少,但提升的是后台开发速度,对于前台开发速度没多大的替提升,特别是对于像我一样对javascript和HTML不熟的人来说,写前台的javascript真的很痛苦,所以我就想能不能将Django和前台框架比如说什么EasyUI或者是jQeury框架结合在一起用,漂亮,快捷而且简单方便,经过几次的实验和查资料,终于在官方的参考文档上找到了答案,Django的参考文档堪称完美啊!是我见过最好用的参考文档!!!!好了废话不多说,现在开始!
在我们创建项目时,其实settings.py设置中有这样一条:
STATIC_URL = '/static/'
这个指定的就是我们应用程序中(也就是polls)的static文件夹,是Django的默认查找静态文件的文件夹,需要我们手动建立,这是我的项目的目录结构:
我的项目名为DjangoS,应用程序为MyDjango,EasyUI框架就放在MyDjango下的static文件夹下,模板,也就是HTML文件放在MyDjango下的templates中!
现在关键是看看怎么在HTML中引用EasyUI框架:
首先要在HTML中这使用:
{% load staticfiles %}
加载静态文件夹,然后再引用完整的EasyUI引用如下:
<title>Accordion - jQuery EasyUI Demo</title>
{% load staticfiles %}
<script type="text/javascript" src="{% static 'jquery-easyui-1.2.6/jquery-1.7.2.min.js' %}"></script>
<link rel="stylesheet" type="text/css" href="{%static 'jquery-easyui-1.2.6/themes/default/easyui.css'%}" />
<link rel="stylesheet" type="text/css" href="{% static 'jquery-easyui-1.2.6/themes/icon.css'%}" />
<script type="text/javascript" src="{% static 'jquery-easyui-1.2.6/jquery.easyui.min.js'%}"></script>
<script type="text/javascript" src="{% static 'jquery-easyui-1.2.6/locale/easyui-lang-zh_CN.js' %}"></script>
<script type="text/javascript">
$(function(){
$.messager.confirm('标题内容' , '确认么?' ,function(r){
if(r){
alert('点击确认');
} else {
alert('点击取消');
}
});
$.messager.progress({
title: '我是进度条' ,
msg:'文本内容' ,
text: '正在加载..' ,
interval:1000
});
});
</script>
注意红色的地方,这是EasyUI的一个简单的进度条实例,效果如下:
举一反三,可以通过这个方式引用jQuery或者是其他的前台框架!Good Luck!