Django框架开发004期 Python编程调用自定义Django框架template模板网页

通过前三期的课程，我们已经学会Python编程利用Django进行网页数据交互的方法以及数据流通的基本流程。那么，在日常情况下，我们写一个自己的网页还有更好的方法吗？

当然有！本期课程，老刘就向大家介绍Django框架模板文件的使用，让我们开发网站更加轻松。tips：最好先学习过老刘的《零基础html5+div+css+js网页开发教程》，这样可以充分利用html开发更好的网页哦！

本期课程属于刘金玉编程Django网站开发课程第三章，欢迎提前抢购电子书！下面我们就开始模板文件开发的案例学习吧！

3 自定义Django的html模板

我们在实际网站开发应用中一般都是前后端分离的，而Django项目正是前后模板分离的典型框架。

3.1开发调用模板文件

新建一个ljyTemplates模板文件夹，专门用来存放项目中的html模板文件，如果项目中有多个应用模块，我们也可以在这个ljyTemplates模板文件夹中根据项目的应用模块来命名多个字文件夹，例如在这个文件夹下再新建一个ljyblog文件夹专门用来存放博客网页模板。当我们建立用模板文件夹和模板文件以后，我们需要在Django的配置文件settings.py中将文件夹配置路径添加进去，最后在视图中调用模板文件就可以了。

先来预览一下将要做的效果图。

下面开始分步骤来自定义html模板。

第1步：新建模板文件夹ljyTemplates。在项目上鼠标右键菜单中选择new，然后点选Directory选项。

第2步：根据ljyblog这个应用来创建模板文件夹，这里的ljyblog这个文件夹模板对应ljyapp这个应用来使用。

创建一个首页模板，命名为ljyIndex

创建完成后的项目结构如下图所示：

第3步：将模板文件夹配置到Django框架中。打开settings.py文件，找到TEMPLATES这个列表变量，然后在其字典的DIRS这个键中添加模板文件夹路径。

代码解释：str(BASE_DIR)表示项目根目录物理路径，那么str(BASE_DIR)+"\\ljyTemplates"就表示项目根目录下的ljyTemplates文件夹。

第4步：修改视图函数ljyIndex。

首先确保已经导入了render函数，这个函数主要用来调用模板文件，并向模板文件传递有关变量，最后将变量值输出到自定义的模板ljyIndex.html中。

我们将原来的函数修改为下图所示。

解释一下这里的render函数，格式render(request，模板文件相对路径，字典类型变量）。

第5步：修改模板文件，传入变量值。

打开ljyIndex.html，我们使用{{变量值}}的这种形式来输出view视图中传递过来的变量值。注意：变量从view视图传递到模板文件，是使用字典的形式的，所以在模板文件中调用的时候也要用字典的键名称来调用。

第6步：测试模板调用结果

先启用项目，然后浏览器输入地址http://127.0.0.1:8000/，结果如下图所示。

本节课程就为大家介绍这些。在实际开发中，模板文件的使用是核心业务的核心，因此，你想要学会动态网站开发，本期教程就要好好练习哦！

网站的开发，除了文字之外还会有很多音视频图片等资源文件的利用，这样的网站不仅美观，也更有价值！下期课程，老刘就将为大家介绍如何开发利用这样的资源为网站添彩！

刘金玉编程感谢您的支持！

刘金玉编程，编程创造城市。

【书籍目录】

联系作者：刘金玉