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/,结果如下图所示。
本节课程就为大家介绍这些。在实际开发中,模板文件的使用是核心业务的核心,因此,你想要学会动态网站开发,本期教程就要好好练习哦!
网站的开发,除了文字之外还会有很多音视频图片等资源文件的利用,这样的网站不仅美观,也更有价值!下期课程,老刘就将为大家介绍如何开发利用这样的资源为网站添彩!