Django Web开发学习笔记(4)

第四章 模板篇

上一章的内容,我们将HTML的代码和Python代码都混合在了在view.py的文件下。但是这样做的坏处无疑是明显的,引用DjangoBook的说法:

  • 对页面设计进行的任何改变都必须对 Python 代码进行相应的修改。 站点设计的修改往往比底层 Python 代码的修改要频繁得多,因此如果可以在不进行 Python 代码修改的情况下变更设计,那将会方便得多。
  • Python 代码编写和 HTML 设计是两项不同的工作,大多数专业的网站开发环境都将他们分配给不同的人员(甚至不同部门)来完成。 设计者和HTML/CSS的编码人员不应该被要求去编辑Python的代码来完成他们的工作。
  • 程序员编写 Python代码和设计人员制作模板两项工作同时进行的效率是最高的,远胜于让一个人等待另一个人完成对某个既包含 Python又包含 HTML 的文件的编辑工作。

这一章我们采用Template的方法来尽量将两部分代码进行分离。



一、引入模板模块

在view.py中导入模块

from django.template import Template,Context

其中,Template模块是负责HTML的模板操作,Context是负责前端界面的显示任务。

二、创建模板

1.<html>
2.<body>
3.{% ifequal passport ‘ywc‘%}
4.name:{{userName}},passport:{{passport}}
5.{% else %}
I6.input Error,please try it again......
7.</body>
8.</html>
9.{% endifequal %}

其中需要明白两个新引入的变量的概念

{% %}称为模板标签,下面我们将会列举出开发中使用的大部分标签,功能类似于JSP中的标签,我们甚至可以创建自己的标签。

{{   }}称为模板变量,我们在JSP开发中使用的是${}来获取从Servlet传递过来的数据,用于在前端展示

上面的代码的是判断passport是否等于‘ywc‘ 如果相等的话就会把用户名和密码都显示在界面上,如果不等的话则会提示“input error......”的字符串。

我们在view.py中定义这样一个函数:

def template_20140627(request):
    h = """
    <html>
        <body>
        {% ifequal passport ‘123‘%}
            name:{{userName}},passport:{{passport}}
        {% else %}
            Input Error,please try it again......
        </body>
    </html>
        {% endifequal %}"""
    t = Template(h);
    c = Context({‘userName‘:‘ywc‘,‘passport‘:‘123‘})
    html = t.render(c);
    return HttpResponse(html)

如上,我们将完成了在视图端的基本操作。用户的姓名为‘ywc‘,密码为123.判断用户密码如果为123的话就输出用户名和用户密码,否则的话输出错误提示!

三、添加映射路径

在urls.py中添加如下:

(r‘^tt/$‘, DjangoE_1.view.template_20140627)

在浏览器中输入访问地址http://localhost:8000/tt/就能看到我们的结果。



经过上面的操作,我们发现HTML代码依然被嵌入在view.py中,并没有实现分离的效果。其实,我们发现,最终显示在网页上的是response返回的字符串,因此,我们可以直接将模板单独放在一个文件夹下面,通过打开文件来获取该模板。我们在工程目录下新建一个名为template的文件夹。并将前面定义的模板teml.html放在该文件夹下面.

1、定义模板

<html>
    <body>
    {% ifequal passport ‘123‘%}
        name:{{userName}},passport:{{passport}}
    {% else %}
        Input Error,please try it again......
    </body>
</html>
    {% endifequal %}

2、在view.py 中定义函数

def template_20140628(request):
    fp = open(r‘C:\Python27\project\DjangoE_1\template\temp.html‘,‘r‘)
    t = Template(fp.read())
    fp.close()
    html = t.render(Context({‘userName‘:‘ywc‘,‘passport‘:‘123‘}))
    return HttpResponse(html

3、在urls.py中添加链接

(r‘^tt2/$‘, DjangoE_1.view.template_20140628),

重新在浏览器内输入浏览地址,我们可以看到和上面的浏览器输出一个结果

同样,根据Python的DRY原则,上述代码依旧不够简洁,DjangoBook给出的解释如下:

  • 它没有对文件丢失的情况做出处理。 如果文件 mytemplate.html 不存在或者不可读, open() 函数调用将会引发 IOError 异常。
  • 这里对模板文件的位置进行了硬编码。 如果你在每个视图函数都用该技术,就要不断复制这些模板的位置。 更不用说还要带来大量的输入工作!
  • 它包含了大量令人生厌的重复代码。 与其在每次加载模板时都调用 open()fp.read()fp.close() ,还不如做出更佳选择。


Django给我们提供了一个get_template()函数可以从直接加载模板而不用每次都Open()该模板

1、在我们的setting.py中可以加载这样一个元组

STATIC_URL = ‘/static/‘
TEMPLATE_DIRS = (
   r‘C:\Python27\project\DjangoE_1\template‘,
)
这就是我们的模板加载的路径

2、在view.py中定义如下函数:加载模块:from django.template.loader import get_template
def template_20140629(request):
    t = get_template(‘temp.html‘);
    html = t.render(Context({‘userName‘:‘ywc‘,‘passport‘:‘123‘}))
    return HttpResponse(html)

3、在urls.py中添加下面的语句:    (r‘^tt3/$‘, DjangoE_1.view.template_20140629)

在浏览器中输入地址,我们可以获得对应的界面。在这个过程中,我们可能会发现很对url地址的问题。在开发的过程中,由于操作系统的问题,路径中的\和/是不同的。python引入了join函数,具体的可以参考python手册。

Django Web开发学习笔记(4)

时间: 2024-08-25 04:21:52

Django Web开发学习笔记(4)的相关文章

Django Web开发学习笔记(5)

第五部分 Model 层 创建一个app工程.app和project的区别引用DjangoBook的说法是: 一个project包含很多个Django app以及对它们的配置. 技术上,project的作用是提供配置文件,比方说哪里定义数据库连接信息, 安装的app列表, TEMPLATE_DIRS ,等等. 一个app是一套Django功能的集合,通常包括模型和视图,按Python的包结构的方式存在. 例如,Django本身内建有一些app,例如注释系统和自动管理界面. app的一个关键点是它

Django Web开发学习笔记(1)

一.Python的标准类型 (1)bool型 >>> bool("") False >>> bool(None) False >>> bool(False) False (2)数值型 Python的数值型数据包含两类:int和float型数据,需要注意的是还有一个complex的类型,也就是复数类型 >>> a = complex(1,3) >>> a (1+3j) >>> b

python的内存管理机制 图解+Django Web开发学习笔记

http://www.cnblogs.com/CBDoctor/p/3781078.html http://www.cnblogs.com/vamei/p/3232088.html http://blog.csdn.net/zhzhl202/article/details/7547445

Django Web开发学习笔记(3)

唉,写了大半夜,丢失了!不想再补了!,主要是建表步骤等

【web开发学习笔记】Structs2 Action学习笔记(一)

1.org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter准备和执行 2. <filter-mapping> <filter-name>struts2</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> url-pattern约定熟成只写/*,没必要写*.action 3. <

【web开发学习笔记】Structs2 Action学习笔记(二)

action学习笔记2-有关于action method的讨论 Action执行的时候并不一定要执行execute方法,可以在配置文件中配置Action的时候用method=来指定执行哪个方法 也可以在url地址中动态指定(动态方法调用DMI)(推荐) 方法一 <struts> <constant name="struts.devMode" value="true" /> <package name="user" e

【web开发学习笔记】Structs2 Action学习笔记(三)action通配符的使用

action学习笔记3-有关于通配符的讨论 使用通配符,将配置量降到最低,不过,一定要遵守"约定优于配置"的原则. 一:前端htm <前端代码html> </head> <body> <a href="<%=context %>/actions/Studentadd">添加学生</a> <a href="<%=context %>/actions/Studentdel

【web开发学习笔记】Structs2 Result学习笔记(一)简单介绍

Structs2 Result学习笔记(一)简单介绍 问题一 <struts> <constant name="struts.devMode" value="true" /> <package name="resultTypes" namespace="/r" extends="struts-default"> <action name="r1"

【web开发学习笔记】Structs2 Result学习笔记(二)动态结果集

Result学习笔记(二) - 动态结果集 动态结果 一定不要忘了为动态结果的保存值设置set get方法 第一部分:代码 //前端 <% String context = request.getContextPath(); %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional