Django学习笔记(3)

继续来填坑。。。

Templates

模版就是放html的地方，django 默认会在app当前目录下找templates 目录，如果不想改setting的话，直接在下面建立目录即可。
苦逼运维最麻烦的就是不懂css和js。。毕竟不是专业前端- - ，所以推荐大家使用bootstrap ，个人觉得一个就算不修改都一样好用（不会太丑。。）比如我就用了原版的bootstrap 的css和js做的一个blog。。

Paste_Image.png

应该不算很丑吧。。。。。
说道这些静态文件，需要先在setting 里建立对应的静态目录位置，如果机器有多的话，把静态文件放在其他机器上通过http 访问也可以。我穷，连腾讯云都只租的起单核单内存的垃圾云主机。所以只能放在本机了。
修改setting 文件:

STATIC_URL = '/static/'
STATIC_ROOT = '/opt/Monitor/static/'

加上以上，表示静态文件都存放在此处，之后通过nginx 来引用这些静态文件。
然后建立html
base.html:

     
    
    
    
    
    
    





    

        
Live & Learn
    




    


{% block content %}
{% endblock %}

    

模版本质上就是html 可以看到上面和html 基本没什么区别，但是不仅仅是html ，因为除了html的功能外，模版有个很重要的功能就是各种各样繁多的标签以及过滤器，比如上面的
{% block content %}
{% endblock %}
表示一段块，在其他html 顶部加入 {% extends "base.html" %}
{% block content %｝在结尾加入{% endblock %}就表示将自己插入base.html的这段代码块，这个非常好用，假设我每个页面上都需要一些静态的内容，那只需要将这些静态内容放在一起，将需要通过变量调用的内容单独写就好了。
index.html:

{% extends "base.html" %}
{% block content %}

    

        

            
Home
        
        

            
Life
        
        

            
Tool
        
    
    

    

    

{% for i in post %}
    

        
{{i.1}}
         {{i.3}}
         {{i.2}}
        
{{i.4 |  slice:"90" }}。。。。。 
        

        

    
{% endfor %}

{% ifnotequal curpage 1 %}
        
Prev
{% endifnotequal%}
{% ifnotequal curpage  allpage %}
        
Next
{% endifnotequal%}






钟發白
  


    

        
    
Commit







{% for a in tag %}
{{a}}
{% endfor %}

{% include 'include/calendar.html' %}

       
{% endblock %}

上面可以看到，模版可以进行简单的判断，循环，以及数组处理。
{% for i in post %} 处理从数据库选出的文章数组，进行循环
i.1 就是i[1]这样。。
{% ifnotequal curpage 1 %} 就是 if curpage not equl 1 这样。不过不支持or 和and 什么的，比较尴尬。
还有比如过滤器啊，比如这段;

{{i.4 | slice:"90" }}。。。。。

只显示90个字符，slice 支持中文哦。
django 模版的标签和过滤器很多很多，之后mark 几个地址，回头看看。
按照上面的配置，一个主页就出来了，但是现在启动django 后肯定是没有图片和css 样式的。。因为静态文件绝壁找不到。
待会说下nginx 和uwsgi的连接，这样就不用苦逼的每次修改都要 python manage runserver 了，直接重启uwsgi 就好了。

参考资料：
http://blog.sina.com.cn/s/blog_4d6f8e050101nb4j.html #django 过滤器列表
http://blog.csdn.net/you_are_my_dream/article/details/53056141 标签列表